:root{--brand-accent:#2b6cff;--brand-accent-dark:#4d86ff;--brand-accent-hover:#1f5ae0;--brand-accent-subtle:color-mix(in srgb,#2b6cff 14%,transparent);--brand-ui-active:#8a8a8a;--brand-ui-active-ink:#151515;--brand-ui-active-dark:#b6b6b6;--brand-ui-active-ink-dark:#17171a;--brand-radius-sm:6px;--brand-radius-md:12px;--brand-radius-lg:16px;--brand-radius-control:10px;--brand-radius-rail:8px;--brand-radius-pill:999px;--brand-space-1:4px;--brand-space-2:8px;--brand-space-3:12px;--brand-space-4:16px;--brand-space-5:20px;--brand-space-6:24px;--brand-glass-bg:#eceef1;--brand-glass-bg-dark:#222228;--brand-glass-blur:none;--brand-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,"Cascadia Code","Roboto Mono",monospace;--page-gutter:50px;--sidebar-item-gutter:10px;--sidebar-item-padding-x:14px;--sidebar-active-shadow:0 1px 3px rgba(16,16,20,0.10);--pill-top:12px;--pill-max:980px;--pill-centre:50%;--app-mobile-topbar-h:calc(58px + env(safe-area-inset-top, 0px));--fs-2xs:0.625rem;--fs-xs:0.6875rem;--fs-sm:0.75rem;--fs-sm-plus:0.78125rem;--fs-base:0.8125rem;--fs-md:0.875rem;--fs-lg:0.9375rem;--fs-xl:1rem;--fs-2xl:1.0625rem;--page-pill-pad-y:8px;--page-pill-pad-x:22px;--page-pill-control-h:24px;--fw-normal:400;--fw-medium:400;--fw-semibold:400;--fw-bold:400;--accent:#571aff;--radius-sm:var(--brand-radius-sm,6px);--radius-md:var(--brand-radius-md,12px);--radius-lg:var(--brand-radius-lg,16px);--radius-pill:var(--brand-radius-pill,999px);--bg-primary:#ffffff;--bg-secondary:#f2f2f2;--bg-subtle:var(--bg-secondary);--bg-elevated:var(--bg-primary);--modal-scrim:rgba(18,18,24,0.22);--modal-blur:var(--glass-blur);--modal-surface:var(--bg-elevated);--modal-radius:var(--radius-lg);--modal-border:none;--modal-shadow:0 24px 60px rgba(0,0,0,0.18);--bg-hover:color-mix(in srgb,var(--text-primary,#111) 6%,var(--bg-primary,#fff));--bg-card:var(--bg-primary,#fff);--border:#bfbfbf;--border-subtle:color-mix(in srgb,var(--text-primary,#111) 7%,transparent);--tile-border-width:0;--grid-gap:7px;--radius:var(--radius-md,10px);--shadow-md:0 6px 20px rgba(0,0,0,0.10),0 2px 6px rgba(0,0,0,0.06);--focus-ring:0 0 0 3px color-mix(in srgb,var(--accent,#e0ff17) 12%,transparent);--accent-100:oklch(from var(--accent) 0.93 calc(c * 0.50) h);--accent-200:oklch(from var(--accent) 0.86 calc(c * 0.70) h);--accent-400:oklch(from var(--accent) 0.55 calc(c * 0.95) h);--accent-subtle:color-mix(in srgb,var(--accent) 12%,#fff);--accent-text:var(--accent);--accent-hover:var(--accent-200);--sidebar-active-bg:var(--accent);--sidebar-active-text:var(--accent-ink);--accent-ink:#141414;--cta-bg:var(--accent-subtle);--cta-bg-hover:var(--accent-hover);--chip-h:26px;--success:#16a34a;--success-ink:color-mix(in srgb,var(--success) 72%,var(--text-primary));--warning:#d97706;--warning-bg:color-mix(in srgb,var(--warning) 15%,var(--bg-primary));--warning-border:color-mix(in srgb,var(--warning) 45%,var(--bg-primary));--warning-ink:color-mix(in srgb,var(--warning) 72%,var(--text-primary));--danger:#ff0000;--danger-ink:color-mix(in srgb,var(--danger) 70%,var(--text-primary));--text-inverted:#ffffff;--info-label-w:168px;--glass-blur-sm:none;--glass-shadow:0 10px 30px rgba(0,0,0,0.12);--glass-bg:var(--bg-subtle,#f4f4f5);--glass-blur:none;--glass-control:color-mix(in srgb,var(--text-primary,#111) 11%,var(--glass-bg));--glass-control-hover:color-mix(in srgb,var(--text-primary,#111) 19%,var(--glass-bg));--btn-bg-glass:var(--bg-subtle);--btn-bg-glass-hover:color-mix(in srgb,var(--text-primary,#111) 8%,var(--bg-subtle))}@supports (color:oklch(0% 0 0)){:root{--accent-subtle:oklch(from var(--accent) calc(l + (1 - l) * 0.90 * clamp(0, (0.585 - l) * 1000, 1)) calc(c * (1 - 0.80 * clamp(0, (0.585 - l) * 1000, 1))) h);--accent-text:oklch(from var(--accent) calc(min(l, 0.48) * clamp(0, (0.585 - l) * 1000, 1)) calc(c * clamp(0, (0.585 - l) * 1000, 1)) h);--accent-ink:oklch(from var(--accent) clamp(0,(0.585 - l) * 1000,1) 0 0)}}@media (max-width:1100px){:root{--page-gutter:28px}}@media (max-width:680px){:root{--page-gutter:14px}}:root{--bg:#f6f6f6;--surface:#ffffff;--border:#e2e2e2;--text:#1a1a1a;--muted:#6b6b6b;--accent:#1a1a1a;--param-ink:var(--text);--param-knockout:var(--surface)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit}.app{display:grid;grid-template-columns:340px 6px 1fr;height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto;height:100vh}.divider{cursor:col-resize;background:transparent;transition:background .12s}.divider.dragging,.divider:hover{background:var(--accent)}.main{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:16px;height:100vh;min-height:0;overflow:hidden}h1{font-size:16px;margin:0 0 4px}.subtitle{color:var(--muted);font-size:12px;margin:0 0 16px}.section{margin-bottom:18px}.section h2{font-size:12px;text-transform:none;color:var(--muted);margin:0 0 8px;font-weight:600}:where(label){display:block;font-size:12px;color:var(--muted);margin-bottom:4px}:where(input[type=text],input[type=email],input[type=password],input[type=number],select,textarea){width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}:where(button){font:inherit;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}:where(button.primary){background:var(--accent);color:#fff;border-color:var(--accent)}:where(button:disabled){opacity:.5;cursor:not-allowed}.row{gap:8px;align-items:center}.row,.tabs{display:flex}.tabs{gap:6px;margin-bottom:10px;flex-wrap:wrap}.tab{padding:6px 10px;font-size:12px}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.list-item{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px}.list-item.active{background:var(--accent);color:#fff;border-color:var(--accent)}.badge{font-size:10px;color:var(--muted)}.list-item.active .badge{color:#ddd}.control{margin-bottom:12px}.control .control-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px}.control .control-val{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:where(input[type=range]){width:100%}details{border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px;background:var(--surface)}summary{cursor:pointer;font-weight:600;font-size:12px}.preview{border:0;border-radius:0;background:var(--surface);padding:24px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:auto}.preview svg{max-width:100%;height:auto}.error{color:#b00020;font-size:12px}.muted,.statusline{color:var(--muted);font-size:12px}.statusline{display:flex;gap:10px;align-items:center}.toolbar{flex-wrap:wrap;margin-bottom:10px}.source-current,.toolbar{display:flex;align-items:center;gap:12px}.source-current{width:100%;padding:8px;border:0;border-radius:var(--radius-md,12px);background:var(--bg-subtle,#f2f2f2);color:var(--text);text-align:left;cursor:pointer}@media (hover:hover){.source-current:hover{background:var(--bg-hover,#ebebeb)}}.source-thumb{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm,6px);background:var(--surface);object-fit:contain;overflow:hidden}.source-current-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.source-current-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-current-change,.source-current-kind{font-size:12px;color:var(--muted)}.control-driven{pointer-events:none;opacity:.6}