.site-main .page-heading{margin-bottom:clamp(1.75rem,4vw,2.75rem)}.site-main .page-heading .back-link{color:var(--site-text-muted);margin-bottom:1.75rem}.site-main .page-heading .back-link:hover{color:var(--site-text)}.site-main .page-heading .eyebrow,.site-main .customizer-layout .panel-kicker{color:var(--site-accent)}.site-main .page-heading h1{font-size:clamp(2.2rem,5.5vw,4.35rem)}.site-main .page-heading .page-description{color:var(--site-text-secondary);margin-top:.85rem}.site-main .customizer-layout{gap:1rem}.site-main .customizer-layout .preview-section,.site-main .customizer-layout .settings-panel,.site-main .customizer-layout .obs-panel{border-color:var(--site-border);background:var(--site-surface);box-shadow:0 16px 40px #00000029}.site-main .customizer-layout .preview-section{padding:clamp(1rem,2vw,1.25rem)}.site-main .customizer-layout .panel-heading{margin-bottom:.9rem}.site-main .customizer-layout .live-badge{color:#9be3db;background:var(--site-accent-soft);border-color:#76d8cd3d}.site-main .customizer-layout .live-badge span{background:var(--site-accent);box-shadow:0 0 0 4px #76d8cd1a}.site-main .customizer-layout .preview-stage,.site-main .customizer-layout .style-thumbnail{border-color:var(--site-border-soft);background-color:var(--site-checker);background-image:linear-gradient(45deg, var(--site-checker-mark) 25%, transparent 25%), linear-gradient(-45deg, var(--site-checker-mark) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--site-checker-mark) 75%), linear-gradient(-45deg, transparent 75%, var(--site-checker-mark) 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.site-main .customizer-layout .preview-note,.site-main .customizer-layout .control-hint,.site-main .customizer-layout .inline-control p,.site-main .customizer-layout .obs-help{color:var(--site-text-muted)}.site-main .customizer-layout .settings-column{gap:1rem}.site-main .customizer-layout .settings-panel,.site-main .customizer-layout .obs-panel{padding:1.15rem}.site-main .customizer-layout .settings-heading,.site-main .customizer-layout .obs-heading,.site-main .customizer-layout .settings-group+.settings-group{border-color:var(--site-border-soft)}.site-main .customizer-layout .settings-group h3{color:#9be3db}.site-main .customizer-layout .control-group{border-color:var(--site-border-soft);padding-block:1rem}.site-main .customizer-layout label,.site-main .customizer-layout legend{color:var(--site-text)}.site-main .customizer-layout output,.site-main .customizer-layout .color-control,.site-main .customizer-layout .range-limits,.site-main .customizer-layout .format-options small,.site-main .customizer-layout .style-card strong,.site-main .customizer-layout .url-field{color:var(--site-text-secondary)}.site-main .customizer-layout input[type=color],.site-main .customizer-layout select,.site-main .customizer-layout .format-options span,.site-main .customizer-layout .style-card,.site-main .customizer-layout .url-field{border-color:var(--site-border);background:var(--site-control)}.site-main .customizer-layout input[type=range]{accent-color:var(--site-accent)}.site-main .customizer-layout input[role=switch]{background:#3a434f}.site-main .customizer-layout input[role=switch]:checked{background:#56bfb5}.site-main .customizer-layout .format-options input:checked+span,.site-main .customizer-layout .style-options input:checked+.style-card{background:var(--site-accent-soft);border-color:#76d8cdad;box-shadow:inset 0 0 0 1px #76d8cd1f}.site-main .customizer-layout .format-options input:focus-visible+span,.site-main .customizer-layout .style-options input:focus-visible+.style-card{outline-color:var(--site-focus)}.site-main .customizer-layout .copy-button{color:#13201f;background:var(--site-accent);transition:background-color .12s}.site-main .customizer-layout .copy-button:hover{background:var(--site-accent-hover);transform:none}.site-main .customizer-layout .copy-status{color:#8ed9b5}@media (width<=640px){.site-main .page-heading .back-link{margin-bottom:1.4rem}.site-main .customizer-layout .settings-panel,.site-main .customizer-layout .obs-panel{padding:1rem}}@media (prefers-reduced-motion:reduce){.site-main .customizer-layout .copy-button{transition:none}}:root{--site-bg:#181c22;--site-bg-secondary:#1d2229;--site-surface:#232a33;--site-surface-hover:#2a323d;--site-control:#1b2027;--site-border:#353f4c;--site-border-soft:#303945;--site-text:#f2f4f7;--site-text-secondary:#aab3bf;--site-text-muted:#858f9d;--site-accent:#76d8cd;--site-accent-hover:#8ce0d7;--site-accent-soft:#76d8cd1a;--site-focus:#69bfe7ad;--site-checker:#20262e;--site-checker-mark:#aab3bf09;color-scheme:dark;color:var(--site-text);background:var(--site-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--site-bg)}body{background:radial-gradient(circle at 14% 0%, #76d8cd09, transparent 30rem), var(--site-bg);min-height:100svh;margin:0}button,input{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--site-focus);outline-offset:3px}.site-shell{width:min(1180px,100% - 2rem);margin:0 auto}.site-header{border-bottom:1px solid var(--site-border-soft);background:#1d22296b;justify-content:space-between;align-items:center;gap:1.5rem;min-height:64px;padding:0 .25rem;display:flex}.site-brand{color:var(--site-text);letter-spacing:-.02em;font-size:1rem;font-weight:750;text-decoration:none}.site-tagline{color:var(--site-text-muted);font-size:.8125rem}.site-main{padding:clamp(2.25rem,5vw,4.25rem) 0 3.5rem}@media (width<=560px){.site-shell{width:min(100% - 1.25rem,1180px)}.site-header{min-height:58px}.site-tagline{display:none}.site-main{padding-top:2rem}}