.mobile-tabbar[data-v-96f63575]{position:fixed;z-index:80;right:0;bottom:0;left:0;display:none;height:var(--tabbar-height, 56px);border-top:3px solid var(--header-border);background:var(--header);padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:640px),(orientation:landscape)and (max-height:500px){.mobile-tabbar[data-v-96f63575]{display:flex;align-items:stretch}}@media(orientation:landscape)and (max-height:500px){.mobile-tabbar[data-v-96f63575]{display:none}}.mobile-tab[data-v-96f63575]{position:relative;display:flex;flex:1 1 0;min-width:0;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:0;border:0;background:transparent;color:#c3cae4;font-size:11px;cursor:pointer;text-align:center;transition:color .12s steps(2,end)}.mobile-tab[data-v-96f63575]:active{background:var(--surface-muted)}.mobile-tab.active[data-v-96f63575]{color:var(--selection)}.mobile-tab.active[data-v-96f63575]:before{position:absolute;top:0;left:50%;width:28px;height:3px;background:var(--selection);transform:translate(-50%);content:""}.mobile-tab span[data-v-96f63575]{line-height:1;font-weight:400}.icp-footer[data-v-13e1f2f3]{position:fixed;z-index:90;right:6px;bottom:6px;padding:1px 7px;border:1px solid var(--header-border);border-radius:4px;background:#11121fb8;color:var(--text-muted);font-size:11px;line-height:1.5;text-decoration:none;white-space:nowrap}.icp-footer[data-v-13e1f2f3]:hover{color:var(--text)}@media(max-width:640px),(orientation:landscape)and (max-height:500px){.icp-footer[data-v-13e1f2f3]{bottom:calc(var(--tabbar-height, 56px) + env(safe-area-inset-bottom,0px) + 6px)}}@media(orientation:landscape)and (max-height:500px){.icp-footer[data-v-13e1f2f3]{bottom:6px}}.user-chip[data-v-5f2164bd]{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--border);border-radius:999px}.user-avatar[data-v-5f2164bd]{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-avatar-fallback[data-v-5f2164bd]{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:12px;font-weight:600}.user-name[data-v-5f2164bd]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ai-body[data-v-b1cc1cac]{display:flex;flex-direction:column;gap:12px}.ai-field[data-v-b1cc1cac]{display:flex;flex-direction:column;gap:6px}.ai-field span[data-v-b1cc1cac]{font-size:12px;color:var(--muted)}.ai-field textarea[data-v-b1cc1cac]{padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;resize:vertical;outline:none}.ai-field textarea[data-v-b1cc1cac]:focus{border-color:var(--accent)}.ai-status[data-v-b1cc1cac]{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:13px}.ai-error[data-v-b1cc1cac]{margin:0;color:var(--danger, #e5484d);font-size:12px}.ai-submit[data-v-b1cc1cac]{align-self:stretch;justify-content:center}.ai-hint[data-v-b1cc1cac]{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.cloud-sync-body[data-v-4cfa3b9a]{display:flex;flex-direction:column;gap:12px;min-height:200px}.cloud-save[data-v-4cfa3b9a]{align-self:stretch;justify-content:center}.cloud-sync-gate[data-v-4cfa3b9a]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0;text-align:center}.cloud-sync-gate p[data-v-4cfa3b9a]{margin:0;color:var(--muted);font-size:13px}.cloud-sync-error[data-v-4cfa3b9a]{margin:0;color:var(--danger, #e5484d);font-size:12px}.cloud-sync-loading[data-v-4cfa3b9a],.cloud-sync-empty[data-v-4cfa3b9a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;color:var(--muted);font-size:13px}.cloud-sync-items[data-v-4cfa3b9a]{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;max-height:320px;overflow-y:auto}.cloud-sync-item[data-v-4cfa3b9a]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.cloud-sync-item-info[data-v-4cfa3b9a]{display:flex;flex-direction:column;gap:2px;min-width:0}.cloud-sync-item-info strong[data-v-4cfa3b9a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.cloud-sync-item-info span[data-v-4cfa3b9a]{color:var(--muted);font-size:12px}.cloud-sync-item-actions[data-v-4cfa3b9a]{display:flex;gap:4px;flex-shrink:0}.share-body[data-v-311e5af7]{display:flex;flex-direction:column;gap:12px}.share-field[data-v-311e5af7]{display:flex;flex-direction:column;gap:6px}.share-field span[data-v-311e5af7]{font-size:12px;color:var(--muted)}.share-field input[data-v-311e5af7],.share-link-input[data-v-311e5af7]{padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;outline:none}.share-field input[data-v-311e5af7]:focus{border-color:var(--accent)}.share-submit[data-v-311e5af7]{align-self:stretch;justify-content:center}.share-result[data-v-311e5af7]{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px}.share-code[data-v-311e5af7]{font-size:13px;font-weight:600}.share-link-row[data-v-311e5af7]{display:flex;gap:8px}.share-link-input[data-v-311e5af7]{flex:1;font-size:13px}.share-hint[data-v-311e5af7]{margin:0;color:var(--muted);font-size:12px}@font-face{font-family:Fusion Pixel;src:url(/assets/fusion-pixel-12px-monospaced-latin.ttf-DAS2yIe-.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fusion Pixel;src:url(/assets/fusion-pixel-12px-monospaced-zh_hans.ttf-CZtQRdvR.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF,U+FE30-FE4F}:root{--font-pixel: "Fusion Pixel", "Zpix", "Microsoft YaHei", "PingFang SC", "Segoe UI", monospace;--bg: #1a1c2c;--bg-deep: #11121f;--surface: #23263a;--surface-muted: #2a2e46;--surface-raised: #303556;--border: #383d5c;--border-strong: #4a5176;--text: #eef0fb;--text-muted: #a4abc9;--accent: #f0535f;--accent-hover: #ff6b76;--accent-soft: #3b2733;--selection: #29adff;--selection-hover: #4cc1ff;--selection-soft: #1e2c4d;--success: #38b764;--warning: #e8a13a;--danger: #f0535f;--info: #29adff;--canvas-bg: #14151f;--canvas-grid: #242842;--header: #17182a;--header-muted: #9aa3c4;--header-border: #2f3450;--radius: 6px;--radius-sm: 4px;--shadow: 5px 5px 0 rgba(0, 0, 0, .45);--shadow-sm: 3px 3px 0 rgba(0, 0, 0, .45);--touch-target: 44px;--tabbar-height: 56px;--bottom-bar-height: 56px;--sheet-radius: 16px}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-pixel);font-size:14px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button{color:inherit;font-family:var(--font-pixel)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--selection);outline-offset:1px}*{scrollbar-color:var(--border-strong) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:#5d6690}.app{display:flex;height:100%;min-height:0;flex-direction:column}.app-header{position:relative;z-index:20;display:grid;min-height:66px;flex:0 0 66px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;padding:0 18px;border-bottom:3px solid var(--header-border);background:var(--header);color:var(--text);gap:20px}.brand{display:flex;min-width:0;align-items:center;gap:11px}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 42px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1px;padding:6px;border:2px solid var(--header-border);border-radius:var(--radius);background:var(--bg-deep);image-rendering:pixelated}.brand-mark span{width:100%;height:100%;background:transparent}.brand-mark span.on{background:var(--accent)}.brand-mark span.on.hi{background:var(--accent-hover)}.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:17px;font-weight:400;letter-spacing:.02em}.brand-copy span{margin-top:5px;color:var(--header-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.project-strip{display:flex;min-width:0;align-items:center;justify-content:center;gap:12px}.project-file{display:inline-flex;min-width:0;max-width:min(480px,46vw);height:36px;align-items:center;padding:0 12px;border:2px solid var(--header-border);border-radius:var(--radius);background:var(--bg-deep);color:var(--text);gap:8px}.project-file svg{flex:0 0 auto;color:var(--selection)}.project-file span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.save-state{display:inline-flex;min-width:0;height:28px;flex:0 0 auto;align-items:center;padding:0 9px;color:var(--header-muted);font-size:12px;gap:6px}.save-state.is-saved{color:var(--success)}.save-state.is-saving{color:var(--warning)}.save-state.is-error{color:var(--danger)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.button{display:inline-flex;min-width:40px;height:40px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 15px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);font-size:13px;line-height:1;cursor:pointer;gap:7px;box-shadow:var(--shadow-sm);transition:none}.button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #00000073}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button-primary{border-color:#a8303c;background:var(--accent);color:#1a0b10}.button-primary:hover:not(:disabled){border-color:#a8303c;background:var(--accent-hover)}.button-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button-secondary:hover:not(:disabled){border-color:#5d6690;background:var(--surface-raised)}.button-dark{border-color:var(--header-border);background:var(--bg-deep);color:var(--text)}.button-dark:hover:not(:disabled){border-color:#4a5176;background:var(--surface-muted)}.button-quiet{color:var(--text-muted);box-shadow:none}.button-quiet:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.full-width{width:100%;margin-top:10px;border:2px solid var(--border)}.app-body{display:grid;min-height:0;flex:1;grid-template-columns:320px minmax(0,1fr)}.control-panel{z-index:30;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border-right:3px solid var(--border);background:var(--surface)}.panel-heading{display:none}.control-tabs{display:grid;min-width:0;flex:0 0 56px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:7px 8px;border-bottom:3px solid var(--border);background:var(--bg-deep);gap:4px}.control-tabs button{display:inline-flex;min-width:0;height:38px;align-items:center;justify-content:center;padding:0 6px;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;gap:5px}.control-tabs button:hover{background:var(--surface-muted);color:var(--text)}.control-tabs button.active{border-color:var(--selection);background:var(--selection-soft);color:var(--selection);box-shadow:2px 2px #00000059}.panel-scroll{min-height:0;flex:1;overflow-y:auto}.panel-group{padding:17px 16px 18px;border-bottom:3px solid var(--border)}.section-heading{display:flex;align-items:flex-start;margin-bottom:14px;color:var(--text);gap:9px}.section-heading>svg{flex:0 0 auto;margin-top:1px;color:var(--selection)}.section-heading div{display:flex;min-width:0;flex-direction:column;gap:4px}.section-heading strong{font-size:15px;font-weight:400}.section-heading span{color:var(--text-muted);font-size:12px;line-height:1.5}.drop-zone{display:grid;min-height:82px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;padding:12px;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);gap:10px}.drop-zone:hover,.drop-zone.dragging{border-color:var(--selection);background:var(--selection-soft)}.drop-zone-icon{display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--selection);border-radius:var(--radius);background:var(--selection-soft);color:var(--selection)}.drop-zone-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.drop-zone-copy strong{font-size:13px;font-weight:400}.drop-zone-copy span{overflow:hidden;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.field{display:flex;min-width:0;flex-direction:column;margin-top:13px;gap:8px}.field:first-child{margin-top:0}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label{color:var(--text);font-size:12px}.field-value{color:var(--selection);font-size:12px;font-variant-numeric:tabular-nums}.segmented{display:inline-flex;width:100%;min-width:0;padding:3px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-deep)}.segmented button{display:inline-flex;min-width:0;height:32px;flex:1;align-items:center;justify-content:center;padding:0 7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;white-space:nowrap}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--selection);color:#07121f;box-shadow:2px 2px #00000059}.segmented.compact{width:auto;flex:0 0 auto}.segmented.compact button{width:34px;height:30px;flex:0 0 34px;padding:0}.width-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.width-presets button{display:flex;min-width:0;height:52px;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);cursor:pointer;gap:2px}.width-presets button:hover{border-color:#5d6690}.width-presets button.active{border-color:var(--selection);background:var(--selection-soft)}.width-presets strong{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.width-presets small{color:var(--text-muted);font-size:11px}.dimension-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-top:12px;gap:7px}.number-field{display:flex;min-width:0;flex-direction:column;gap:6px}.number-field span,.number-field label{color:var(--text);font-size:12px}.number-field input,.select-control{width:100%;height:40px;min-width:0;padding:0 11px;border:2px solid var(--border-strong);border-radius:var(--radius);outline:none;background:var(--bg-deep);color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.number-field input:focus,.select-control:focus{border-color:var(--selection);box-shadow:2px 2px #00000059}.select-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.range-control{width:100%;height:22px;margin:0;accent-color:var(--selection);cursor:pointer}.toggle-list{display:flex;margin-top:15px;flex-direction:column;gap:2px}.toggle-row{display:grid;min-height:42px;grid-template-columns:minmax(0,1fr) auto;align-items:center;color:var(--text);font-size:12px;cursor:pointer}.toggle-row input{position:absolute;width:1px;height:1px;opacity:0}.toggle{position:relative;width:38px;height:22px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-deep)}.toggle:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:2px;background:var(--text-muted);content:"";transition:transform .12s steps(2,end)}.toggle-row input:checked+.toggle{border-color:var(--selection);background:var(--selection)}.toggle-row input:checked+.toggle:after{transform:translate(16px);background:#07121f}.symmetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.symmetry-grid button{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;padding:7px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);color:var(--text);font-size:12px;cursor:pointer;gap:6px}.symmetry-grid button:hover{border-color:#5d6690}.symmetry-grid button.active{border-color:var(--selection);background:var(--selection-soft);color:var(--selection)}.field-note{margin:9px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}.export-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-deep);gap:4px}.export-stats div{display:flex;min-width:0;min-height:62px;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-muted);gap:3px}.export-stats strong{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums}.export-stats span{color:var(--text-muted);font-size:11px}.export-list{display:flex;margin-top:13px;flex-direction:column;gap:8px}.export-option{display:flex;width:100%;min-height:66px;align-items:center;padding:10px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);text-align:left;cursor:pointer;gap:10px;box-shadow:var(--shadow-sm)}.export-option:hover:not(:disabled){border-color:#5d6690;background:var(--surface-raised)}.export-option:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #00000073}.export-option:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.export-option-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:2px solid;border-radius:var(--radius-sm)}.export-option-icon.png{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.export-option-icon.csv{border-color:var(--success);background:#38b76424;color:var(--success)}.export-option>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}.export-option strong{font-size:13px;font-weight:400}.export-option small{color:var(--text-muted);font-size:11px}.workspace{display:flex;min-width:0;min-height:0;flex-direction:column}.workspace-toolbar{display:flex;min-height:60px;flex:0 0 auto;flex-wrap:wrap;align-items:center;padding:8px 14px;border-bottom:3px solid var(--border);background:var(--surface);gap:9px}.mobile-panel-trigger{display:none}.view-tabs{display:inline-flex;height:40px;flex:0 0 auto;align-items:center;padding:3px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-deep);gap:2px}.view-tabs button{display:inline-flex;min-width:0;height:30px;align-items:center;justify-content:center;padding:0 11px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;gap:6px}.view-tabs button:hover{color:var(--text)}.view-tabs button.active{background:var(--selection);color:#07121f;box-shadow:2px 2px #00000059}.toolbar-spacer{min-width:8px;flex:1}.view-tools{display:flex;flex:0 0 auto;align-items:center;gap:7px}.icon-button{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;padding:0;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm)}.icon-button:hover{border-color:#5d6690;color:var(--text)}.icon-button:active{transform:translate(2px,2px);box-shadow:1px 1px #00000073}.zoom-control{display:inline-flex;height:36px;align-items:center;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.zoom-control .icon-button{width:32px;height:32px;flex-basis:32px;border:0;border-radius:0;box-shadow:none}.zoom-control .icon-button:active{transform:none;box-shadow:none}.zoom-control span{width:48px;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.white-swatch{width:14px;height:14px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff}.canvas-stage{position:relative;display:flex;min-width:0;min-height:260px;flex:1;overflow:auto;align-items:flex-start;justify-content:flex-start;padding:32px;background-color:var(--canvas-bg);background-image:linear-gradient(45deg,var(--canvas-grid) 25%,transparent 25%,transparent 75%,var(--canvas-grid) 75%),linear-gradient(45deg,var(--canvas-grid) 25%,transparent 25%,transparent 75%,var(--canvas-grid) 75%);background-position:0 0,12px 12px;background-size:24px 24px}.pattern-canvas-wrap{position:relative;flex:0 0 auto;margin-right:auto;margin-left:auto;border:3px solid #0a0b14;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);line-height:0}.pattern-canvas{display:block;max-width:none;border-radius:var(--radius-sm);image-rendering:pixelated}.pattern-overlay{position:absolute;top:0;left:0;pointer-events:none}.source-preview{display:flex;width:100%;min-height:100%;align-items:flex-start;justify-content:center}.source-preview img{display:block;width:auto;max-width:min(680px,100%);max-height:70vh;border:3px solid #0a0b14;border-radius:var(--radius);box-shadow:var(--shadow);object-fit:contain}.compare-view{display:grid;width:100%;max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.compare-pane{display:flex;min-width:0;min-height:320px;flex-direction:column;align-items:center;padding:14px;border:3px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.compare-pane img{display:block;width:auto;max-width:100%;max-height:62vh;object-fit:contain}.compare-pane canvas{max-width:100%}.compare-pane .pattern-canvas-wrap{max-width:100%}.pane-label{align-self:flex-start;margin-bottom:10px;padding:4px 8px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--selection);font-size:12px}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:16px;background:#11121fdb;color:var(--text);gap:11px}.processing-overlay div{display:flex;flex-direction:column;gap:3px}.processing-overlay strong{font-size:15px;font-weight:400}.processing-overlay span{color:var(--text-muted);font-size:11px}.spinner,.save-state .spin{animation:spin .9s steps(8) infinite;color:var(--selection)}.empty-state{display:flex;align-items:center;justify-content:center;align-self:center;margin:auto;flex-direction:column;color:var(--text-muted);text-align:center;gap:8px}.empty-state-icon{display:grid;width:50px;height:50px;margin-bottom:4px;padding:0;place-items:center;border:2px solid var(--selection);border-radius:var(--radius);background:var(--selection-soft);color:var(--selection);box-shadow:var(--shadow-sm);cursor:pointer;font:inherit}.empty-state strong{color:var(--text);font-size:15px;font-weight:400}.empty-state>span:not(.empty-state-icon){font-size:13px}.legend-band{display:flex;flex:0 0 auto;flex-direction:column;border-top:3px solid var(--border);background:var(--surface)}.legend-panel{display:flex;min-height:0;flex-direction:column}.legend-head{display:flex;min-height:70px;flex:0 0 auto;align-items:center;padding:9px 12px;border-bottom:3px solid var(--border);gap:12px}.legend-title{display:flex;min-width:190px;flex:0 0 auto;align-items:center;gap:9px}.legend-title-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:2px solid var(--selection);border-radius:var(--radius);background:var(--selection-soft);color:var(--selection)}.legend-title div{display:flex;min-width:0;flex-direction:column;gap:3px}.legend-title strong{font-size:13px;font-weight:400}.legend-title span{color:var(--text-muted);font-size:11px;white-space:nowrap}.summary-stats{display:flex;min-width:300px;flex:0 0 auto;align-items:stretch;gap:6px}.summary-item{display:flex;min-width:0;min-height:50px;flex:1;align-items:center;justify-content:center;padding:7px 10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-deep);gap:8px}.summary-item svg{flex:0 0 auto;color:var(--selection)}.summary-item div{display:flex;min-width:0;flex-direction:column}.summary-item strong{font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}.summary-item span{margin-top:2px;color:var(--text-muted);font-size:11px}.legend-actions{display:flex;min-width:0;flex:1;align-items:center;justify-content:flex-end;gap:7px}.legend-filter{width:auto}.legend-filter button{min-width:44px;padding:0 8px}.legend-body{min-height:0;height:0;overflow:hidden;padding:0 12px;transition:height .16s steps(3,end)}.legend-band.expanded .legend-body{height:min(340px,42vh);overflow-x:hidden;overflow-y:auto;padding:9px 12px 10px}.legend-hidden-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:6px 10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-deep);gap:10px}.legend-hidden-bar span{color:var(--text-muted);font-size:12px}.legend-hidden-bar .button{min-height:30px;padding:0 10px;font-size:12px}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}.legend-item{display:flex;min-width:0;min-height:48px;align-items:center;padding:7px 9px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-muted);cursor:pointer;text-align:left;gap:8px}.legend-item:hover{border-color:#5d6690;background:var(--surface-raised)}.legend-item.hidden{border-color:var(--border);background:var(--bg-deep);opacity:.55}.legend-item.unused{background:var(--surface)}.color-swatch{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:2px solid rgba(0,0,0,.4);border-radius:var(--radius-sm);font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}.legend-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.legend-copy strong{overflow:hidden;max-width:100%;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.legend-copy small{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.panel-backdrop{display:none}.toast-region{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;width:min(380px,calc(100vw - 32px));flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;min-height:46px;align-items:center;padding:10px 14px;border:2px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-sm);color:var(--text);font-size:13px;pointer-events:auto;gap:9px}.toast svg{flex:0 0 auto;color:var(--success)}.toast.is-error svg{color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.toast-enter-active,.toast-leave-active{transition:opacity .16s steps(3,end),transform .16s steps(3,end)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:1120px){.app-body{grid-template-columns:300px minmax(0,1fr)}.panel-group{padding-right:14px;padding-left:14px}.project-file{max-width:34vw}.legend-title{min-width:160px}.summary-stats{min-width:270px}}@media(max-width:900px){body{overflow:auto}.app{height:auto;min-height:100%}.app-header{min-height:60px;flex-basis:60px;grid-template-columns:auto minmax(0,1fr) auto;padding:0 12px;gap:12px}.project-strip{justify-content:flex-start}.save-state{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-body{display:flex;flex-direction:column}.control-panel{position:fixed;z-index:70;right:12px;bottom:12px;left:12px;width:auto;height:min(72vh,720px);border:3px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);transform:translateY(calc(100% + 28px));transition:transform .2s steps(4,end)}.control-panel.mobile-open{transform:translateY(0)}.panel-heading{display:flex;min-height:46px;flex:0 0 46px;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border-bottom:3px solid var(--border);background:var(--bg-deep);color:var(--text);font-size:13px}.panel-close{display:grid}.panel-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:#11121f8c;cursor:default}.workspace{min-height:0;flex:1}.mobile-panel-trigger{display:grid}.canvas-stage{min-height:220px}.legend-title{min-width:0}}@media(max-width:640px),(orientation:landscape)and (max-height:500px){body{overflow:hidden}.app{height:100%;min-height:0}.button{min-height:44px}.icon-button{width:44px;height:44px;flex-basis:44px}.app-header{gap:8px}.brand-mark{width:34px;height:34px;flex-basis:34px}.brand-copy{display:none}.project-file{width:40px;max-width:40px;padding:0;justify-content:center}.project-file span{display:none}.save-state{width:28px;padding:0;justify-content:center;font-size:0}.header-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);gap:6px}.header-actions>:not(.header-share):not(.header-export):not(.header-fullscreen){display:none}.header-actions .button{min-height:44px}.header-actions .header-fullscreen,.header-actions .header-share{width:44px;padding:0}.header-actions .header-share span{display:none}.header-actions .header-export{width:44px;padding:0}.header-actions .header-export span{display:none}.control-tabs{padding-right:7px;padding-left:7px}.control-tabs button{flex-direction:column;font-size:11px;gap:3px}.control-tabs button svg{width:15px;height:15px}.workspace-toolbar{flex-wrap:nowrap;padding:6px 8px;gap:6px;overflow-x:auto;scrollbar-width:none}.workspace-toolbar::-webkit-scrollbar{display:none}.view-tabs{width:auto;min-width:0;flex:1}.view-tabs button{flex:1;padding:0 7px}.toolbar-spacer{display:none}.source-trigger{width:44px;min-width:44px;padding:0}.source-trigger span{display:none}.view-tools{width:auto;flex:0 0 auto;justify-content:flex-end}.view-tools>.segmented,.view-tools>.icon-button{display:none}.canvas-stage{min-height:240px;padding:18px 12px}.workspace{padding-bottom:var(--tabbar-height, 56px)}.source-preview img{max-height:62vh}.compare-view{grid-template-columns:1fr}.compare-pane{min-height:260px}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.legend-band.expanded .legend-body{height:min(200px,26vh)}.legend-actions .button-quiet{width:34px;padding:0;font-size:0}.toast-region{right:16px;bottom:16px;left:16px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.edit-toolbar{display:flex;min-width:0;flex:0 0 auto;align-items:center;gap:7px}.edit-toggle.active{border-color:var(--selection);background:var(--selection-soft);color:var(--selection)}.edit-divider{width:2px;height:26px;flex:0 0 2px;background:var(--border)}.edit-tools button{width:32px;height:30px}.brush-strip{display:flex;max-width:320px;align-items:center;padding:2px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-deep);gap:4px;overflow-x:auto;scrollbar-width:none}.brush-strip::-webkit-scrollbar{display:none}.brush-current{width:24px;height:24px;flex:0 0 24px;border:2px solid var(--border-strong);border-radius:var(--radius-sm)}.brush-current.empty{background-image:linear-gradient(45deg,#555 25%,transparent 25%,transparent 75%,#555 75%),linear-gradient(45deg,#555 25%,transparent 25%,transparent 75%,#555 75%);background-position:0 0,6px 6px;background-size:12px 12px}.brush-chip{width:22px;height:22px;flex:0 0 22px;padding:0;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.brush-chip.active{border-color:#fff;box-shadow:0 0 0 2px var(--selection)}.selection-badge{display:inline-flex;height:30px;align-items:center;padding:0 9px;border:2px solid var(--selection);border-radius:var(--radius);background:var(--selection-soft);color:var(--selection);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.canvas-stage.panning{cursor:grabbing}.source-trigger{flex:0 0 auto}.source-trigger svg{color:var(--selection)}.modal-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#11121fb8}.modal{display:flex;width:min(640px,100%);max-height:86vh;flex-direction:column;border:3px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.modal-header{display:flex;min-height:52px;flex:0 0 52px;align-items:center;justify-content:space-between;padding:0 10px 0 16px;border-bottom:3px solid var(--border);background:var(--bg-deep)}.modal-header>div{display:flex;align-items:center;color:var(--text);font-size:14px;font-weight:400;gap:8px}.modal-header>div svg{color:var(--selection)}.modal-body{min-height:0;overflow:auto;padding:16px}.source-modal{width:min(860px,100%)}.source-modal-body{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--canvas-bg)}.source-modal-body img{display:block;max-width:100%;max-height:70vh;border:3px solid #0a0b14;border-radius:var(--radius);object-fit:contain}.export-preview-modal{width:min(980px,100%)}.export-preview-body{display:flex;align-items:center;justify-content:center;padding:20px;background:var(--canvas-bg)}.export-preview-body img{display:block;max-width:100%;max-height:62vh;border:3px solid #0a0b14;border-radius:var(--radius);object-fit:contain;background:#fff}.export-preview-footer{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:3px solid var(--border);background:var(--bg-deep)}.export-preview-filename{min-width:0;overflow:hidden;color:#8b949e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.export-preview-actions{display:flex;align-items:center;gap:10px}.shortcut-group{margin-bottom:18px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group h3{margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--border);color:var(--selection);font-size:13px;font-weight:400}.shortcut-group ul{display:flex;margin:0;padding:0;flex-direction:column;list-style:none;gap:8px}.shortcut-group li{display:flex;align-items:center;justify-content:space-between;gap:16px}.shortcut-keys{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px}kbd{display:inline-grid;min-width:26px;height:26px;place-items:center;padding:0 6px;border:2px solid var(--border-strong);border-bottom-width:3px;border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text);font-family:var(--font-pixel);font-size:11px;line-height:1;white-space:nowrap;box-shadow:2px 2px #00000059}.shortcut-desc{color:var(--text-muted);font-size:13px;text-align:right}.palette-popover-wrap{position:relative;flex:0 0 auto}.palette-backdrop{position:fixed;z-index:55;top:0;right:0;bottom:0;left:0;cursor:default}.palette-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;display:flex;width:348px;max-height:70vh;flex-direction:column;border:3px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.palette-search{display:flex;flex:0 0 auto;align-items:center;padding:8px 10px;border-bottom:3px solid var(--border);background:var(--bg-deep);gap:8px}.palette-search svg{flex:0 0 auto;color:var(--text-muted)}.palette-search input{width:100%;height:30px;min-width:0;padding:0 9px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;background:var(--surface-muted);color:var(--text);font-size:12px}.palette-search input:focus{border-color:var(--selection)}.palette-grid{display:grid;min-height:0;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;padding:10px;overflow-y:auto}.palette-cell{position:relative;display:grid;height:40px;place-items:center;padding:0;border:2px solid rgba(0,0,0,.35);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.palette-cell:hover{border-color:#fff}.palette-cell span{max-width:100%;padding:0 1px;overflow:hidden;font-size:10px;font-variant-numeric:tabular-nums;line-height:1;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.45);pointer-events:none}.palette-cell.active{border-color:#fff;box-shadow:0 0 0 2px var(--selection)}.palette-empty{grid-column:1 / -1;margin:12px 0;color:var(--text-muted);font-size:12px;text-align:center}.compare-slider{position:relative;display:inline-block;flex:0 0 auto;border:3px solid #0a0b14;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);cursor:ew-resize;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.compare-slider-canvas{display:block;max-width:none;border-radius:var(--radius-sm)}.compare-slider-overlay{position:absolute;top:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.compare-slider-overlay canvas{display:block;max-width:none}.compare-slider-divider{position:absolute;top:0;bottom:0;width:0;pointer-events:none}.compare-slider-divider:before{position:absolute;top:0;bottom:0;left:-2px;width:4px;background:#fff;box-shadow:0 0 0 1px #00000073;content:""}.compare-slider-handle{position:absolute;top:50%;left:50%;display:grid;width:40px;height:40px;place-items:center;border:3px solid #ffffff;border-radius:50%;background:var(--selection);color:#07121f;font-size:14px;font-weight:700;line-height:1;letter-spacing:-2px;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.compare-slider-label{position:absolute;top:10px;padding:4px 9px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:#11121fd1;color:#fff;font-size:12px;line-height:1.2;pointer-events:none}.compare-slider-label.left{left:10px}.compare-slider-label.right{right:10px}.source-viewer{position:fixed;z-index:80;top:0;left:0;line-height:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.source-viewer img{display:block;border-radius:var(--radius-sm);box-shadow:0 12px 34px #0000008c;pointer-events:none}.source-viewer-close{position:absolute;z-index:3;top:8px;right:8px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#11121fc7;color:#fff;cursor:pointer;box-shadow:0 2px 6px #0006;transition:background .12s}.source-viewer-close:hover{background:#11121ff2}.source-viewer-close:active{transform:scale(.94)}.source-viewer .rz{position:absolute;z-index:2;touch-action:none}.rz-n{top:-7px;right:14px;left:14px;height:14px;cursor:ns-resize}.rz-s{right:14px;bottom:-7px;left:14px;height:14px;cursor:ns-resize}.rz-e{top:14px;right:-7px;bottom:14px;width:14px;cursor:ew-resize}.rz-w{top:14px;bottom:14px;left:-7px;width:14px;cursor:ew-resize}.rz-ne{top:-9px;right:-9px;width:18px;height:18px;cursor:nesw-resize}.rz-nw{top:-9px;left:-9px;width:18px;height:18px;cursor:nwse-resize}.rz-se{right:-9px;bottom:-9px;width:18px;height:18px;cursor:nwse-resize}.rz-sw{bottom:-9px;left:-9px;width:18px;height:18px;cursor:nesw-resize}@media(min-width:641px)and (min-height:501px){.legend-edit{display:none}}@media(max-width:640px),(orientation:landscape)and (max-height:500px){.workspace-toolbar .edit-toolbar{display:none}.edit-toolbar{position:static;z-index:auto;min-height:52px;right:auto;bottom:auto;left:auto;border-top:3px solid var(--border);border-bottom:3px solid var(--border);box-shadow:none;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.edit-toolbar::-webkit-scrollbar{display:none}.brush-strip{max-width:none;overflow:visible;flex:0 0 auto}.legend-title span{display:none}.legend-head{min-height:52px;flex-wrap:nowrap;padding:6px 8px;gap:6px}.legend-title{min-width:0;flex:0 1 auto}.legend-title-icon{width:26px;height:26px;flex-basis:26px}.legend-title-icon svg{width:14px;height:14px}.legend-title strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.summary-stats{min-width:0;flex:0 0 auto;gap:4px}.summary-item{min-height:26px;padding:2px 6px;border-width:1px;gap:3px;white-space:nowrap;flex:0 0 auto}.summary-item>svg{width:12px;height:12px;flex:0 0 12px;align-self:center}.summary-item span{display:none}.summary-item strong{font-size:12px}.summary-item div{display:block}.legend-actions{flex:0 0 auto;margin-left:auto;gap:4px}.legend-actions .button-quiet{width:34px;padding:0;font-size:0}.legend-actions .button-quiet svg{width:15px;height:15px}.legend-actions .legend-filter{width:auto}.legend-actions .legend-filter button{padding:0 8px;font-size:11px}.edit-tools .tool-select{display:none}.edit-tools button{width:44px;height:44px;flex-basis:44px}.brush-chip,.brush-current{width:30px;height:30px;flex-basis:30px}.palette-popover{position:fixed;top:auto;bottom:calc(var(--tabbar-height, 56px) + var(--legend-band-height, 0px) + 8px);right:8px;left:8px;width:auto;max-height:50vh}}@media(orientation:landscape)and (max-height:500px){:root{--landscape-header-h: 44px;--landscape-legend-w: 240px;--landscape-edit-h: 44px}.app-header{min-height:var(--landscape-header-h);flex-basis:var(--landscape-header-h);padding:0 8px}.workspace{padding-left:0;padding-bottom:0;padding-right:var(--landscape-legend-w)}.workspace-toolbar{min-height:44px;padding:4px 8px}.canvas-stage{min-height:0;padding:10px 12px}.legend-band{height:0;flex-basis:0;overflow:visible;border-top:0}.legend-band .edit-toolbar{position:fixed;z-index:60;right:0;bottom:0;left:0;min-height:var(--landscape-edit-h);border-top:3px solid var(--border);border-bottom:0;background:var(--surface)}.legend-panel{position:fixed;z-index:50;top:var(--landscape-header-h);right:0;bottom:var(--landscape-edit-h);width:var(--landscape-legend-w);overflow:hidden;border-left:3px solid var(--border);background:var(--surface)}.legend-panel .legend-head{min-height:0;padding:6px 8px;align-items:stretch;flex-direction:column;gap:6px}.legend-panel .legend-actions{margin-left:0}.legend-panel .legend-body{height:0;overflow:hidden;padding:0 8px}.legend-band.expanded .legend-panel .legend-body{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;padding:6px 8px 8px}.legend-panel .legend-grid{grid-template-columns:repeat(2,1fr);gap:6px}.legend-panel .legend-item{padding:6px 7px;gap:6px}.legend-panel .color-swatch{width:26px;height:26px;flex-basis:26px}.palette-popover{bottom:calc(var(--landscape-edit-h) + 8px);left:8px;right:calc(var(--landscape-legend-w) + 8px)}}