:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf9;--panel:#fff;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--accent:#b45309;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1917;--panel:#292524;--text:#f5f5f4;--muted:#a8a29e;--border:#44403c;--accent:#fbbf24}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 var(--sans);flex-direction:column;display:flex}header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;padding:.75rem 1rem;display:flex}h1{margin:0;font-size:1.25rem}h1 span{color:var(--accent);font-weight:400}.tagline{color:var(--muted);margin:0}nav{align-items:baseline;gap:1rem;margin-left:auto;display:flex}#versions{color:var(--muted);font-size:.85rem}a{color:var(--accent)}button{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;padding:.25rem .75rem}main{flex:1;min-height:0;display:flex}aside{border-right:1px solid var(--border);flex:0 0 15rem;padding:.75rem 1rem;overflow-y:auto}aside section+section{margin-top:1rem}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.75rem;font-weight:600}aside label{font-family:var(--mono);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.8rem;display:flex}aside select,aside input[type=number]{max-width:8.5rem;font:inherit}aside input[type=number]{width:4.5rem}aside .toggle{font-family:var(--sans);justify-content:flex-start;margin-bottom:.75rem;font-size:.85rem}#panes{flex:1;min-width:0;display:flex}.pane{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.pane[hidden]{display:none}.pane h2{border-bottom:1px solid var(--border);margin:0;padding:.5rem .75rem}.editor{background:var(--panel);flex:1;min-height:0}@media (width<=900px){main,#panes{flex-direction:column}aside{border-right:none;border-bottom:1px solid var(--border);flex:none;max-height:40vh}.pane{border-right:none;border-bottom:1px solid var(--border);min-height:50vh}}