*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-elevated:#fff;--border:#d0d7de;--text-primary:#1f2328;--text-secondary:#57606a;--text-muted:#8c959f;--accent:#1f6feb;--accent-dim:#0969da;--danger:#cf222e;--warning:#bf8700;--ok:#1a7f37;--toolbar-h:48px;--statusbar-h:32px;--sidebar-w:300px;--radius:6px;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}#app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--toolbar-h) 1fr var(--statusbar-h);grid-template-areas:"toolbar toolbar""sidebar container""status status";width:100vw;height:100vh;display:grid}#toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;grid-area:toolbar;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.toolbar-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.toolbar-brand svg{color:var(--accent)}.toolbar-actions{align-items:center;gap:6px;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.icon-btn svg{width:16px;height:16px}#sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;transition:margin-left .25s;display:flex;overflow-y:auto}#sidebar.collapsed{margin-left:calc(-1 * var(--sidebar-w))}.side-block{border-bottom:1px solid var(--border);padding:14px 16px}.side-block h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:600}.views-controls{flex-direction:column;gap:10px;display:flex}.btn.full{justify-content:center;width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.views-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.view-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding:8px 10px;font-size:12px;transition:all .15s;display:grid}.view-item:hover{border-color:var(--accent)}.view-item.active{border-color:var(--accent);background:#ddf4ff}.view-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);overflow:hidden}.view-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.view-icon:hover{color:var(--accent);background:var(--bg-secondary)}.view-icon svg{width:14px;height:14px}#sidebar.in-plan .side-block h3{color:var(--accent)}.levels-list{flex-direction:column;gap:4px;display:flex}.level-item{text-align:left;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:12px;font-family:var(--font-sans);padding:8px 10px;transition:all .15s}.level-item:hover{background:var(--accent);color:#fff;border-color:var(--accent-dim)}.budget-box{flex-direction:column;gap:8px;font-size:12px;display:flex}.budget-row{color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.budget-row b{color:var(--text-primary);font-weight:600;font-family:var(--font-mono)}.budget-row b.ok{color:var(--ok)}.budget-row b.hi{color:var(--warning);font-size:13px}.budget-row b.danger{color:var(--danger);font-size:13px}.layers-list{flex-direction:column;gap:4px;display:flex}.layer-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;grid-template-columns:auto 14px 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.layer-item:hover{border-color:var(--accent)}.layer-item input{accent-color:var(--accent);cursor:pointer}.layer-swatch{border:1px solid var(--border);border-radius:3px;width:14px;height:14px}.layer-name{color:var(--text-primary)}.budget-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;height:6px;overflow:hidden}.budget-bar>div{background:linear-gradient(90deg, var(--accent-dim), var(--accent));height:100%;transition:width .4s}.muted{color:var(--text-muted)}.small{font-size:11px;line-height:1.5}code{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:11px}.inv-list{flex-direction:column;gap:4px;max-height:320px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.inv-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.inv-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.inv-amt{color:var(--text-secondary);font-family:var(--font-mono)}.inv-pct{color:var(--accent);font-weight:600;font-family:var(--font-mono);text-align:right;min-width:42px}.btn{font-size:12px;font-weight:500;font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.btn.active,.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-dim)}.btn.primary:hover{background:var(--accent-dim)}.btn.danger:hover{border-color:var(--danger);color:var(--danger);background:#ffebe9}.btn svg{flex-shrink:0;width:14px;height:14px}.btn-divider{background:var(--border);width:1px;height:24px;margin:0 4px}#container{background:var(--bg-primary);grid-area:container;position:relative;overflow:hidden}#container canvas{outline:none}#statusbar{background:var(--bg-secondary);border-top:1px solid var(--border);font-size:11px;font-family:var(--font-mono);color:var(--text-muted);z-index:100;grid-area:status;justify-content:space-between;align-items:center;padding:0 16px;display:flex}#status-msg{align-items:center;gap:8px;display:flex}#status-msg:before{content:"";background:var(--warning);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse}#status-msg.ready:before{background:var(--ok);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#loading-overlay{z-index:50;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .4s;display:flex;position:absolute;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.loader-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loader-text{font-size:13px;font-family:var(--font-mono);color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){#app{grid-template-columns:1fr;grid-template-areas:"toolbar""container""status"}#sidebar{top:var(--toolbar-h);bottom:var(--statusbar-h);width:var(--sidebar-w);z-index:90;position:absolute;left:0;box-shadow:2px 0 8px #00000014}.toolbar-brand span,.btn span{display:none}.btn{padding:6px 8px}}