:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e5e7eb;background:radial-gradient(circle at top,rgba(245,158,11,.16),transparent 30%),linear-gradient(180deg,#07111f,#101826 42%,#18212f);line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-main: #e5e7eb;--text-soft: rgba(229, 231, 235, .76);--panel-bg: rgba(8, 15, 26, .78);--surface-bg: rgba(15, 23, 42, .72);--field-bg: rgba(15, 23, 42, .78);--field-border: rgba(148, 163, 184, .2);--accent: #f59e0b;--accent-strong: #111827;--button-text: #f8fafc;--preview-bg: radial-gradient(circle at top right, rgba(16, 185, 129, .18), transparent 30%), linear-gradient(180deg, rgba(30, 41, 59, .95), rgba(15, 23, 42, .95))}:root[data-theme=light]{color:#0f172a;background:radial-gradient(circle at top,rgba(245,158,11,.1),transparent 28%),linear-gradient(180deg,#fff,#f8fafc 42%,#e5eef7);color-scheme:light;--text-main: #0f172a;--text-soft: rgba(15, 23, 42, .72);--panel-bg: #ffffff;--surface-bg: #f8fafc;--field-bg: #ffffff;--field-border: rgba(148, 163, 184, .42);--accent: #d97706;--accent-strong: #ffffff;--button-text: #0f172a;--preview-bg: radial-gradient(circle at top right, rgba(16, 185, 129, .08), transparent 30%), linear-gradient(180deg, #ffffff, #f1f5f9)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}#root{min-height:100vh}.app-shell{width:min(1440px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem}.top-nav-links{display:flex;gap:.75rem}.nav-button{padding:.7rem 1rem;border-radius:999px;color:var(--text-main);background:var(--surface-bg);cursor:pointer}.nav-button.active{color:var(--accent-strong);background:var(--accent)}.theme-toggle{justify-content:flex-end}.theme-toggle.icon-only{gap:0}.hero{display:grid;gap:1rem;align-items:end;margin-bottom:1.5rem}.hero h3,.panel-header h2{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hero h3{max-width:12ch;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.05}.hero-copy{max-width:45rem;margin:0;color:var(--text-soft);font-size:1.05rem}.eyebrow,.panel-kicker{margin:0 0 .45rem;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.workspace{display:grid;gap:1.25rem;min-width:0}.panel-shell{display:grid;gap:1rem;min-width:0;padding:1.2rem;border:1px solid color-mix(in srgb,var(--field-border) 75%,transparent);border-radius:28px;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 60px #0206174d}.panel-header{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.field{display:grid;gap:.5rem}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;border-radius:18px;color:var(--text-main);background:var(--surface-bg)}.toggle-button{min-width:72px;padding:.55rem .9rem;border-radius:999px;color:var(--text-main);background:var(--field-bg);cursor:pointer}.toggle-button.active{color:var(--accent-strong);background:var(--accent)}.ios-toggle{display:inline-flex;align-items:center;gap:.75rem;padding:0;color:var(--text-main);background:transparent;cursor:pointer}.ios-toggle-track{position:relative;display:inline-flex;align-items:center;width:3.3rem;height:2rem;padding:.15rem;border-radius:999px;background:#94a3b866;transition:background .14s ease}.ios-toggle.active .ios-toggle-track{background:var(--accent)}.ios-toggle-knob{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0f172a40;transform:translate(0);transition:transform .14s ease;color:#f59e0b;font-size:.85rem}.ios-toggle.active .ios-toggle-knob{transform:translate(1.25rem)}.ios-toggle-label{font-size:.95rem;font-weight:600}.template-shell{display:grid;gap:.7rem}.library-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1rem;border-radius:20px;background:var(--surface-bg)}.template-select-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.template-select{flex:1 1 260px;min-width:0;padding:.95rem 1rem;border:1px solid var(--field-border);border-radius:18px;color:var(--text-main);background:var(--field-bg)}.template-select:focus{outline:2px solid rgba(245,158,11,.6);outline-offset:1px}.template-description{margin:0;padding:.9rem 1rem;border-radius:18px;color:var(--text-soft);background:var(--surface-bg)}.library-cta .template-description{padding:0;background:transparent}.template-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.template-card h3,.template-card p{margin:0}.template-card p{margin-top:.35rem;max-width:40rem;color:var(--text-soft)}.field span{color:var(--text-main);font-size:.9rem;font-weight:600}.field input{width:100%;padding:.9rem 1rem;border:1px solid var(--field-border);border-radius:18px;color:var(--text-main);background:var(--field-bg)}.field input:focus{outline:2px solid rgba(245,158,11,.6);outline-offset:1px}.code-field-shell{min-width:0;overflow:hidden;border:1px solid var(--field-border);border-radius:18px;background:var(--field-bg)}.code-field-shell:focus-within{outline:2px solid rgba(245,158,11,.6);outline-offset:1px}.monaco-shell{min-width:0;overflow:hidden;border-radius:18px}.monaco-shell .monaco-editor,.monaco-shell .overflow-guard{border-radius:18px}.monaco-shell .monaco-editor,.monaco-shell .monaco-editor .margin,.monaco-shell .monaco-editor .monaco-editor-background,.monaco-shell .monaco-editor .inputarea,.monaco-shell .monaco-editor .view-lines,.monaco-shell .monaco-editor .view-line,.monaco-shell .monaco-editor .lines-content,.monaco-shell .monaco-editor textarea{font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace!important;font-size:14px!important;line-height:22px!important;letter-spacing:0!important;font-variant:normal!important;font-variant-numeric:normal!important;font-variant-ligatures:none!important;font-feature-settings:"tnum" 0,"lnum" 0,"liga" 0,"calt" 0!important;font-kerning:none!important;text-rendering:auto!important;-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important}.ghost-button{padding:.75rem 1rem;border-radius:999px;color:var(--button-text);background:color-mix(in srgb,var(--accent) 18%,transparent);cursor:pointer}.ghost-button:disabled{opacity:.55;cursor:wait}.preview-card,.player-shell,.export-shell{display:grid;gap:.9rem;min-width:0;padding:1rem;border-radius:22px;background:var(--surface-bg)}.preview-stage,.player-preview{min-height:280px;min-width:0;padding:1rem;overflow:auto;border-radius:18px;background:var(--preview-bg)}.preview-stage>*{max-width:100%}.preview-stage button,.template-preview-canvas button{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;will-change:transform}.preview-stage button:active,.template-preview-canvas button:active{transform:translateY(2px) scale(.985);filter:brightness(.97)}.preview-stage [class*=neubrutal] button:active,.template-preview-canvas [class*=neubrutal] button:active{transform:translate(4px,4px) scale(.985)}.player-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.error-box{padding:.8rem .9rem;border-radius:14px;color:#fecaca;background:#7f1d1d80;white-space:pre-wrap}:root[data-theme=light] .panel-shell,:root[data-theme=light] .wiki-sidebar,:root[data-theme=light] .wiki-viewer{box-shadow:0 20px 48px #94a3b829}:root[data-theme=light] .nav-button,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .template-description,:root[data-theme=light] .preview-card,:root[data-theme=light] .export-shell,:root[data-theme=light] .toggle-row,:root[data-theme=light] .wiki-topic-button,:root[data-theme=light] .wiki-detail-card,:root[data-theme=light] .ghost-button{box-shadow:inset 0 0 0 1px #94a3b829}:root[data-theme=light] .monaco-shell .monaco-editor,:root[data-theme=light] .monaco-shell .monaco-editor-background{background:#fff!important}:root[data-theme=light] .library-card,:root[data-theme=light] .template-preview-canvas,:root[data-theme=light] .library-search,:root[data-theme=light] .template-select{color:#0f172a}:root[data-theme=light] .library-card{background:#fff;box-shadow:0 20px 48px #94a3b829}:root[data-theme=light] .template-preview-canvas{background:radial-gradient(circle at top right,rgba(16,185,129,.06),transparent 28%),linear-gradient(180deg,#fff,#f1f5f9)}:root[data-theme=light] .preview-stage:has([class*=glass-]),:root[data-theme=light] .template-preview-canvas:has([class*=glass-]){background:radial-gradient(circle at top,rgba(34,211,238,.18),transparent 26%),linear-gradient(180deg,#102033,#15283d 42%,#1d3146)}:root[data-theme=light] .library-card-body h2,:root[data-theme=light] .library-card-body .panel-kicker,:root[data-theme=light] .library-card-body p:first-of-type{color:#0f172a}:root[data-theme=light] .library-card-body p:last-child{color:#0f172ab8}:root[data-theme=light] .preview-stage .material-table-template,:root[data-theme=light] .template-preview-canvas .material-table-template,:root[data-theme=light] .preview-stage .material-table-template button,:root[data-theme=light] .template-preview-canvas .material-table-template button{color:#0f172a!important}:root[data-theme=light] .preview-stage .material-table-template button.active,:root[data-theme=light] .template-preview-canvas .material-table-template button.active{color:#0f172a!important}:root[data-theme=dark] .library-card,:root[data-theme=dark] .template-preview-canvas{color:#e5e7eb}:root[data-theme=dark] .preview-stage .material-field-template span,:root[data-theme=dark] .preview-stage .material-field-template small,:root[data-theme=dark] .template-preview-canvas .material-field-template span,:root[data-theme=dark] .template-preview-canvas .material-field-template small{color:#f8fafc!important}:root[data-theme=dark] .preview-stage .material-actions-template button.outlined,:root[data-theme=dark] .template-preview-canvas .material-actions-template button.outlined{color:#f8fafc!important;box-shadow:inset 0 0 0 1px #f8fafc52!important}:root[data-theme=dark] .preview-stage .material-table-template,:root[data-theme=dark] .template-preview-canvas .material-table-template,:root[data-theme=dark] .preview-stage .material-table-template button,:root[data-theme=dark] .template-preview-canvas .material-table-template button{color:#f8fafc!important}:root[data-theme=dark] .preview-stage .material-table-template button.active,:root[data-theme=dark] .template-preview-canvas .material-table-template button.active{color:#f8fafc!important}.preview-placeholder{display:grid;place-items:center;color:var(--text-soft)}.export-shell pre{margin:0;overflow:auto;color:#cbd5e1;white-space:pre-wrap}.export-note{margin:0;color:var(--text-soft);font-size:.92rem}.wiki-page{display:grid;gap:1.5rem}.library-page{display:grid;gap:1.25rem}.library-header{display:grid;gap:1rem}.library-header h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2rem,5vw,3.6rem);line-height:.96}.library-toolbar{display:grid;gap:1rem}.library-toolbar-top{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.library-search{width:min(520px,100%);padding:.95rem 1rem;border:1px solid var(--field-border);border-radius:18px;color:var(--text-main);background:var(--field-bg)}.style-select{width:min(240px,100%);flex:0 0 240px}.library-filters{display:flex;flex-wrap:wrap;gap:.75rem}.library-grid{display:grid;gap:1rem}.library-card{display:grid;gap:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--field-border) 75%,transparent);border-radius:24px;color:var(--text-main);background:var(--panel-bg)}.library-card-body h2,.library-card-body p{margin:0}.library-card-body p:last-child{color:var(--text-soft)}.template-style-tag{display:inline-flex;width:fit-content;margin:.35rem 0 .5rem!important;padding:.3rem .55rem;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:.78rem;font-weight:700;letter-spacing:.04em}.template-preview-live{display:grid;gap:.5rem}.template-preview-canvas{min-height:220px;padding:.8rem;overflow:auto;border-radius:20px;color:var(--text-main);background:var(--preview-bg)}.template-preview-canvas>*{max-width:100%}.template-preview-canvas p:not([style]),.template-preview-canvas span:not([style]),.template-preview-canvas small:not([style]),.template-preview-canvas strong:not([style]),.template-preview-canvas label:not([style]),.template-preview-canvas li:not([style]),.template-preview-canvas a:not([style]){color:inherit}.template-preview-error{padding:.75rem .85rem;border-radius:14px;color:#fecaca;background:#7f1d1d73;white-space:pre-wrap}.wiki-page-header{display:grid;gap:1rem}.wiki-page-header h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2rem,5vw,3.6rem);line-height:.96}.wiki-layout{display:grid;gap:1rem}.wiki-sidebar,.wiki-viewer{min-width:0;padding:1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:var(--panel-bg)}.wiki-topic-list,.wiki-viewer-body{display:grid;gap:.85rem}.wiki-topic-button{display:grid;gap:.35rem;padding:1rem;border-radius:18px;color:var(--text-main);text-align:left;background:var(--surface-bg);cursor:pointer}.wiki-topic-button span,.wiki-viewer-header p{color:var(--text-soft)}.wiki-topic-button.active{background:color-mix(in srgb,var(--accent) 20%,var(--surface-bg));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.wiki-viewer{display:grid;gap:1rem}.wiki-viewer-header{display:grid;gap:.45rem}.wiki-viewer-header h2{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem)}.markdown-body{color:var(--text-main)}.markdown-body>*:first-child{margin-top:0}.markdown-body h2,.markdown-body h3,.markdown-body p,.markdown-body ul,.markdown-body pre{margin:0 0 1rem}.markdown-body ul{padding-left:1.25rem}.markdown-body li{margin-bottom:.35rem}.markdown-body code{padding:.15rem .35rem;border-radius:8px;background:color-mix(in srgb,var(--surface-bg) 86%,transparent);font-family:Menlo,Monaco,Consolas,Liberation Mono,monospace}.markdown-body pre{padding:1rem;overflow:auto;border-radius:16px;background:color-mix(in srgb,var(--surface-bg) 92%,black 8%)}.markdown-body pre code{padding:0;background:transparent}@media(min-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.wiki-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}.panel-shell{position:sticky;top:1rem}.workspace .panel-shell:last-child{position:static}}@media(max-width:720px){.app-shell{width:min(100% - 1rem,1440px);padding-top:1rem}.panel-shell,.preview-card,.export-shell{padding:.9rem;border-radius:20px}.preview-stage,.player-preview{padding:.8rem}.top-nav,.top-nav-links{flex-wrap:wrap}.library-cta{grid-template-columns:1fr}.wiki-sidebar,.wiki-viewer{padding:.95rem;border-radius:20px}}