:root{--bg: #F8F3E9;--yellow: #F5CD47;--orange: #AD552E;--amber: #70452F;--gold: #EBC995;--peach: #F3E5D2;--blue: #654631;--sky: #6BBFEA;--coral: #E8685A;--pink: #F4A7B9;--cream: #F8F1E5;--white: #FFFCF6;--ink: #553F30;--muted: #83705D;--radius-lg: 8px;--radius-md: 4px;--stroke: 3px solid #3D547A;--stroke-light: 2px solid rgba(61, 84, 122, .18);--shadow: 4px 4px 0 #E9DDCD;--cell: 13px;--font: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);font-family:var(--font);color:var(--ink);min-height:100vh;background-image:radial-gradient(circle at 8% 12%,rgba(247,215,82,.18) 0 6px,transparent 7px),radial-gradient(circle at 92% 20%,rgba(107,191,234,.16) 0 5px,transparent 6px),radial-gradient(circle at 85% 88%,rgba(226,136,62,.14) 0 6px,transparent 7px)}.topbar{display:flex;align-items:center;gap:14px;padding:18px 32px;max-width:1280px;margin:24px auto 0}.topbar .logo{width:46px;height:46px;flex-shrink:0}.topbar .logo img{width:100%;height:100%;display:block}.topbar h1{font-size:26px;font-weight:900;color:var(--blue)}.topbar .sub{font-size:13px;color:var(--muted)}.layout{display:grid;grid-template-columns:300px 1fr;gap:24px;max-width:1280px;margin:20px auto 48px;padding:0 32px;align-items:start}.left{display:flex;flex-direction:column;gap:12px}.card{background:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.card-title{font-size:15px;font-weight:800;color:var(--blue);margin-bottom:14px}.btn-upload,.btn-preview{font-family:inherit;font-size:14px;font-weight:800;padding:12px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-preview[hidden]{display:none}.btn-icon{display:inline-flex;width:15px;height:15px;flex-shrink:0}.btn-icon svg{width:100%;height:100%;display:block}#btn-redo .btn-icon{transform:scaleX(-1)}#btn-upload .btn-icon,#btn-preview .btn-icon,.crop-actions .btn-icon{width:19px;height:19px}.current-palette-label .btn-icon{width:22px;height:22px}.btn-upload{background:var(--gold);color:var(--amber);border:none}.btn-preview{background:var(--orange);color:#fff;border:none}.panel{background:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:14px}.main{background:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;min-width:0}.main-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}.export-group{margin-left:auto;display:flex;align-items:center;gap:8px}.toolbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tools-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-palette-trigger{display:none}.tool-btn{font-family:inherit;font-size:14px;font-weight:800;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;background:var(--peach);color:var(--amber);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}#btn-brush{background:var(--gold)}.tool-btn.active{background:var(--orange);color:#fff}.tool-btn:disabled{opacity:.4;cursor:default}.size-selector,.color-selector,.engine-selector{display:flex;align-items:center;gap:4px}.engine-selector{margin-left:auto}.size-label{font-size:14px;font-weight:800;color:var(--amber)}.size-btn,.engine-btn,.color-btn{font-family:inherit;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;cursor:pointer;background:var(--peach);color:var(--amber);border:none}.engine-btn{font-size:14px;padding:6px 14px}.size-btn.active,.engine-btn.active,.color-btn.active{background:var(--orange);color:#fff}.engine-btn:disabled{opacity:.5;cursor:default}.color-custom-input{font-family:inherit;font-size:12px;font-weight:800;width:52px;padding:3px 6px;border-radius:999px;border:2px solid var(--orange);color:var(--ink);text-align:center;background:var(--white)}.color-custom-input:focus{outline:none}.btn-export{font-family:inherit;font-size:14px;font-weight:800;padding:6px 14px;border-radius:999px;cursor:pointer;background:var(--gold);color:var(--amber);border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-export-watermark{background:var(--orange);color:#fff}.spinner{display:none;width:32px;height:32px;border:4px solid var(--yellow);border-top-color:var(--orange);border-radius:50%;margin:0 auto 12px;animation:spin 1s linear infinite}.spinner.show{display:block}@keyframes spin{to{transform:rotate(360deg)}}.grid-wrap{width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;background:var(--cream);border-radius:var(--radius-md);border:none;touch-action:none;cursor:grab}.grid-wrap.dragging{cursor:grabbing}.grid{display:grid;grid-template-columns:repeat(52,var(--cell));grid-template-rows:repeat(52,var(--cell));gap:var(--grid-gap, 1px);background:#e8e0cf;padding:var(--grid-padding, 16px);border-radius:6px;width:max-content;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.cell{width:var(--cell);height:var(--cell);border-radius:2px;display:grid;place-items:center;font-size:calc(var(--cell) * .42);font-weight:700;line-height:1;color:#ffffffeb;text-shadow:0 1px 1px rgba(0,0,0,.25);-webkit-user-select:none;user-select:none}.axis-num{position:absolute;transform:translate(-50%,-50%);font-size:var(--axis-font, clamp(5px, calc(var(--cell) * .5), 9px));font-weight:400;color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3}.grid.painting .cell{cursor:crosshair}.legend{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:132px;overflow-y:auto;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:#D7BFA0 transparent}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.legend-item:hover{outline:2px solid var(--blue);border-radius:6px}.legend-item.highlight{outline:2px solid var(--orange);border-radius:6px}.legend-swatch{width:18px;height:18px;border-radius:6px;border:2px solid rgba(61,84,122,.35)}.legend-item .code{font-weight:800;color:var(--blue)}.legend-item .count{font-weight:600;color:#8a8a8a}.palette{max-height:390px;overflow-y:auto}.palette-group{margin-bottom:8px}.palette-label{font-size:12px;font-weight:800;color:var(--blue);margin-bottom:4px}.palette-swatches{display:flex;flex-wrap:wrap;gap:4px}.palette-swatch{width:24px;height:24px;border-radius:6px;border:1px solid rgba(61,84,122,.25);cursor:pointer;padding:0;display:grid;place-items:center;font-size:8px;font-weight:700;line-height:1;color:#ffffffeb;text-shadow:0 1px 1px rgba(0,0,0,.25)}.palette-swatch:hover{outline:2px solid var(--blue)}.current-palette{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:14px;border-top:none}.palette-head{display:flex;align-items:center;gap:12px}.current-palette-label{font-size:14px;font-weight:800;color:var(--orange);flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.preview-overlay{position:absolute;top:12px;right:12px;width:180px;background:var(--white);border:none;border-radius:12px;box-shadow:var(--shadow);overflow:visible;z-index:10}.preview-overlay.hidden{display:none}.preview-overlay img{display:block;width:100%;height:auto;border-radius:10px}.preview-close{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:none;background:var(--white);color:var(--amber);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-close .btn-icon{width:12px;height:12px}.palette.highlight{outline:3px solid var(--orange);border-radius:8px}.palette-popup{position:fixed;z-index:60;width:340px;max-width:92vw;background:var(--white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow);padding:14px}.palette-popup.hidden{display:none}.palette-popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.palette-popup-title{font-size:13px;font-weight:800;color:var(--amber)}.palette-popup-close{width:28px;height:28px;flex:0 0 auto;border:1px solid #E3CFB6;border-radius:4px;background:#f8efe1;color:var(--amber);font:20px/1 var(--font);cursor:pointer}.palette-popup .palette{max-height:56vh}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d547a73;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crop-overlay.hidden{display:none}.crop-dialog{background:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);width:520px;max-width:92vw;padding:22px}.crop-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.crop-title{font-size:17px;font-weight:900;color:var(--blue)}.crop-hint{font-size:12px;color:var(--muted)}.crop-stage{position:relative;background:#e8e0cf;border-radius:var(--radius-md);height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.crop-image{position:relative;transform-origin:center center;background-size:100% 100%;background-repeat:no-repeat;flex:none;touch-action:none}.crop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2.5px solid var(--yellow);box-shadow:0 0 0 9999px #3d547a8c;cursor:move;border-radius:4px;z-index:5;pointer-events:none}.crop-box .gl{position:absolute;background:#ffffff8c}.crop-box .gl.v1{left:33.33%;top:0;width:1px;height:100%}.crop-box .gl.v2{left:66.66%;top:0;width:1px;height:100%}.crop-box .gl.h1{top:33.33%;left:0;height:1px;width:100%}.crop-box .gl.h2{top:66.66%;left:0;height:1px;width:100%}.crop-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.crop-actions button{font-family:inherit;font-size:14px;font-weight:800;padding:10px 22px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-remove-bg{margin-right:auto;background:repeating-linear-gradient(-45deg,#f4f4f4 0,#f4f4f4 5px,#e8e8e8 5px,#e8e8e8 10px);color:var(--amber);border:none;text-shadow:0 1px 0 rgba(255,255,255,.7)}.btn-cancel{background:var(--yellow);color:var(--amber);border:none}.btn-confirm{background:var(--orange);color:#fff;border:none}.bg-fix-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d547a73;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bg-fix-overlay.hidden{display:none}.bg-fix-dialog{background:var(--white);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);width:560px;max-width:92vw;padding:22px}.bg-fix-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.btn-fix-mode{font-family:inherit;font-size:13px;font-weight:800;padding:8px 18px;border-radius:999px;cursor:pointer;background:var(--yellow);color:var(--amber);border:none}.btn-fix-mode.active{background:var(--orange);color:#fff}.bg-fix-size{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:700}.bg-fix-size input[type=range]{width:120px;accent-color:var(--orange)}.bg-fix-stage{position:relative;background:#e8e0cf;border-radius:var(--radius-md);height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}#bg-fix-canvas{touch-action:none;border-radius:4px;box-shadow:0 2px 8px #3d547a33}.bg-fix-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.bg-fix-actions button{font-family:inherit;font-size:14px;font-weight:800;padding:10px 22px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-fix-undo{background:var(--yellow);color:var(--amber);border:none}.btn-fix-undo:disabled{opacity:.4;cursor:default}.btn-fix-clear{background:var(--yellow);color:var(--amber);border:none}.btn-fix-cancel{margin-left:auto;background:var(--yellow);color:var(--amber);border:none}.btn-fix-done{background:var(--orange);color:#fff;border:none}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--orange);color:#fff;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s;z-index:200}.toast.show{opacity:1}.bg-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d547a80;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bg-loading.hidden{display:none}.bg-loading-box{background:var(--white);border:none;border-radius:var(--radius-lg);padding:32px 40px;text-align:center;min-width:260px;box-shadow:var(--shadow)}.bg-loading-text{font-size:16px;font-weight:900;color:var(--blue);margin-top:16px}.bg-loading-sub{font-size:12px;color:var(--muted);margin-top:6px}.bg-loading-bar{width:100%;height:8px;background:#eee;border-radius:999px;margin-top:16px;overflow:hidden}.bg-loading-bar-fill{height:100%;width:0%;background:var(--yellow);border-radius:999px;transition:width .2s}body.picking,body.picking *{cursor:crosshair!important}body{background-image:none}.topbar{max-width:1320px;margin-top:20px;padding:20px 32px;gap:16px}.brand-identity{display:flex;align-items:center;gap:4px;flex-shrink:0}.topbar .logo{width:72px;height:72px}.topbar .logo img{object-fit:contain;transform:translateY(-4px)}.topbar h1{font-family:var(--font);font-size:26px;line-height:1.2;letter-spacing:.5px;text-shadow:1px 1px 0 #E8CDAA}.topbar .sub{margin-top:4px;font-size:12px;line-height:1.4;letter-spacing:.5px}.layout{max-width:1320px;grid-template-columns:280px minmax(0,1fr);gap:28px;margin-top:12px}.left{gap:20px}.panel,.main{border:1px solid #D8C5AC}.panel{padding:22px;gap:16px}.main{padding:28px}.section-title{font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:7px;height:7px;background:#be794c;box-shadow:3px 3px #efdbc0;flex-shrink:0}.section-hint,.upload-note{font-size:12px;color:var(--muted);line-height:1.7}.upload-panel{gap:12px}.upload-note{text-align:center}.btn-upload,.btn-preview{width:100%;border-radius:4px;min-height:48px;border:1px solid #8B462A;box-shadow:0 3px #814025}.btn-upload{color:#fff9ed;background:var(--orange)}.btn-preview{background:var(--peach);color:var(--amber);border-color:#d8c5ac;box-shadow:none}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tool-btn{width:100%;height:58px;border-radius:4px;border:1px solid #E0CDB6;background:#f8efe1;font-size:12px;gap:5px}#btn-brush{background:#f8efe1}#btn-brush.active,.tool-btn.active{background:var(--orange)}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.workspace-title h2{font-size:21px;letter-spacing:2px}.pixel-spark{width:7px;height:7px;margin-right:10px;background:#bb764b;box-shadow:7px 0 #bb764b,0 7px #bb764b,7px -7px #bb764b}.main-head{flex-wrap:wrap;gap:14px 22px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #EADCC9}.engine-selector{margin-left:0}.size-selector,.engine-selector,.color-selector{flex-wrap:wrap;gap:6px}.size-label{margin-right:6px;font-size:12px}.size-btn,.engine-btn,.color-btn{padding:7px 10px;min-height:32px;border:1px solid #E3CFB6;border-radius:3px;font-size:12px;background:#f8efe1}.size-btn.active,.engine-btn.active,.color-btn.active{border-color:var(--orange)}.grid-wrap{border:1px solid #E5D7C3;border-radius:4px;background:#f8f1e5}.empty-state{position:absolute;top:24px;right:24px;bottom:24px;left:24px;z-index:2;border:2px dashed #D9B995;border-radius:6px;background:#fffcf6d1;color:var(--amber);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:inherit;cursor:pointer}.empty-state:before{content:"＋";width:52px;height:52px;display:grid;place-items:center;border:2px solid #D9B995;border-radius:8px;color:var(--orange);font-size:30px;background:#fff8ed}.empty-state strong{font-size:17px}.empty-state .upload-mobile-copy{display:none}.empty-state span{font-size:12px;color:var(--muted)}.grid:not(:empty)+.empty-state{display:none}.grid-wrap.is-dragover{border-color:var(--orange);background:#f9e5ce}.grid-wrap.is-dragover .empty-state{border-color:var(--orange);background:#fff5e7f5;transform:scale(.985)}.grid{background:#e9ddcc;border-radius:0}.cell{border-radius:0}.current-palette{padding-top:22px;margin-top:22px;border-top:1px solid #EADCC9;gap:16px}.palette-head{flex-wrap:wrap;gap:12px}.current-palette-label{color:var(--ink)}.legend-item{padding:6px 8px;border:1px solid #ECDFCC;background:#faf4e9;border-radius:3px}.legend-swatch,.palette-swatch{border-radius:2px}.palette{max-height:420px;scrollbar-width:thin;scrollbar-color:#D7BFA0 transparent;padding:2px}.palette-label{margin-bottom:7px}.palette-group{margin-bottom:14px}.export-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 0;padding-top:20px;border-top:1px solid #EADCC9}.btn-export{min-height:44px;border:1px solid #D3B899;border-radius:4px;padding:10px 8px;background:#f4e6d2;color:var(--amber);font-size:13px}#btn-export{background:var(--orange);border-color:#8b462a;color:#fff9ed;box-shadow:0 3px #814025}button:focus-visible,input:focus-visible{outline:3px solid #966338;outline-offset:3px}button:not(:disabled):hover{filter:brightness(.96)}.crop-actions button,.bg-fix-actions button,.btn-fix-mode,.color-custom-input{border-radius:4px}.crop-overlay,.bg-fix-overlay,.bg-loading{background:#402c1c75}.crop-head{gap:10px;flex-wrap:wrap}.brand-decoration{display:flex;align-items:center;gap:12px}.sparkle{color:#d49b19;font-size:22px}.pixel-heart{display:inline-block;width:24px;height:24px;background:#ee8596;clip-path:polygon(0 17%,17% 17%,17% 0,42% 0,42% 17%,58% 17%,58% 0,83% 0,83% 17%,100% 17%,100% 50%,83% 50%,83% 67%,67% 67%,67% 83%,50% 100%,33% 83%,33% 67%,17% 67%,17% 50%,0 50%);box-shadow:inset 4px 4px #ffc7cf,inset -4px -4px #a94858}.steps{display:flex;align-items:center;gap:14px;margin-left:auto;list-style:none;font-size:12px;color:var(--amber)}.steps li{display:flex;align-items:center;gap:7px;white-space:nowrap}.steps li:not(:last-child):after{content:"→";margin-left:5px;color:#a88564}.steps li>span{width:24px;height:24px;border-radius:50%;background:#f2d5b1;display:grid;place-items:center;font-weight:800}.pattern-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #EADCC9;border-radius:4px;background:radial-gradient(#EADBC4 .7px,transparent .7px) 0 0 / 12px 12px,#fffcf6}.section-title:before{display:none}.section-title .btn-icon,.workspace-title .btn-icon{width:19px;height:19px}.workspace-title h2{display:flex;align-items:center;gap:12px}.btn-icon svg{flex:0 0 100%}#btn-export-grid .btn-icon{width:36px;gap:4px}#btn-export-grid .btn-icon svg{flex-basis:calc((100% - 5px)/2);width:calc((100% - 5px)/2)}.tool-btn .btn-icon{width:19px;height:19px}.tool-feedback{padding-top:11px;border-top:1px solid #EADCC9;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:11px}.tool-feedback strong{color:var(--orange);font-size:13px}.shortcut-hint{display:flex;align-items:center;flex-wrap:wrap;gap:4px}kbd{min-width:22px;padding:2px 5px;border:1px solid #D7BFA0;border-bottom-width:2px;border-radius:3px;background:#fff9ef;color:var(--amber);font:10px/1.3 var(--font);text-align:center}.grid.painting{cursor:crosshair;outline:3px solid rgba(173,85,46,.45);outline-offset:-3px}.tool-btn:disabled{opacity:.58;color:#9a8c7f;background:#f3ece2}.btn-fix-mode{display:inline-flex;align-items:center;gap:6px}@media (max-width: 1150px){.topbar{flex-wrap:wrap}.steps{margin-left:0}.pattern-stage{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.topbar{padding:14px 16px;margin-top:12px}.topbar h1{font-size:20px}.topbar .sub{font-size:10px}.topbar .logo{width:60px;height:60px}.layout{grid-template-columns:1fr;gap:16px;padding:0 12px;margin:12px auto 40px}.left{display:contents}.upload-panel{order:1}.main{order:2;padding:16px}.tools-panel{order:3;position:sticky;bottom:10px;z-index:40;box-shadow:0 0 0 4px var(--bg),var(--shadow)}.mobile-palette-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border:1px solid #D3B899;border-radius:4px;background:#f4e6d2;color:var(--amber);font:800 12px/1 var(--font);cursor:pointer}.palette-panel{order:4}body:not(.has-pattern) .tools-panel,body:not(.has-pattern) .palette-panel{display:none}.crop-dialog{width:100%}.crop-stage{height:320px}.bg-fix-dialog{width:100%}.bg-fix-stage{height:320px}.preview-overlay{width:108px}.main-head,.size-selector{flex-wrap:wrap}.engine-selector{flex-basis:100%;margin-left:0}.size-btn{padding:3px 6px;font-size:11px}.palette-head{flex-wrap:wrap}.export-group{flex-basis:100%;margin-left:0}.crop-actions{gap:8px}.crop-actions button{padding:8px 12px;font-size:12px;gap:4px}.crop-actions .btn-icon{width:12px;height:12px}.bg-fix-actions{gap:8px}.bg-fix-actions button{padding:8px 12px;font-size:12px;gap:4px}.bg-fix-actions .btn-icon{width:12px;height:12px}.bg-fix-toolbar{flex-wrap:wrap;gap:8px}.btn-fix-mode{padding:6px 14px;font-size:12px}.bg-fix-size input[type=range]{width:90px}.tool-btn{width:54px;height:54px}.toolbar{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.tool-btn{width:100%}.palette{max-height:115px}.legend{max-height:116px}.palette-popup{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-width:none;max-height:72vh}.palette-popup .palette{max-height:calc(72vh - 62px)}.panel{padding:16px}.workspace-title h2{font-size:18px}.export-group{grid-template-columns:1fr}.btn-export{width:100%}.crop-stage,.bg-fix-stage{height:min(320px,48vh)}.crop-dialog,.bg-fix-dialog{max-height:94dvh;overflow-y:auto}.brand-decoration,.steps,.upload-panel .section-hint,.reference-hint{display:none}.pattern-stage{padding:8px;gap:8px}.empty-state{top:10px;right:10px;bottom:10px;left:10px}.empty-state .upload-desktop-copy{display:none}.empty-state .upload-mobile-copy{display:block}.empty-state:before{width:44px;height:44px}.tool-feedback{flex-direction:row;justify-content:space-between;align-items:center}.shortcut-hint{display:none}}.reference-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;font-size:12px;color:var(--amber)}.reference-controls input{width:120px;max-width:100%;accent-color:var(--orange)}.reference-controls output{min-width:4ch}.reference-hint{color:var(--muted)}.reference-controls button:disabled{opacity:.5;cursor:default}.grid{isolation:isolate}.reference-underlay{position:absolute;inset:var(--grid-padding, 16px);width:calc(100% - 2 * var(--grid-padding, 16px));height:calc(100% - 2 * var(--grid-padding, 16px));object-fit:fill;pointer-events:none;z-index:1}.reference-underlay[hidden]{display:none}.grid.has-underlay .reference-underlay{opacity:var(--reference-opacity, .6)}.grid.has-underlay:after{content:"";z-index:2;position:absolute;inset:var(--grid-padding, 16px);pointer-events:none;background:repeating-linear-gradient(to right,transparent 0 var(--cell),#553f3040 var(--cell) calc(var(--cell) + var(--grid-gap, 1px))),repeating-linear-gradient(to bottom,transparent 0 var(--cell),#553f3040 var(--cell) calc(var(--cell) + var(--grid-gap, 1px)))}.underlay-toggle{font:800 12px var(--font);padding:7px 10px;min-height:32px;border:1px solid #E3CFB6;border-radius:3px;background:#f8efe1;color:var(--amber);cursor:pointer}.underlay-toggle.active{border-color:var(--orange);background:var(--orange);color:#fff}.zoom-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--muted);font-size:11px}.zoom-actions{display:flex;align-items:center;gap:4px}.zoom-actions button{min-width:32px;min-height:32px;padding:5px 9px;border:1px solid #D8C5AC;border-radius:4px;background:var(--cream);color:var(--amber);font:inherit;cursor:pointer}.zoom-actions button:disabled{opacity:.45;cursor:default}.zoom-actions output{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.grid-wrap.space-pan,.grid-wrap.space-pan .cell{cursor:grab}.grid-wrap.dragging,.grid-wrap.dragging .cell{cursor:grabbing}@media (max-width: 768px){.zoom-controls{display:none}}