:root{--bg:#f4f8ff;--panel:#ffffffe0;--field:#f8fbffeb;--button:#fffffff7;--border:#2a62b829;--text:#12233d;--heading:#08162b;--muted:#55709a;--accent:#2f6fe4;--shadow:0 18px 40px #1f519f24;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI Variable,Segoe UI,sans-serif;font-weight:450;line-height:1.5}:root[data-theme=dark]{--bg:#0e0f11;--panel:#181a1deb;--field:#1f2125f5;--button:#232529fa;--border:#dfdfdf1f;--text:#f2f3f5;--heading:#fff;--muted:#b4b9c1;--accent:#9db0c8;--shadow:0 22px 45px #0000006b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}.app-shell{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--panel) 78%, transparent), transparent 34%), var(--bg);grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:color-mix(in srgb, var(--bg) 90%, transparent);justify-content:space-between;gap:1rem;padding:1rem 1.4rem;display:flex;position:sticky;top:0}.brand{gap:.3rem;display:grid}.brand-mark{letter-spacing:.08em;text-transform:uppercase;color:var(--heading);font-size:1.6rem;font-weight:800}.brand p,.muted,.status-line{color:var(--muted)}.toolbar,.sidebar-actions,.split-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.language-toggle{border:1px solid var(--border);background:var(--field);border-radius:999px;padding:.18rem;display:inline-flex}.language-toggle button,.kind-toggle button,.icon-button{min-width:2.9rem}.icon-button svg,.kind-icon svg,.kind-toggle svg,.action-button svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.language-toggle button{background:0 0;border:0;border-radius:999px;padding-inline:.9rem}.language-toggle button.is-active,.kind-toggle button.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--button));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--heading)}.icon-button{place-items:center;padding-inline:.75rem;font-size:1.05rem;display:inline-grid}.workspace{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;padding:1rem;display:grid}.sidebar,.editor-pane{align-content:start;gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.sidebar .panel,.editor-card,.help-card{padding:1rem}.filter-grid,.editor-header{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}label,.kind-toggle-group,.scene-size-editor,.editor-body{gap:.4rem;display:grid}label>span,.kind-toggle-group>span,.scene-size-editor>span,.editor-body>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:12px;padding:.8rem .9rem}button{border:1px solid var(--border);background:var(--button);color:var(--text);cursor:pointer;border-radius:999px;padding:.7rem 1rem;transition:transform .14s,border-color .14s,background .14s}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 60%, var(--border));transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}.chunk-list{gap:.45rem;max-height:calc(100vh - 14rem);padding:.4rem;display:grid;overflow:auto}.chunk-row{text-align:left;background:0 0;border-radius:16px;grid-template-columns:auto auto 1fr;align-items:center;gap:.7rem;width:100%;padding:.85rem .9rem;display:grid}.chunk-row.is-selected{background:color-mix(in srgb, var(--accent) 12%, var(--field));border-color:color-mix(in srgb, var(--accent) 48%, var(--border))}.drag-handle{color:var(--muted);font-size:.9rem}.kind-icon{border:1px solid var(--border);background:var(--field);border-radius:999px;place-items:center;block-size:2rem;inline-size:2rem;display:inline-grid}.kind-text{color:#1551c9}.kind-scene{color:#39505c}.chunk-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-card{gap:1rem;display:grid}.kind-toggle{gap:.45rem;display:inline-flex}.kind-toggle button{place-items:center;padding-inline:.9rem;font-size:1rem;display:inline-grid}.scene-size-grid{grid-template-columns:repeat(2,minmax(0,12rem));gap:.75rem;display:grid}.editor-frame{border:1px solid var(--border);background:var(--field);border-radius:16px;grid-template-columns:4.25rem 1fr;display:grid;overflow:hidden}.editor-gutter{background:color-mix(in srgb, var(--panel) 86%, var(--field));border-right:1px solid var(--border);align-content:start;max-height:50vh;display:grid;overflow:hidden}.gutter-line{min-height:2.44rem;color:var(--muted);background:0 0;border:0;border-bottom:1px dashed #0000;border-radius:0;grid-template-columns:.8rem 1fr;align-items:center;gap:.5rem;padding:0 .7rem;display:grid}.gutter-line:disabled{opacity:1;cursor:default}.gutter-line.has-marker{color:#bf1e2e;background:#bf1e2e0f;border-bottom-color:#bf1e2e8c}.gutter-dot{background:0 0;border:2px solid #0000;border-radius:50%;block-size:.55rem;inline-size:.55rem}.gutter-line.has-marker .gutter-dot{background:#d42035;border-color:#d4203533}.gutter-number{font-family:var(--mono);text-align:left;font-size:.83rem}.editor-frame textarea{resize:none;min-height:50vh;max-height:50vh;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:break-word;border:0;border-radius:0;line-height:1.55;overflow:auto}.action-button{border-radius:14px;align-items:center;gap:.55rem;display:inline-flex}.help-card h2{margin-top:0}.help-card ul{gap:.45rem;margin:0;padding-left:1rem;display:grid}kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--field);border-radius:8px;padding:.15rem .4rem;font-size:.86rem}.status-line{margin-top:1rem}.download-row{margin-top:.75rem}.download-row a{color:var(--accent);font-weight:600;text-decoration:none}.debug-log{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.debug-log h3{margin:0 0 .55rem;font-size:.9rem}.debug-log ul{max-height:10rem;color:var(--muted);font-family:var(--mono);gap:.3rem;margin:0;padding-left:1rem;font-size:.78rem;display:grid;overflow:auto}.empty-state{text-align:center;padding:1rem}.context-menu{z-index:20;background:var(--panel);border:1px solid var(--border);width:200px;box-shadow:var(--shadow);border-radius:16px;gap:.35rem;padding:.5rem;display:grid;position:fixed}.context-menu button{text-align:left;border-radius:12px;justify-content:flex-start;width:100%}@media (width<=960px){.topbar,.workspace,.filter-grid,.editor-header{grid-template-columns:1fr}.topbar{display:grid;position:static}.workspace{padding:.75rem}.chunk-list{max-height:none}.editor-frame{grid-template-columns:3.4rem 1fr}}