:root{--canvas: #0b0b0b;--panel: #131313;--panel-2:#171717;--hair: #232323;--hair-2: #2c2c2c;--text: #ededed;--text-2: #8a8a8a;--text-3: #555;--accent: #ff4a1c;--action: #ededed;--action-ink: #0b0b0b;--ai: #6f8aa6;--warn: #c98a3f;--sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;overflow:hidden;background:var(--canvas);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}.app{display:grid;grid-template-rows:44px 1fr;height:100vh;min-width:1280px}.topbar{display:grid;grid-template-columns:280px 1fr auto;align-items:center;border-bottom:1px solid var(--hair);padding:0 14px;background:var(--canvas)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em}.brand-dot{width:8px;height:8px;background:var(--accent);flex:none}.brand-name{font-weight:600;letter-spacing:.04em}.brand-feed{color:var(--text-2)}.topbar-actions{display:flex;align-items:center;gap:2px;justify-self:end}.topbar-actions .sep{width:1px;height:18px;background:var(--hair);margin:0 8px}.main{display:grid;grid-template-columns:340px 1fr 320px;height:100%;min-height:0}.pane{border-right:1px solid var(--hair);display:flex;flex-direction:column;min-height:0;background:var(--canvas)}.pane:last-child{border-right:none;border-left:1px solid var(--hair)}.pane-center{border-right:1px solid var(--hair)}.pane-head{height:36px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.pane-head .count{color:var(--text-3)}.pane-body{flex:1;min-height:0;overflow:auto}.pane-body::-webkit-scrollbar{width:10px;height:10px}.pane-body::-webkit-scrollbar-thumb{background:var(--hair-2)}.pane-body::-webkit-scrollbar-track{background:transparent}.btn{height:28px;padding:0 10px;background:transparent;border:none;color:var(--text);font-family:var(--mono);font-size:11px;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{background:var(--panel)}.btn-primary{background:var(--action);color:var(--action-ink);padding:0 12px}.btn-primary:hover{background:#fff}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--panel)}.btn .kbd{font-size:10px;color:var(--text-3);border:1px solid var(--hair-2);padding:1px 4px;margin-left:4px}.btn-ai-mark:before{content:"";width:6px;height:6px;background:var(--ai);display:inline-block;margin-right:2px}.chip{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 6px;background:var(--panel);border:1px solid var(--hair);font-family:var(--mono);font-size:10px;letter-spacing:.02em;color:var(--text);cursor:pointer;white-space:nowrap}.chip:hover{border-color:var(--hair-2)}.chip.ai{color:var(--text-2);border-style:dashed;border-color:var(--hair-2)}.chip.manual{color:var(--text);background:var(--panel-2)}.chip-swatch{width:8px;height:8px;flex:none}.chip .x{color:var(--text-3);margin-left:2px}.ai-underline{text-decoration:underline dotted var(--text-3);text-underline-offset:3px}.manual-mark{color:var(--text);border-bottom:1px solid var(--text);padding-bottom:1px}.tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--charcoal, #222);cursor:grab}.tile-band-top{position:absolute;left:0;right:0;top:0;height:62%}.tile-band-bot{position:absolute;left:0;right:0;bottom:0;height:38%}.tile-text-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:600;pointer-events:none;mix-blend-mode:multiply;opacity:.55}.tile:active{cursor:grabbing}.grid-cell.selected:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);pointer-events:none;z-index:5}.grid-cell .lock-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;background:#fff;opacity:0;transition:opacity .15s;z-index:4}.grid-cell:hover .lock-dot,.grid-cell.selected .lock-dot{opacity:.9}.grid-cell .pin-dot{position:absolute;top:4px;left:4px;width:5px;height:5px;background:var(--accent);opacity:0;transition:opacity .15s;z-index:4}.grid-cell:hover .pin-dot,.grid-cell.selected .pin-dot{opacity:1}.grid-cell .carousel-mark{position:absolute;bottom:0;right:0;background:#0000008c;color:#fff;font-family:var(--mono);font-size:9px;padding:1px 4px;opacity:0;transition:opacity .15s;z-index:4}.grid-cell:hover .carousel-mark,.grid-cell.selected .carousel-mark{opacity:1}.pool-toolbar{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-bottom:1px solid var(--hair);flex:none}.pool-search{background:var(--panel);border:1px solid var(--hair);color:var(--text);font-family:var(--mono);font-size:11px;height:26px;padding:0 8px;width:100%;outline:none}.pool-search:focus{border-color:var(--hair-2)}.pool-filters{display:flex;flex-wrap:wrap;gap:4px}.pool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:12px}.pool-cell{position:relative;cursor:grab}.pool-cell .pool-chips{position:absolute;inset:auto 0 0 0;display:flex;gap:2px;padding:3px;pointer-events:none;opacity:0;transition:opacity .15s}.pool-cell:hover .pool-chips,.pool-cell.selected .pool-chips{opacity:1}.pool-cell .pool-mini-chip{background:#0009;color:#fff;font-family:var(--mono);font-size:9px;padding:1px 3px;line-height:1}.pool-cell.selected:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);pointer-events:none}.pool-cell.unclassified .tile img{opacity:0!important}.pool-cell.unclassified .tile,.pool-cell.unclassified .tile-band-top,.pool-cell.unclassified .tile-band-bot{background:repeating-linear-gradient(45deg,#1a1a1a 0,#1a1a1a 4px,#161616 4px,#161616 8px)!important}.pool-cell.unclassified:before{content:"classifying…";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--text-2);z-index:3}.grid-stage{flex:1;min-height:0;display:grid;grid-template-columns:1fr 56px;background:var(--canvas)}.grid-scroll{overflow:auto;padding:28px 32px 60px}.phone{width:318px;margin:0 auto;border:1px solid var(--hair);border-radius:28px;background:var(--canvas);overflow:hidden;display:flex;flex-direction:column}.phone-statusbar{height:22px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.04em}.phone-topnav{height:32px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:var(--mono);font-size:11px;color:var(--text);border-bottom:1px solid var(--hair)}.phone-topnav .arrow{color:var(--text-2);width:12px}.phone-topnav .kebab{color:var(--text-2);letter-spacing:.2em}.phone-profile{padding:14px 14px 12px;border-bottom:1px solid var(--hair);display:flex;flex-direction:column;gap:12px;flex:none}.wf-profile-row{display:flex;align-items:center;gap:14px}.wf-avatar{width:56px;height:56px;border-radius:50%;background:var(--hair-2);flex:none}.wf-stats{display:flex;flex-direction:column;gap:6px;flex:1}.wf-line{height:6px;background:var(--hair-2)}.wf-line.short{width:40%}.wf-line.mid{width:65%}.wf-line.long{width:90%}.wf-line.solid{background:var(--text-3)}.wf-bio{display:flex;flex-direction:column;gap:5px}.wf-actions{display:flex;gap:6px;margin-top:2px}.wf-btn{flex:1;height:26px;border-radius:5px;background:var(--hair-2)}.wf-btn.outline{background:transparent;border:1px solid var(--hair-2)}.phone-tabs{height:36px;flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hair);position:relative}.phone-tab{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.phone-tab.active{color:var(--text)}.phone-tab .tab-glyph{width:14px;height:14px;border:1.5px solid currentColor}.phone-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:33.33%;height:1px;background:var(--text)}.phone-foot{height:22px;flex:none;display:flex;align-items:center;justify-content:center}.phone-home-indicator{width:100px;height:3px;background:var(--text-3);border-radius:2px}.phone-head{display:none}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair)}.grid-cell{position:relative;background:var(--canvas)}.seam-row{grid-column:1 / -1;height:0;position:relative;background:var(--hair-2)}.seam-row:before{content:"── queued ──";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--canvas);padding:0 8px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--text-3)}.drop-indicator{position:absolute;background:var(--accent);pointer-events:none;z-index:10}.drop-indicator.left{width:2px;top:0;bottom:0;left:-1px}.drop-indicator.right{width:2px;top:0;bottom:0;right:-1px}.drop-indicator.top{height:2px;left:0;right:0;top:-1px}.drop-indicator.bottom{height:2px;left:0;right:0;bottom:-1px}.grid-cell.drop-swap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);pointer-events:none;z-index:11}.grid-cell.drop-swap .swap-glyph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0009;font-family:var(--mono);font-size:10px;padding:2px 6px;pointer-events:none;z-index:12;letter-spacing:.08em}.grid-cell.drag-source{opacity:.35}.timeline-rail{border-left:1px solid var(--hair);display:flex;flex-direction:column;padding:28px 0 60px;position:relative}.wave-segment{flex:1;border-bottom:1px solid var(--hair);padding:8px 10px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--text-2);position:relative;cursor:pointer}.wave-segment:last-child{border-bottom:none}.wave-segment:hover{background:var(--panel)}.wave-name{color:var(--text);font-weight:500}.wave-mood{color:var(--text-3);margin-top:4px}.wave-count{position:absolute;right:10px;bottom:8px;color:var(--text-3)}.wave-segment.queued .wave-name:before{content:"◌ ";color:var(--ai)}.inspector{padding:16px;display:flex;flex-direction:column;gap:18px}.insp-section{display:flex;flex-direction:column;gap:6px}.insp-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.insp-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.insp-value{font-family:var(--mono);font-size:12px}.insp-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.insp-palette>div{aspect-ratio:1 / 1}.insp-empty{padding:28px 14px;text-align:center;color:var(--text-3);font-family:var(--mono);font-size:11px;border:1px dashed var(--hair-2)}.insp-photo{width:100%;aspect-ratio:1 / 1;position:relative;border:1px solid var(--hair)}.insp-photo .tile-band-top,.insp-photo .tile-band-bot{position:absolute;left:0;right:0}.toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;cursor:pointer;color:var(--text-2)}.toggle input{display:none}.toggle .swatch{width:22px;height:12px;background:var(--hair-2);position:relative}.toggle .swatch:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;background:var(--text-2);transition:transform .12s,background .12s}.toggle.on{color:var(--text)}.toggle.on .swatch{background:var(--text)}.toggle.on .swatch:after{background:var(--canvas);transform:translate(10px)}.engine-note{font-size:12px;color:var(--text-2);line-height:1.45;border-left:2px solid var(--ai);padding:2px 0 2px 10px}.conf-meter{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--text-3)}.conf-bar{flex:1;height:2px;background:var(--hair-2);position:relative}.conf-fill{position:absolute;top:0;left:0;bottom:0;background:var(--ai)}.conf-low .conf-fill{background:var(--warn)}.ai-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;background:var(--panel);border:1px solid var(--ai);z-index:20;box-shadow:0 0 0 4px #0b0b0b66}.ai-banner-label{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--text);border-right:1px solid var(--hair)}.ai-banner-label:before{content:"";width:8px;height:8px;background:var(--ai);flex:none}.ai-banner button{height:36px;padding:0 12px;background:transparent;border:none;border-right:1px solid var(--hair);color:var(--text-2);font-family:var(--mono);font-size:11px;cursor:pointer}.ai-banner button:hover{background:var(--canvas);color:var(--text)}.ai-banner button.accept{color:var(--action)}.ai-banner button.accept:hover{background:var(--action);color:var(--action-ink)}.ai-banner button:last-child{border-right:none}.move-arrow{position:absolute;pointer-events:none;z-index:6;color:var(--ai);font-family:var(--mono);font-size:11px}.diff-removed{opacity:.25}.diff-removed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(0,0,0,.4) 4px 5px);pointer-events:none}.diff-added:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed var(--ai);z-index:5;pointer-events:none}.break-mark{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--warn);z-index:4;pointer-events:none}.break-mark-num{position:absolute;top:4px;right:4px;background:var(--warn);color:var(--action-ink);font-family:var(--mono);font-size:9px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;z-index:5}.wave-proposals{position:absolute;right:18px;bottom:18px;width:320px;background:var(--panel);border:1px solid var(--ai);z-index:25;box-shadow:0 0 0 6px #0b0b0b8c}.wave-proposals h4{margin:0;padding:10px 12px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--text-2);border-bottom:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center}.wave-prop{padding:12px;border-bottom:1px solid var(--hair);cursor:pointer}.wave-prop:last-child{border-bottom:none}.wave-prop:hover{background:var(--panel-2)}.wave-prop .wave-prop-name{font-family:var(--mono);font-size:12px;margin-bottom:4px}.wave-prop .wave-prop-rat{color:var(--text-2);font-size:12px;line-height:1.4}.wave-prop .wave-prop-pal{display:flex;gap:1px;margin-top:8px}.wave-prop .wave-prop-pal>div{width:22px;height:22px}.drag-ghost{position:fixed;pointer-events:none;width:84px;height:84px;z-index:1000;border:1px solid var(--accent)}.stat-row{display:flex;gap:20px;padding:10px 14px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.06em}.stat-row b{color:var(--text);font-weight:500}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border:1px solid var(--hair-2);font-family:var(--mono);font-size:9px;color:var(--text-2)}.grid-cell.gap-placeholder{background:transparent;outline:2px dashed var(--accent);outline-offset:-2px}.grid-cell.gap-placeholder .tile{opacity:.45}.grid-cell{will-change:transform}.wave-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--canvas);z-index:90;display:flex;flex-direction:column}.wave-fs-topbar{height:48px;flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--hair)}.wave-fs-title{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--text);display:flex;align-items:center;gap:10px;white-space:nowrap}.wave-fs-title:before{content:"";width:8px;height:8px;background:var(--ai);flex:none}.wave-fs-sub{text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-2);letter-spacing:.04em;white-space:nowrap}.wave-fs-close{justify-self:end;background:transparent;border:none;color:var(--text-2);font-family:var(--mono);font-size:12px;cursor:pointer;padding:6px 4px}.wave-fs-close:hover{color:var(--text)}.wave-fs-stage{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--hair)}.wave-col{background:var(--canvas);display:flex;flex-direction:column;min-height:0;position:relative}.wave-col-head{padding:18px 22px 14px;border-bottom:1px solid var(--hair)}.wave-col-head .wch-row{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.wch-num{font-family:var(--mono);font-size:11px;color:var(--text-3);letter-spacing:.1em}.wch-name{font-family:var(--mono);font-size:14px;color:var(--text);font-weight:500;white-space:nowrap}.wch-row{flex-wrap:wrap}.wch-rat{font-size:12px;color:var(--text-2);line-height:1.5;margin-bottom:10px;max-width:38ch}.wch-meta{display:flex;gap:14px;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.06em;white-space:nowrap}.wch-meta b{color:var(--text);font-weight:500}.wch-palette{display:flex;gap:1px;margin-top:10px}.wch-palette>div{width:24px;height:24px}.wave-col-grid-wrap{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding:22px 22px 70px;overflow:auto}.wave-col-phone{width:100%;max-width:380px;border:1px solid var(--hair)}.wave-col-phone-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.06em}.wave-col-phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair)}.wave-col-actions{position:absolute;left:22px;right:22px;bottom:18px;display:flex;gap:6px}.wfs-btn{flex:1;height:32px;background:var(--panel);border:1px solid var(--hair);color:var(--text);font-family:var(--mono);font-size:11px;letter-spacing:.04em;cursor:pointer}.wfs-btn:hover{background:var(--panel-2);border-color:var(--hair-2)}.wfs-btn.primary{background:var(--text);color:var(--canvas);border-color:var(--text)}.wfs-btn.primary:hover{background:#fff}.rep-tile{position:relative;aspect-ratio:1 / 1;overflow:hidden}.rep-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(0,0,0,.06) 8px 9px)}.rep-tile .rep-label{position:absolute;bottom:5px;left:6px;right:6px;font-family:var(--mono);font-size:8.5px;color:#0000008c;letter-spacing:.04em;mix-blend-mode:multiply;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.rep-tile.dark .rep-label{color:#ffffff73;mix-blend-mode:normal}.crop-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crop-sheet{width:760px;background:var(--canvas);border:1px solid var(--hair-2);display:flex;flex-direction:column}.crop-topbar{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid var(--hair)}.crop-tb-btn{background:transparent;border:none;padding:6px 0;font-family:var(--mono);font-size:11px;color:var(--text-2);cursor:pointer;justify-self:start}.crop-tb-btn.done{color:var(--accent);justify-self:end;font-weight:500}.crop-title{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text)}.crop-stage{display:flex;gap:32px;padding:28px 32px;align-items:flex-start;justify-content:center;background:var(--canvas)}.crop-raw{position:relative;background:#000}.crop-raw-dim{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45}.crop-frame{cursor:grab;overflow:hidden;outline:2px solid #fff;outline-offset:-1px;box-shadow:0 0 0 9999px #00000059}.crop-frame:active{cursor:grabbing}.crop-thirds-v,.crop-thirds-h{position:absolute;pointer-events:none;background:#ffffff2e}.crop-thirds-v{top:0;bottom:0;width:1px}.crop-thirds-h{left:0;right:0;height:1px}.crop-tick{position:absolute;width:12px;height:12px;border:2px solid #fff}.crop-tick.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.crop-tick.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.crop-tick.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.crop-tick.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.crop-side{display:flex;flex-direction:column;gap:6px;min-width:160px}.crop-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.crop-preview{width:120px;height:120px;border:1px solid var(--hair)}.crop-zoom{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px}.crop-zoom::-webkit-slider-runnable-track{height:2px;background:var(--hair-2)}.crop-zoom::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;margin-top:-5px;cursor:pointer}.crop-zoom-readout{font-family:var(--mono);font-size:11px;color:var(--text-2)}.crop-bottom{display:flex;align-items:center;gap:6px;padding:12px 16px 16px;border-top:1px solid var(--hair)}.crop-bbtn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--hair);color:var(--text);font-family:var(--mono);font-size:12px;cursor:pointer}.crop-bbtn:hover{border-color:var(--hair-2)}.crop-bbtn.active{background:var(--panel-2);border-color:var(--hair-2)}.crop-bbtn-glyph{font-family:var(--mono);color:var(--text-2);width:16px;text-align:center}.crop-hint{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-3);letter-spacing:.06em}.th-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--canvas);color:var(--text);overflow:auto;padding:24px 28px 48px}.th-top{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--hair);padding-bottom:14px;margin-bottom:18px}.th-title{font-size:16px;letter-spacing:.5px}.th-sub{color:var(--text-2);font-size:12px;margin-top:2px;font-family:var(--mono)}.th-close{background:transparent;border:1px solid var(--hair);color:var(--text-2);padding:6px 12px;font:12px/1 var(--mono);cursor:pointer}.th-close:hover{color:var(--text);border-color:var(--hair-2)}.th-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 18px;margin-bottom:18px}.th-controls label{display:flex;flex-direction:column;gap:4px;font:11px/1.4 var(--mono);color:var(--text-2)}.th-controls select,.th-controls input[type=range]{width:100%}.th-controls select{background:var(--panel);color:var(--text);border:1px solid var(--hair);padding:4px 6px;font:12px/1 var(--mono)}.th-val{color:var(--text)}.th-tabs{display:flex}.th-tabs button{flex:1;background:var(--panel);color:var(--text-2);border:1px solid var(--hair);padding:4px 0;font:11px/1 var(--mono);cursor:pointer}.th-tabs button.on{color:var(--text);border-color:var(--hair-2);background:var(--panel-2)}.th-err{color:var(--warn);font:12px/1.4 var(--mono);padding:8px 0}.th-loading{color:var(--text-2);font:12px/1.4 var(--mono);padding:4px 0}.th-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.th-mode h3{font:12px/1 var(--mono);color:var(--text-2);letter-spacing:.5px;margin:0 0 10px;text-transform:lowercase}.th-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.th-swatch{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.th-chip{width:40px;height:40px;border:1px solid var(--hair)}.th-name{font:12px/1 var(--mono)}.th-hex{font:11px/1.4 var(--mono);color:var(--text-2)}.th-pair{font:10px/1.4 var(--mono)}.th-pair.ok{color:#8aa67a}.th-pair.bad{color:var(--warn)}.th-mini{margin-top:14px;padding:10px;border:1px solid}.th-mini-img{width:100%;aspect-ratio:1 / 1;border:1px solid var(--hair)}.th-mini-card{margin-top:10px;padding:10px;border:1px solid;font:13px/1.35 var(--sans)}.th-mini-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font:11px/1.4 var(--mono)}.th-pill{padding:4px 10px;font:12px/1 var(--mono)}.th-css{grid-column:1 / -1;margin-top:8px;border:1px solid var(--hair)}.th-css-head{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 12px;border-bottom:1px solid var(--hair);align-items:center}.th-css-title{font:12px/1 var(--mono)}.th-css-sub{font:11px/1.4 var(--mono);color:var(--text-2);grid-column:1}.th-copy{background:var(--panel);color:var(--text);border:1px solid var(--hair);padding:6px 12px;font:11px/1 var(--mono);cursor:pointer;grid-row:1 / span 2}.th-css-pre{margin:0;padding:12px;font:11px/1.5 var(--mono);color:var(--text-2);background:var(--panel);white-space:pre-wrap;word-break:break-all}.th-vec{margin-top:8px;border:1px solid var(--hair)}.th-vec-controls{display:flex;gap:18px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--hair)}.th-vec-controls label{display:flex;flex-direction:column;gap:4px;font:11px/1.4 var(--mono);color:var(--text-2);min-width:240px}.th-vec-palette{display:flex;gap:4px}.th-vec-chip{width:22px;height:22px;border:1px solid var(--hair)}.th-vec-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.th-vec-pair figure{margin:0}.th-vec-pair figcaption{font:11px/1.4 var(--mono);color:var(--text-2);margin-bottom:6px}.th-vec-pair img,.th-vec-svg,.th-vec-blank{width:100%;aspect-ratio:1 / 1;background:var(--panel);border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;font:11px/1.4 var(--mono);color:var(--text-3);object-fit:contain}.th-vec-svg svg{width:100%;height:100%;display:block}