:root{color-scheme:dark;--bg: #0b0d10;--bg2: #11151b;--text: #e5e7eb;--muted: #9aa3b2;--border: #23262d;--chip: #162032;--chip-border: #2a3240;--accent: #3b82f6;--accent-press: #1d4ed8;--error: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--bg2)}.brand{font-weight:700;letter-spacing:.2px}.spacer{flex:1}button{padding:.45rem .7rem;border:1px solid var(--border);background:#0e1319;color:var(--text);border-radius:.5rem;cursor:pointer}button:hover{border-color:var(--accent)}button:active{border-color:var(--accent-press)}button.danger{border-color:#3a1d1d;background:#180e0e}button.danger:hover{border-color:var(--error)}.content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,1fr) minmax(480px,1.2fr)}.left,.right{min-width:0;min-height:0;display:flex;flex-direction:column}.stack{display:grid;grid-template-rows:1fr 1fr;min-height:0}.panel{display:flex;flex-direction:column;min-height:0;height:100%}.toolbar,.tabsbar,.viewtabs{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:0;z-index:3}.section-title{font-weight:600;font-size:.95rem;opacity:.95}.actions{margin-left:auto;display:flex;gap:.5rem}.tabs{display:flex;gap:.35rem;overflow-x:auto}.tab{padding:.28rem .6rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;white-space:nowrap}.tab.active{background:var(--chip);border-color:var(--chip-border)}.editor-wrap{flex:1;min-height:0}.panes ::-webkit-scrollbar{height:10px;width:10px}.panes ::-webkit-scrollbar-thumb{background:#1f2633;border-radius:8px;border:2px solid #0f1218}.error{color:var(--error);font-size:.85rem;padding:.3rem .6rem}.viewtab{padding:.28rem .6rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.viewtab.active{background:var(--chip);border-color:var(--chip-border)}.select{background:#0c1117;color:var(--text);border:1px solid var(--border);border-radius:.4rem;padding:.25rem .4rem}.small{font-size:.85rem;opacity:.9}