:root{--bg: #070b12;--bg-panel: #0d131d;--bg-elevated: #131b28;--bg-input: #0a0f18;--border: #1e2939;--border-strong: #2b3a4f;--text: #dce6f2;--text-dim: #8d9db4;--text-faint: #5d6c81;--accent: #5caaff;--accent-dim: #2f6db8;--warn: #ffd65c;--danger: #ff6b6b;--ok: #58d6a0;--sidebar-width: 320px;--radius: 6px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:48px 1fr 26px;height:100vh;height:100dvh}.topbar{display:flex;align-items:center;gap:20px;padding:0 14px;background:var(--bg-panel);border-bottom:1px solid var(--border);min-width:0}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:22px;height:22px;border-radius:50%;border:2px solid var(--accent);position:relative;flex-shrink:0}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--warn)}.brand-mark:before{left:50%;top:-4px;bottom:-4px;width:1px;transform:translate(-50%)}.brand-mark:after{top:50%;left:-4px;right:-4px;height:1px;transform:translateY(-50%)}.brand-text h1{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em}.brand-text p{margin:0;font-size:11px;color:var(--text-faint)}.toolbar{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar-group{margin:0}.repo-link{color:var(--text-dim);text-decoration:none;font-size:12px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0}.repo-link:hover{color:var(--text);border-color:var(--border-strong)}.workspace{display:grid;grid-template-columns:1fr var(--sidebar-width);min-height:0}.viewport{position:relative;background:#000;min-width:0;min-height:0}.viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#overlay{pointer-events:auto;touch-action:none;cursor:crosshair}.sidebar{background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto;overscroll-behavior:contain}.sidebar::-webkit-scrollbar{width:9px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}.sidebar::-webkit-scrollbar-track{background:transparent}.panel{border-bottom:1px solid var(--border)}.panel-header{width:100%;display:flex;align-items:center;gap:7px;padding:11px 13px;background:none;border:0;color:var(--text);font:inherit;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left}.panel-header:hover{background:var(--bg-elevated)}.caret{color:var(--text-faint);font-size:10px;transition:transform .15s ease}.panel.collapsed .caret{transform:rotate(-90deg)}.panel.collapsed .panel-body{display:none}.panel-body{padding:2px 13px 15px;display:flex;flex-direction:column;gap:11px}.divider{border:0;border-top:1px solid var(--border);margin:3px 0;width:100%}.control{display:flex;flex-direction:column;gap:5px}.control-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.control-label{font-size:11px;color:var(--text-dim);letter-spacing:.02em}.control-value{font-family:var(--font-mono);font-size:11px;color:var(--text)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:var(--border-strong);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid var(--bg-panel)}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--accent);cursor:grab;border:2px solid var(--bg-panel)}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.select{width:100%;padding:6px 8px;background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;font-size:12px}.select:focus-visible,.btn:focus-visible,.segment:focus-visible,.panel-header:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{padding:6px 11px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--border);border-color:var(--accent-dim)}.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{background:var(--accent)}.btn.small{padding:4px 8px;font-size:11px}.btn.large{padding:10px 22px;font-size:14px}.row{display:flex;gap:7px;align-items:center}.row.wrap{flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;width:fit-content;max-width:100%}.segment{padding:5px 10px;background:var(--bg-input);color:var(--text-dim);border:0;border-right:1px solid var(--border-strong);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.segment:last-child{border-right:0}.segment:hover{background:var(--bg-elevated);color:var(--text)}.segment.active{background:var(--accent-dim);color:#fff}.toggle{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:30px;height:17px;border-radius:9px;background:var(--bg-input);border:1px solid var(--border-strong);position:relative;flex-shrink:0;transition:background .14s ease,border-color .14s ease}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--text-faint);transition:transform .14s ease,background .14s ease}.toggle input:checked+.toggle-track{background:var(--accent-dim);border-color:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(13px);background:#fff}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:1px}.toggle-label{font-size:12px}.hidden-input{display:none}.hint{margin:0;font-size:11px;line-height:1.45;color:var(--text-faint)}.histogram{width:100%;height:58px;display:block;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.info{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:11px}.info dt{color:var(--text-faint);white-space:nowrap}.info dd{margin:0;font-family:var(--font-mono);color:var(--text-dim);text-align:right;overflow-wrap:anywhere}.shortcuts dt{font-family:var(--font-mono);color:var(--text-dim)}.shortcuts dd{font-family:var(--font-ui);color:var(--text-faint);text-align:left}.structure-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.structure{display:grid;grid-template-columns:20px 12px 1fr auto;align-items:center;gap:8px;padding:5px 6px;border-radius:var(--radius);cursor:pointer}.structure:hover{background:var(--bg-elevated)}.structure.hidden-structure{opacity:.4}.eye{background:none;border:0;color:var(--text-dim);font-size:13px;cursor:pointer;padding:0;line-height:1}.eye:hover{color:var(--accent)}.swatch{width:11px;height:11px;border-radius:3px;border:1px solid rgba(255,255,255,.22)}.structure-main{display:flex;flex-direction:column;min-width:0}.structure-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.structure-status{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);min-width:18px;text-align:right}.structure-status.status-ready{color:var(--ok)}.structure-status.status-error{color:var(--danger)}.splash{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0e1725,#05080e);z-index:5}.splash[hidden]{display:none}.splash-card{max-width:460px;text-align:center;padding:30px}.splash-card h2{margin:0 0 12px;font-size:20px;font-weight:600}.splash-card p{margin:0 0 20px;color:var(--text-dim);line-height:1.6}.splash-hint{margin-top:16px!important;font-size:11px;color:var(--text-faint)}.progress{position:absolute;inset:0;display:grid;place-items:center;background:#05080ed1;z-index:6}.progress[hidden]{display:none}.progress-inner{width:min(340px,70%);text-align:center}.progress-stage{font-size:13px;margin-bottom:10px}.progress-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--accent);transition:width .2s ease}.progress-detail{margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);min-height:14px}.error-banner{position:absolute;left:50%;top:18px;transform:translate(-50%);max-width:min(620px,88%);padding:11px 16px;background:#2a1116;border:1px solid var(--danger);border-radius:var(--radius);color:#ffc9c9;font-size:12px;line-height:1.5;z-index:8}.error-banner[hidden]{display:none}.statusbar{display:flex;align-items:center;gap:12px;padding:0 13px;background:var(--bg-panel);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden}.spacer{flex:1}.status-right{color:var(--text-faint)}.drop-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#050a14cc;border:2px dashed var(--accent);z-index:50;pointer-events:none}.drop-overlay[hidden]{display:none}.drop-card{padding:22px 36px;background:var(--bg-panel);border:1px solid var(--accent);border-radius:10px;font-size:15px}@media (max-width: 900px){.workspace{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{border-left:0;border-top:1px solid var(--border);max-height:42vh}}@media (max-width: 1000px){.brand-text p{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}