:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #050607;--panel: #0d1117;--panel-strong: #0b0d10;--panel-muted: #090c10;--ink: #e6edf3;--muted: #8b949e;--stroke: #21262d;--stroke-strong: #30363d;--terracotta: #f97583;--sage: #7ee787;--gold: #e3b341}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{height:100vh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:56px;padding:.75rem 1rem;border-bottom:1px solid var(--stroke);background:#000}.topbar__brand{display:flex;gap:.8rem;align-items:center;min-width:0}.topbar__title{margin:0;font-size:1.2rem;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase}.topbar__toggle{width:2.25rem;height:2.25rem;display:inline-grid;gap:.22rem;align-content:center;justify-items:center;padding:0;border:1px solid var(--stroke);background:var(--panel);cursor:pointer}.topbar__toggle span{width:1rem;height:2px;background:var(--ink)}.topbar__languages{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.language-toggle,.workspace__tab,.project-item{transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.language-toggle,.workspace__tab{padding:.45rem .75rem;border:1px solid var(--stroke);background:var(--panel-muted);cursor:pointer}.language-toggle[data-active=true]{background:#121820;border-color:var(--stroke-strong)}.language-toggle[data-active=true][data-accent=terracotta]{border-color:#a54b2a6b;color:var(--terracotta)}.language-toggle[data-active=true][data-accent=sage]{border-color:#2f6a576b;color:var(--sage)}.language-toggle[data-active=true][data-accent=gold]{border-color:#8a6b116b;color:var(--gold)}.workspace-shell{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.app-shell[data-sidebar-collapsed=true] .workspace-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:.9rem;padding:.75rem;border-right:1px solid var(--stroke);background:#050607;overflow:hidden}.sidebar__header{padding:.7rem .75rem;border:1px solid var(--stroke);background:var(--panel)}.sidebar__eyebrow{margin:0;color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.73rem;letter-spacing:.14em;text-transform:uppercase}.sidebar__projects{display:grid;align-content:start;gap:.75rem}.project-item{width:100%;display:flex;gap:.85rem;align-items:flex-start;padding:.75rem;border:1px solid var(--stroke);background:var(--panel-muted);cursor:pointer;text-align:left}.project-item[data-active=true]{border-color:var(--stroke-strong);background:#0f141b}.project-item__short{min-width:2.8rem;display:inline-flex;justify-content:center;padding:.28rem .5rem;border:1px solid var(--stroke);background:#0b0f14;color:var(--ink);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.8rem}.project-item__copy{display:grid;gap:.18rem;min-width:0}.project-item__label{font-size:.92rem;line-height:1.35}.app-shell[data-sidebar-collapsed=true] .sidebar__header{padding-inline:.4rem;display:grid;place-items:center}.app-shell[data-sidebar-collapsed=true] .sidebar__eyebrow{writing-mode:vertical-rl;letter-spacing:.18em}.app-shell[data-sidebar-collapsed=true] .project-item{justify-content:center;padding:.75rem .4rem}.app-shell[data-sidebar-collapsed=true] .project-item__short{min-width:auto}.workspace{min-width:0;min-height:0;padding:.75rem;overflow:hidden}.workspace__grid{min-width:0;min-height:0;height:100%;display:grid;gap:.75rem;overflow:hidden}.workspace__grid[data-count="1"]{grid-template-columns:1fr}.workspace__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace__empty{display:grid;place-items:center;gap:.2rem;padding:2rem 1rem;border:1px solid var(--stroke);background:var(--panel);text-align:center}.workspace__empty p{margin:0;color:var(--muted)}.code-panel{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--stroke);background:var(--panel);overflow:hidden}.code-panel[data-accent=terracotta]{border-top:2px solid var(--terracotta)}.code-panel[data-accent=sage]{border-top:2px solid var(--sage)}.code-panel[data-accent=gold]{border-top:2px solid var(--gold)}.code-panel__header{min-height:34px;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.45rem .65rem;border-bottom:1px solid var(--stroke);background:#090c10;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.code-panel__filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-panel__language{color:var(--muted);white-space:nowrap}.code-panel__frame{min-height:0;height:100%;overflow:hidden;background:var(--panel-strong)}.code-panel__frame .monaco-editor,.code-panel__frame .monaco-editor-background,.code-panel__frame .margin,.code-panel__frame .monaco-editor .sticky-widget{background-color:var(--panel-strong)!important}.code-panel__editor-loading{display:grid;place-items:center;min-height:0;height:100%;padding:1.15rem 1.2rem;color:var(--muted);background:var(--panel-strong)}.code-panel__editor-loading span{text-align:center}@media (max-width: 900px){.workspace-shell,.app-shell[data-sidebar-collapsed=true] .workspace-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--stroke)}.app-shell[data-sidebar-collapsed=true] .sidebar{padding:.8rem 1rem}.app-shell[data-sidebar-collapsed=true] .sidebar__header,.app-shell[data-sidebar-collapsed=true] .project-item{justify-content:flex-start;padding-inline:.85rem}.app-shell[data-sidebar-collapsed=true] .sidebar__eyebrow{writing-mode:initial}}@media (max-width: 720px){.topbar,.workspace,.sidebar{padding:.75rem}.topbar{align-items:flex-start;flex-direction:column}.topbar__languages{width:100%;justify-content:flex-start}.language-toggle,.workspace__grid{width:100%}.workspace__grid{grid-template-columns:1fr!important}}