@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-block-size:100dvb}button{font:inherit}pre,code{font-family:inherit}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--gray-950:#0a0a0a;--blue-500:#3b82f6;--blue-600:#2563eb;--green-500:#22c55e;--amber-500:#f59e0b;--red-500:#ef4444;--font-sans:"SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:1fr;--nav-height:44px;--header-height:44px;--radius-sm:4px;--radius-md:6px;--surface-bg:var(--gray-700);--surface-sidebar:var(--gray-900);--surface-header:var(--gray-900);--surface-preview:var(--gray-950);--surface-card:var(--gray-800);--surface-hover:var(--gray-700);--text-primary:var(--gray-100);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--border-color:var(--gray-700);--border-subtle:var(--gray-800);--accent:var(--blue-500);--accent-hover:var(--blue-600);--scrollbar-thumb:var(--gray-600);--scrollbar-track:transparent}body{background:var(--surface-bg);color:var(--text-primary);font-family:var(--font-ui);font-size:clamp(.8125rem,.75rem + .25vw,.875rem);line-height:1.5}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{inline-size:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}@media (pointer:coarse){::-webkit-scrollbar{inline-size:4px}}}@layer layout{#app{grid-template-rows:var(--header-height) 1fr;block-size:100dvb;display:grid}.app-header{background:var(--surface-header);border-block-end:1px solid var(--border-color);align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.app-header__title{font-family:var(--font-sans);letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.app-header__subtitle{color:var(--text-muted);margin-inline-start:auto;font-size:.75rem}.app-body{grid-template-columns:var(--sidebar-width) 1fr;display:grid;overflow:hidden}.app-sidebar{background:var(--surface-sidebar);border-inline-end:1px solid var(--border-color);overflow-y:auto}.app-preview{background:var(--surface-preview);padding:1.5rem;overflow-y:auto}}@layer components;@layer utilities{.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}}.app-body>nav{grid-area:nav}.app-body>nav:nth-child(2){grid-area:subnav}.app-body>aside{grid-area:aside;padding:10px}.app-body>main{grid-area:main}.app-header.svelte-12qhfyh{background:var(--surface-header);border-block-end:1px solid var(--border-color);grid-column:1/-1;align-items:center;gap:.75rem;padding-inline:1rem;display:flex}.app-header__title.svelte-12qhfyh{font-family:var(--font-sans);letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.app-header__subtitle.svelte-12qhfyh{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-sans)}.app-header__reset.svelte-12qhfyh{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;margin-inline-start:auto;padding:.25rem .625rem;font-size:.6875rem}.app-header__reset.svelte-12qhfyh:hover{border-color:var(--red-500);color:var(--red-500)}.app-body.svelte-12qhfyh{grid-template-columns:var(--sidebar-width) 2fr;grid-template-rows:repeat(2, var(--nav-height)) 1fr;grid-template-areas:"nav main""subnav main""aside main";display:grid}nav.svelte-12qhfyh{block-size:100%;padding:.5rem;display:flex}.sidebar__link.svelte-12qhfyh{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem;font-size:.8125rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link.svelte-12qhfyh:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar__link--active.svelte-12qhfyh{background:var(--surface-hover);color:var(--accent);font-weight:500}
