:root{color:#f2eee8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2eee8;--muted:#98a3af;--paper:#171b20;--panel:#171b20;--line:#303943;--accent:#e4a04b;--accent-dark:#a66a1f;--green:#5bb98d;--app-bg:#0d1115;--surface:#171b20;--surface-raised:#20262d;--surface-hover:#29323b;--border-strong:#465260;--text-soft:#c4ccd5;background:#0d1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1180px;min-height:100vh;color:var(--ink);background:var(--app-bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{color:#f9fafb;border-bottom:4px solid var(--accent);background:#20242b;align-items:center;gap:16px;min-height:78px;padding:12px 22px;display:flex;box-shadow:0 6px 22px #171a1f33}.topbar h1{letter-spacing:.02em;margin:1px 0 0;font-size:21px}.eyebrow{color:var(--accent);letter-spacing:.2em;margin:0;font-size:10px;font-weight:800}.brand-mark{grid-template-columns:repeat(2,1fr);gap:4px;width:42px;height:42px;display:grid;transform:rotate(4deg)}.brand-mark span{background:var(--accent);border:2px solid #ffffffb8}.topbar-status{color:#d6d9dd;border:1px solid #414751;border-radius:4px;align-items:center;gap:8px;margin-left:auto;padding:8px 12px;font-size:12px;display:flex}.privacy-dot{background:#57c696;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #57c69621}.workspace{grid-template-columns:292px minmax(560px,1fr) 320px;gap:10px;min-height:0;padding:10px;display:grid}.panel{background:var(--panel);border:1px solid #c9c3b8;min-height:0;box-shadow:0 5px 15px #2c272114}.left-panel,.right-panel{scrollbar-width:thin;max-height:calc(100vh - 116px);overflow-y:auto}.left-panel section,.right-panel section{border-bottom:1px solid var(--line);padding:16px}.section-heading{align-items:center;gap:9px;margin-bottom:14px;display:flex}.section-heading span{color:#fff;background:var(--ink);place-items:center;width:25px;height:25px;font-family:ui-monospace,monospace;font-size:10px;font-weight:800;display:grid}.section-heading h2{letter-spacing:.05em;margin:0;font-size:14px}.file-drop{min-height:88px;color:var(--ink);cursor:pointer;background:#f4f1eb;border:1px dashed #92979f;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:12px;transition:all .14s;display:flex}.file-drop:hover{border-color:var(--accent);background:#fff8f4}.file-drop input,.file-button input{display:none}.file-drop strong{font-size:13px}.file-drop span,.helper{color:var(--muted);font-size:10px}.pattern-diagnostics{color:var(--muted);flex-wrap:wrap;gap:8px;margin:10px 0;font-size:10px;display:flex}.pattern-diagnostics span{border:1px solid var(--line);background:#f4f1eb;padding:4px 6px}.source-preview{border:1px solid var(--line);background:#f4f1eb;grid-template-columns:58px 1fr;align-items:center;gap:9px;margin-bottom:12px;padding:7px;display:grid}.source-preview img{object-fit:contain;background:#fff;width:58px;height:58px}.source-preview span{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.crop-editor{color:#f9fafb;background:#20242b;border:1px solid #414751;margin-bottom:12px;padding:10px}.crop-editor-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.crop-editor-heading strong{letter-spacing:.04em;font-size:11px}.crop-editor-heading span{color:#c8ccd2;font-size:9px}.crop-viewport{touch-action:none;-webkit-user-select:none;user-select:none;background:#0f1318;border:1px solid #757b85;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000003d}.crop-viewport.is-cropping{cursor:grab}.crop-viewport.is-cropping:active{cursor:grabbing}.crop-viewport img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.crop-box-overlay{border:1px solid var(--accent);box-sizing:border-box;cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-box-line{position:absolute}.crop-box-line.n{cursor:ns-resize;height:8px;top:-4px;left:0;right:0}.crop-box-line.s{cursor:ns-resize;height:8px;bottom:-4px;left:0;right:0}.crop-box-line.w{cursor:ew-resize;width:8px;top:0;bottom:0;left:-4px}.crop-box-line.e{cursor:ew-resize;width:8px;top:0;bottom:0;right:-4px}.crop-box-handle{background:var(--accent);border:1.5px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute;box-shadow:0 1px 3px #0006}.crop-box-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.crop-box-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.crop-box-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.crop-box-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.crop-editor-controls{align-items:center;gap:5px;margin-top:8px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.crop-editor-controls>span{color:#c8ccd2;margin-right:auto}.crop-editor-controls button{color:#f9fafb;background:0 0;border:1px solid #757b85;min-width:23px;height:22px;padding:1px 5px;font-size:13px;line-height:1}.crop-editor-controls button:hover:not(:disabled){border-color:var(--accent);background:#e84a3c2e}.crop-editor-controls .crop-commit{color:#fff;background:var(--accent);border-color:var(--accent-dark);font-size:9px}.crop-editor-controls .crop-cancel{font-size:9px}.crop-editor-controls .crop-reset{padding-inline:7px;font-size:9px}.crop-helper{color:#aeb4be;margin:7px 0 0;font-size:9px;line-height:1.45}.field-row,.field-stack{margin-top:11px}.field-row.two-columns{grid-template-columns:1fr 1fr;gap:9px;display:grid}.field-row label,.field-stack{color:#4b5563;flex-direction:column;gap:6px;font-size:11px;font-weight:650;display:flex}input[type=number],input:not([type]),input[type=text],.field-stack>input:not([type=range]),select{width:100%;min-height:34px;color:var(--ink);background:#fff;border:1px solid #c8c2b8;border-radius:2px;outline:none;padding:7px 9px}input[type=range]{accent-color:var(--accent)}.palette-meta{color:#fff;background:#20242b;flex-direction:column;gap:2px;padding:10px;display:flex}.palette-meta strong{font-size:12px}.palette-meta span{color:#c8ccd2;font-size:10px}.mvp-engine-card{color:#38404a;border:1px solid var(--line);background:#f4f1eb;flex-direction:column;gap:5px;margin-top:10px;padding:10px;line-height:1.5;display:flex}.mvp-engine-card strong{color:#20242b;font-size:11px}.mvp-engine-card span{color:var(--muted);font-size:9px}.detail-priority-toggle{color:#4b5563;border:1px solid var(--line);cursor:pointer;background:#f4f1eb;grid-template-columns:18px 1fr;align-items:center;gap:9px;margin-top:11px;padding:9px;display:grid}.detail-priority-toggle.active{color:#173f32;background:#eaf6f0;border-color:#8fc7ae}.detail-priority-toggle input{width:15px;height:15px;accent-color:var(--green);margin:0}.detail-priority-toggle span{flex-direction:column;gap:2px;display:flex}.detail-priority-toggle strong{font-size:11px}.detail-priority-toggle small{color:var(--muted);font-size:9px;line-height:1.4}.primary-button,.secondary-button,.danger-button{border-radius:2px;justify-content:center;align-items:center;min-height:36px;padding:8px 12px;font-size:11px;font-weight:750;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent-dark)}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-button{color:var(--ink);background:#f5f2ec;border:1px solid #bbb5aa}.danger-button{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.file-button{cursor:pointer;width:100%;margin-top:12px}.generate-button{letter-spacing:.04em;width:calc(100% - 32px);min-height:44px;margin:16px;font-size:12px}.helper{margin:7px 0 0;line-height:1.45}.progress-card{border:1px solid var(--line);background:#f4f1eb;margin:0 16px 16px;padding:10px}.progress-card.compact{margin:10px 0 0}.progress-card>div{color:#4b5563;justify-content:space-between;font-size:10px;display:flex}.progress-card progress{width:100%;height:7px;accent-color:var(--accent)}.text-button{color:var(--accent-dark);background:0 0;border:0;padding:0;font-size:10px}.stage-panel{grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.stage-toolbar{border-bottom:1px solid var(--line);background:#f4f1eb;align-items:center;gap:12px;min-height:49px;padding:7px 10px;display:flex}.tool-group{display:inline-flex}.tool-group button{color:#4b5563;background:#fff;border:1px solid #c8c2b8;border-right:0;min-height:30px;padding:5px 10px;font-size:10px}.tool-group button:last-child{border-right:1px solid #c8c2b8}.tool-group button.active{color:#fff;background:var(--ink)}.preview-toggle-group{margin-left:2px}.preview-toggle-group button{color:var(--accent-dark);font-weight:750}.preview-toggle-group button.active{color:#fff;background:var(--accent);border-color:var(--accent-dark)}.stage-summary{align-items:baseline;gap:12px;margin-left:auto;font-family:ui-monospace,monospace;font-size:10px;display:flex}.stage-summary strong{color:var(--accent-dark);font-size:12px}.canvas-shell{touch-action:none;background:#ece8e1;height:calc(100vh - 181px);min-height:0;position:relative;overflow:hidden}.canvas-shell canvas{cursor:crosshair;display:block}.canvas-shell.visual-beads canvas,.canvas-shell.visual-ironed canvas{cursor:grab}.canvas-shell.visual-beads canvas:active,.canvas-shell.visual-ironed canvas:active{cursor:grabbing}.grid-overlay-toggle{color:#4b5563;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.grid-overlay-toggle input{accent-color:var(--accent)}.canvas-hud{color:#f9fafb;background:#20242be6;border:1px solid #ffffff2e;align-items:center;gap:10px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:9px;display:flex;position:absolute;bottom:10px;right:10px}.small-button{color:#fff;background:0 0;border:1px solid #757b85;padding:3px 6px;font-size:9px}.background-actions{border-top:1px solid var(--line);background:#f4f1eb;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:6px 10px;font-size:10px;display:flex}.empty-stage{text-align:center;background:radial-gradient(circle at 50% 30%,#ffffffe6,#f7f4ee8c 42%,#0000 70%),#ece8e1;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 165px);padding:40px;display:flex}.empty-stage h2{margin:10px 0 5px;font-size:25px}.empty-stage>p:last-child{max-width:450px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.empty-grid{grid-template-columns:repeat(6,1fr);gap:3px;width:156px;height:156px;margin-bottom:22px;display:grid;transform:rotate(-3deg)}.empty-grid span{background:#fffdf9;border:1px solid #cfc9be}.empty-grid span:nth-child(3n+1){background:#ef665b}.empty-grid span:nth-child(5n+2){background:#f2c75c}.empty-grid span:nth-child(7n+3){background:#30353e}.selected-color-card{border:1px solid var(--line);background:#f4f1eb;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:8px;display:grid}.selected-swatch{border:1px solid #8f918f;width:38px;height:38px}.selected-color-card div{flex-direction:column;min-width:0;display:flex}.selected-color-card strong{font-family:ui-monospace,monospace;font-size:14px}.selected-color-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.selected-color-card em{color:var(--green);font-size:9px;font-style:normal;font-weight:700}.palette-grid{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:330px;display:grid;overflow-y:auto}.palette-item{background:#fff;border:1px solid #d5d0c7;grid-template-columns:1fr 20px 20px;min-width:0;display:grid;position:relative}.palette-item.disabled{opacity:.45;filter:grayscale(.7)}.palette-select{background:0 0;border:0;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;height:31px;padding:4px;display:grid}.swatch{border:1px solid #989898;width:19px;height:19px}.palette-code{text-align:left;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:10px;font-weight:750;overflow:hidden}.palette-count{color:var(--muted);font-family:ui-monospace,monospace;font-size:9px}.palette-enabled{border-left:1px solid #ece8e1;place-items:center;display:grid}.palette-enabled input{width:12px;height:12px;accent-color:var(--accent)}.palette-lock{min-width:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:1px solid #ece8e1;padding:0;font-size:11px}.palette-lock.active{color:var(--accent);font-weight:800}.palette-lock:disabled{cursor:not-allowed;opacity:.45}.palette-footer{color:var(--muted);justify-content:space-between;margin-top:8px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.button-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.button-row .file-button{margin:0}.right-panel .primary-button{width:100%;margin-top:12px}.statusbar{color:#d5d9df;background:#20242b;justify-content:space-between;align-items:center;gap:20px;min-height:28px;padding:5px 12px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.statusbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1350px){.workspace{grid-template-columns:270px minmax(520px,1fr) 292px}}.stage-panel{color:#e8edf3;background:#12161b;border-color:#2b333d;position:relative;overflow:visible;box-shadow:0 12px 30px #0b0e1238}.stage-toolbar{z-index:20;color:#c9d1db;background:#171c22;border-bottom-color:#303945;gap:7px;min-height:58px;padding:8px 10px;position:relative}.toolbar-divider{background:#343d48;align-self:stretch;width:1px;margin:3px 1px}.toolbar-spacer{flex:auto;min-width:4px}.tool-group button{color:#b6c0cc;background:#232a33;border-color:#3a4551 #0000 #3a4551 #3a4551;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:6px 8px;font-size:10px;transition:all .12s;display:inline-flex}.tool-group button.active{color:#15191e;background:#f7931e;border-color:#ffae43}.tool-group button svg{flex:none}.visual-mode-group button{font-weight:750}.history-tool-group button{padding-inline:7px}.grid-overlay-toggle{color:#aeb8c4}.source-overlay-toggle{color:#f6c27a}.source-overlay-opacity{color:#9da8b5;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.source-overlay-opacity input{accent-color:#f7931e;width:64px}.stage-summary{color:#9da8b5;gap:8px}.canvas-shell{background:radial-gradient(circle at 50% 35%,#3843502e,#0000 48%),#0f1318;height:calc(100vh - 190px)}.empty-stage{color:#e7ebf0;background:radial-gradient(circle at 50% 30%,#414e5e52,#0000 55%),#0f1318;min-height:calc(100vh - 174px)}.empty-stage>p:last-child{color:#aeb8c4}.empty-grid span{background:#20262e;border-color:#3a4551}.canvas-hud{color:#d9e0e8;background:#151b22ed;border-color:#465260}.quick-palette-anchor{z-index:30;flex:none;position:relative}.current-color-trigger{color:#dfe5ec;cursor:pointer;background:#202730;border:1px solid #465260;border-radius:6px;align-items:center;gap:7px;min-height:40px;padding:5px 8px;transition:all .12s;display:inline-flex}.current-color-trigger:hover,.current-color-trigger.active{background:#2c343e;border-color:#f7931e}.quick-color-swatch{border:2px solid #ffffffb8;border-radius:50%;flex:none;width:20px;height:20px;display:inline-block;box-shadow:0 1px 5px #00000059}.quick-color-swatch.selected{box-shadow:0 0 0 2px #f7931e,0 1px 6px #0000006b}.quick-color-swatch.empty{background:#29313b;border-style:dashed}.current-color-copy{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:42px;display:flex}.current-color-copy small{color:#93a0ae;font-size:8px;line-height:1}.current-color-copy strong{color:#fff;font-family:ui-monospace,monospace;font-size:11px}.current-color-caret{color:#9da8b5;font-size:15px;line-height:1}.quick-palette-popover{color:#e7ebf0;scrollbar-width:thin;background:#1a2027;border:1px solid #485463;border-radius:10px;width:min(370px,100vw - 36px);max-height:min(620px,100vh - 150px);padding:14px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 45px #0000006b,0 0 0 1px #ffffff08}.quick-palette-heading,.quick-section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.quick-palette-heading{margin-bottom:11px}.quick-palette-heading>div{flex-direction:column;gap:3px;display:flex}.quick-palette-kicker{color:#f7931e;letter-spacing:.13em;font-size:9px;font-weight:850}.quick-palette-heading strong{color:#fff;font-size:13px}.quick-palette-close,.quick-search-field button{color:#9da8b5;background:0 0;border:0;border-radius:4px;width:25px;height:25px;padding:0;font-size:18px;line-height:1}.quick-palette-close:hover,.quick-search-field button:hover{color:#fff;background:#303945}.quick-current-color{background:#232b34;border:1px solid #3a4653;border-radius:7px;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:14px;padding:9px;display:grid}.quick-current-color .quick-color-swatch{width:35px;height:35px}.quick-current-color div{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-current-color strong{color:#fff;font-family:ui-monospace,monospace;font-size:13px}.quick-current-color>div>span{color:#aeb8c4;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.quick-current-status{color:#171c22;background:#f7931e;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800}.quick-current-meta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.quick-current-count{color:#aeb8c4;font-family:ui-monospace,monospace;font-size:8px}.quick-palette-section+.quick-palette-section{border-top:1px solid #303945;margin-top:14px;padding-top:14px}.quick-section-heading{color:#dce3eb;margin-bottom:8px;font-size:10px;font-weight:750}.quick-section-heading em{color:#8f9baa;font-family:ui-monospace,monospace;font-size:9px;font-style:normal}.quick-color-grid{scrollbar-width:thin;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-height:180px;padding:2px;display:grid;overflow-y:auto}.quick-color-button{color:#aeb8c4;cursor:pointer;background:#252d36;border:1px solid #394551;border-radius:6px;grid-template-rows:25px 11px;grid-template-columns:24px minmax(0,1fr);place-items:center;gap:1px 4px;min-width:0;padding:4px 3px;display:grid}.quick-color-button:hover,.quick-color-button.selected{color:#fff;background:#323d49;border-color:#f7931e}.quick-color-button .quick-color-swatch{grid-row:1/span 2;width:22px;height:22px}.quick-color-button>span:not(.quick-color-swatch){text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:ui-monospace,monospace;font-size:8px;overflow:hidden}.quick-color-button small{color:#8d99a7;font-family:ui-monospace,monospace;font-size:8px}.quick-empty-state,.quick-search-hint{color:#9da8b5;background:#202730;border:1px dashed #465260;border-radius:6px;margin:0;padding:10px;font-size:9px;line-height:1.5}.quick-search-field{color:#8f9baa;background:#11161b;border:1px solid #465260;border-radius:6px;align-items:center;gap:7px;min-height:34px;padding:4px 6px;display:flex}.quick-search-field:focus-within{border-color:#f7931e;box-shadow:0 0 0 2px #f7931e26}.quick-search-field>span{font-size:18px;line-height:1}.quick-search-field input{color:#f4f7fa;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:24px;padding:3px 0;font-size:10px}.quick-search-field input::placeholder{color:#738091}.quick-search-field button{width:21px;height:21px;font-size:15px}.full-palette-results{scrollbar-width:thin;gap:4px;max-height:210px;margin-top:7px;display:grid;overflow-y:auto}.full-palette-result{color:#b9c3ce;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:35px;padding:4px 6px;display:grid}.full-palette-result:hover,.full-palette-result.selected{color:#fff;background:#29333d;border-color:#f7931e}.full-palette-result .quick-color-swatch{width:22px;height:22px}.full-palette-result>span{flex-direction:column;gap:1px;min-width:0;display:flex}.full-palette-result strong{font-family:ui-monospace,monospace;font-size:10px}.full-palette-result small{color:#8f9baa;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.full-palette-result em{color:#f7931e;font-size:8px;font-style:normal;font-weight:800}.right-panel{color:#e5eaf0;background:#171c22;border-color:#2b333d;box-shadow:0 12px 30px #0b0e1229}.right-panel section{border-bottom-color:#303945}.right-panel .section-heading h2{color:#f0f3f6}.right-panel .section-heading span{color:#171c22;background:#f7931e}.right-panel .selected-color-card{color:#e7ebf0;background:#232b34;border-color:#3a4653}.right-panel .selected-color-card span{color:#9da8b5}.right-panel .selected-color-card em{color:#6ee7b7}.right-panel .palette-footer{color:#8f9baa}.palette-management{border:1px solid #35414d;border-radius:6px;margin-top:12px}.palette-management summary{color:#dce3eb;cursor:pointer;background:#202730;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:10px;font-weight:750;list-style:none;display:flex}.palette-management summary::-webkit-details-marker{display:none}.palette-management summary:after{content:"＋";color:#f7931e;font-size:14px}.palette-management[open] summary:after{content:"−"}.palette-management summary small{color:#8f9baa;margin-left:auto;font-size:8px;font-weight:500}.palette-management[open] .palette-grid{max-height:280px;padding:8px}.palette-management .palette-item{background:#252d36;border-color:#394551}.palette-management .palette-select{color:#e7ebf0}.palette-management .palette-enabled,.palette-management .palette-lock{border-left-color:#394551}.palette-management .palette-count,.palette-management .palette-lock{color:#8f9baa}.palette-management .palette-lock.active{color:#f7931e}.right-panel .field-stack{color:#aeb8c4}.right-panel input[type=text],.right-panel input:not([type]),.right-panel select{color:#e7ebf0;background:#202730;border-color:#465260}.right-panel .secondary-button{color:#dce3eb;background:#252d36;border-color:#465260}.right-panel .detail-priority-toggle{color:#c3ccd6;background:#202730;border-color:#394551}.right-panel .detail-priority-toggle.active{color:#baf4d8;background:#19382e;border-color:#34745c}.right-panel .helper{color:#8f9baa}.right-panel .primary-button{color:#171c22;background:#f7931e;border-color:#ffae43}.right-panel .primary-button:hover:not(:disabled){background:#ffad46}@media (width<=1350px){.stage-toolbar{gap:5px;padding-inline:7px}.stage-toolbar .tool-group button span{font-size:0}.grid-overlay-toggle:not(:has(input:checked)){font-size:0}.stage-toolbar .tool-group button{width:34px;padding-inline:5px}.stage-toolbar .visual-mode-group button{width:38px}.toolbar-spacer{display:none}.grid-overlay-toggle{gap:0;font-size:0}.source-overlay-opacity span{display:none}.source-overlay-opacity input{width:42px}.stage-summary{gap:0;margin-left:auto}.stage-summary span{display:none}.stage-summary strong{font-size:10px}.current-color-copy small{display:none}.current-color-trigger{min-width:61px}}.topbar{color:#f5f0e8;border-bottom:2px solid var(--accent);background:#15191e;box-shadow:0 8px 24px #0000003d}.topbar h1,.section-heading h2,.right-panel .section-heading h2{color:#f2eee8}.eyebrow,.topbar .eyebrow{color:var(--accent)}.brand-mark span{background:var(--accent);border-color:#ffffffa3}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#f1c26e}.topbar-status{color:var(--text-soft);background:#1c2228;border-color:#39434e}.workspace{background:var(--app-bg)}.panel,.left-panel,.right-panel{background:var(--surface);border-color:#2b343e;box-shadow:0 12px 30px #0000002e}.left-panel section,.right-panel section{border-bottom-color:var(--line)}.section-heading span,.right-panel .section-heading span{color:#171b20;background:var(--accent)}.file-drop{color:#e9e4dc;background:var(--surface-raised);border-color:#53606d}.file-drop:hover{color:#fff7e8;border-color:var(--accent);background:#e4a04b1c}.file-drop span,.helper,.right-panel .helper{color:var(--muted)}.source-preview,.progress-card,.pattern-diagnostics span{color:var(--text-soft);background:var(--surface-raised);border-color:#394550}.source-preview span,.pattern-diagnostics,.pattern-diagnostics span{color:var(--muted)}.field-row label,.field-stack,.right-panel .field-stack{color:var(--text-soft)}input[type=number],input:not([type]),input[type=text],.field-stack>input:not([type=range]),select{color:#f2eee8;border-color:var(--border-strong);background:#11161b}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e4a04b29}input[type=range],.palette-enabled input{accent-color:var(--accent)}.palette-meta{color:#f4eee4;background:#20272e;border:1px solid #394550}.palette-meta span{color:#aab4bf}.detail-priority-toggle,.right-panel .detail-priority-toggle{color:var(--text-soft);background:var(--surface-raised);border-color:#394550}.detail-priority-toggle.active,.right-panel .detail-priority-toggle.active{color:#c5f1dc;background:#19382f;border-color:#34755d}.detail-priority-toggle small{color:var(--muted)}.primary-button,.right-panel .primary-button{color:#171b20;background:var(--accent);border-color:#f0b967}.primary-button:hover:not(:disabled),.right-panel .primary-button:hover:not(:disabled){background:#f0b967}.secondary-button,.right-panel .secondary-button{color:#e5e0d8;background:#252d35;border-color:#4a5764}.secondary-button:hover:not(:disabled){color:#fff8ec;background:var(--surface-hover);border-color:var(--accent)}.danger-button{color:#ffd3ca;background:#422b2b;border-color:#8d4e49}.danger-button:hover:not(:disabled){background:#593331}.generate-button{box-shadow:0 6px 18px #e4a04b29}.progress-card>div,.text-button{color:var(--text-soft)}.text-button:hover:not(:disabled){color:var(--accent)}.selected-color-card,.right-panel .selected-color-card{color:#eee9e1;background:var(--surface-raised);border-color:#3d4a56}.selected-color-card span,.right-panel .selected-color-card span{color:var(--muted)}.selected-color-card em,.right-panel .selected-color-card em{color:var(--green)}.palette-item,.palette-management .palette-item{background:#222a32;border-color:#3b4854}.palette-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.palette-select,.palette-code{color:#e6e1d9}.palette-count,.palette-management .palette-count,.palette-lock,.palette-footer{color:var(--muted)}.palette-enabled,.palette-lock{border-left-color:#3b4854}.palette-lock.active,.palette-management .palette-lock.active{color:var(--accent)}.palette-management{border-color:#3b4854}.palette-management summary{color:#e8e2d9;background:#20272e}.palette-management summary small{color:var(--muted)}.palette-management summary:after{color:var(--accent)}.stage-panel{color:#e8edf3;background:#12161b;border-color:#2b343e}.stage-toolbar{color:#cbd2da;background:#171c22;border-bottom-color:#303943}.toolbar-divider{background:#394550}.tool-group button{color:#bac4ce;background:#232b33;border-color:#3f4c58}.tool-group button:last-child{border-right-color:#3f4c58}.tool-group button:hover:not(:disabled){color:#fff;background:#2e3943}.tool-group button.active,.current-color-trigger.active{color:#171b20;background:var(--accent);border-color:#f0b967}.grid-overlay-toggle,.stage-summary{color:#aab4bf}.stage-summary strong{color:var(--accent)}.background-actions{color:#aab4bf;background:#171c22;border-top-color:#303943}.statusbar{color:#c4ccd5;background:#15191e}.status-error{color:#ffaaa0}