*{box-sizing:border-box}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12100e;--bg-soft:#1c1917;--bg-inset:#0c0a09;--border:#3f3a36;--border-strong:#57534e;--text:#f5f0eb;--text-muted:#a8a29e;--text-soft:#d6d3d1;--accent:#ff7a59;--accent-contrast:#1c100c;--accent-2:#f0b429;--success:#4ade80;--warning:#fbbf24;--focus-ring:color-mix(in srgb, var(--accent) 50%, transparent);--shadow-sm:0 1px 2px #0006;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.2s;--grad-accent:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--grad-accent-soft:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, transparent), color-mix(in srgb, var(--accent-2) 16%, transparent));--grad-surface:linear-gradient(165deg, color-mix(in srgb, var(--bg-soft) 92%, var(--accent)) 0%, var(--bg-soft) 42%, var(--bg-soft) 100%);--grad-page:radial-gradient(980px 520px at 8% -8%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 62%), radial-gradient(760px 460px at 92% 0%, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 58%), var(--bg)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ef;--bg-soft:#fffdfb;--bg-inset:#efe9e3;--border:#e7ddd3;--border-strong:#d4c6b8;--text:#1c1917;--text-muted:#78716c;--text-soft:#44403c;--accent:#e0452b;--accent-contrast:#fff;--accent-2:#c9850c;--success:#16a34a;--warning:#b45309;--focus-ring:color-mix(in srgb, var(--accent) 40%, transparent);--shadow-sm:0 1px 2px #1c19170f;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.2s;--grad-accent:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--grad-accent-soft:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), color-mix(in srgb, var(--accent-2) 12%, transparent));--grad-surface:linear-gradient(165deg, color-mix(in srgb, var(--bg-soft) 88%, var(--accent)) 0%, var(--bg-soft) 38%, var(--bg-soft) 100%);--grad-page:radial-gradient(980px 520px at 8% -8%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%), radial-gradient(760px 460px at 92% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 58%), var(--bg)}html,body,#root{overscroll-behavior:none;height:100%;max-height:100%;overflow:hidden}body{background:var(--grad-page);color:var(--text);min-height:100dvh;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a.icon-button,a.link-button{transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}code{background:var(--bg-inset);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.875em}.navbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);flex-shrink:0}.navbar-inner{align-items:center;gap:24px;max-width:960px;margin:0 auto;padding:12px 24px;display:flex}.brand{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:10px;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.brand-mark{background:linear-gradient(transparent, transparent) padding-box, var(--grad-accent) border-box;width:22px;height:22px;box-shadow:0 1px 8px color-mix(in srgb, var(--accent) 45%, transparent);transition:box-shadow var(--dur) var(--ease-out);border:3px solid #0000;border-radius:50%;flex-shrink:0}.brand:hover .brand-mark{box-shadow:0 2px 14px color-mix(in srgb, var(--accent) 55%, transparent)}.brand-name{background:var(--grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.tabs-root{flex:1;min-width:0}.tabs{gap:4px;display:flex}.tab-zone{display:inline-flex}.tab{color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.tab:hover{color:var(--text);background:var(--bg-soft)}.tab[aria-current=page]{color:var(--text);background:var(--bg-soft);box-shadow:inset 0 0 0 1px var(--border)}.navbar-actions{align-items:center;gap:6px;display:flex}.icon-button{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:hover{color:var(--text);border-color:var(--border);background:var(--bg-soft)}.icon-button:focus-visible{outline-offset:1px}.app{flex-direction:column;height:100%;max-height:100dvh;display:flex;overflow:hidden}.app-main{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.app-main>.page{flex:auto}.app-main:has(.page-home){overflow:hidden}html:has(.page-home) .footer-inner{padding-block:clamp(8px,1.2dvh,16px)}.footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);flex-shrink:0}.footer-inner{max-width:960px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;font-size:.85rem;display:flex}.footer-package{color:var(--text-soft);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem}.footer-credit{text-align:right;white-space:nowrap}.page{width:100%;min-width:0;max-width:960px;animation:page-in var(--dur) var(--ease-out);flex-direction:column;gap:24px;margin:0 auto;padding:40px 24px 48px;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.6rem,2.5vw,2rem)}.hero p{color:var(--text-muted);max-width:65ch;margin:0;line-height:1.6}.page-home{max-width:46rem;min-height:0;animation:home-in var(--dur) var(--ease-out);flex:auto;justify-content:center;align-items:stretch;gap:clamp(.65rem,1.7dvh,1.75rem);padding-top:clamp(10px,3dvh,40px);padding-bottom:clamp(10px,2.8dvh,32px);overflow:hidden}@keyframes home-in{0%{opacity:0}to{opacity:1}}.home-hero,.home-install{flex:none;width:100%;max-width:34rem;margin-inline:auto}.home-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.home-logo{--logo-size:clamp(40px, 8.4dvh, 96px);--logo-stroke:clamp(5px, .95dvh, 10px);width:var(--logo-size);height:var(--logo-size);border:var(--logo-stroke) solid transparent;background:linear-gradient(transparent, transparent) padding-box, var(--grad-accent) border-box;box-shadow:0 4px 28px color-mix(in srgb, var(--accent) 32%, transparent);border-radius:50%;flex-shrink:0;margin-bottom:clamp(.4rem,1.5dvh,1.75rem);animation:3.2s ease-in-out infinite home-logo-glow}@keyframes home-logo-glow{0%,to{box-shadow:0 3px 18px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 0 color-mix(in srgb, var(--accent-2) 0%, transparent)}50%{box-shadow:0 8px 42px color-mix(in srgb, var(--accent) 58%, transparent), 0 2px 22px color-mix(in srgb, var(--accent-2) 32%, transparent)}}.home-title{letter-spacing:-.03em;color:var(--text);margin:0 0 clamp(.35rem,.9dvh,.75rem);font-size:clamp(1.85rem,4.2dvh + .9rem,3.25rem);font-weight:700;line-height:1.05}.home-lede{max-width:36ch;color:var(--text-muted);margin:0;font-size:clamp(.9rem,.55rem + 1.1dvh,1rem);line-height:1.5}.home-hero .warning{margin-top:8px}.home-cta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(.65rem,1.6dvh,1.75rem);display:flex}.btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:1px solid #0000}.btn-primary:hover{background:var(--accent-2)}.btn-primary:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.home-install{flex-direction:column;align-items:stretch;gap:clamp(4px,.7dvh,8px);display:flex}.install-tabs{justify-content:center;gap:4px;padding:0 4px;display:flex}.install-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:clamp(4px,.7dvh,8px) 12px clamp(6px,.85dvh,10px);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;font-weight:600}.install-tab:hover{color:var(--text)}.install-tab[data-state=on]{color:var(--text);border-bottom-color:var(--accent)}.install-well{border:1px solid var(--border);background:var(--bg-inset);border-radius:12px;align-items:center;gap:8px;min-height:clamp(40px,5.2dvh,48px);padding:6px 8px 6px 14px;display:flex}.install-command{min-width:0;color:var(--text-soft);text-align:left;white-space:nowrap;scrollbar-width:none;background:0 0;border:none;flex:1;padding:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:clamp(.72rem,.4rem + 1.4vw,.85rem);line-height:1.5;overflow-x:auto}.install-command::-webkit-scrollbar{display:none}.install-prompt{color:var(--text-muted);margin-right:.55em}.page-home .code-block-wrap{text-align:left;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.page-home .code-block{flex:1;align-items:center;padding:clamp(8px,1.15dvh,14px) 16px;font-size:clamp(.75rem,.62rem + .35dvh,.85rem);line-height:1.5;display:flex}.home-proof{flex:none;grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(10px,1.4dvh,16px);width:100%;display:grid}.home-proof .code-block-toolbar{box-sizing:border-box;min-height:clamp(32px,4.2dvh,44px)}.home-points-card{text-align:left;border:1px solid var(--border);background:var(--bg-inset);border-radius:12px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.home-points{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;gap:clamp(.35rem,.85dvh,.7rem);margin:0;padding:clamp(8px,1.2dvh,14px) 16px;font-size:clamp(.75rem,.62rem + .35dvh,.85rem);line-height:1.35;list-style:none;display:flex}.home-points li{flex-direction:column;gap:1px;display:flex}.home-points strong{color:var(--text);font-size:clamp(.8rem,.68rem + .3dvh,.9rem);font-weight:600;line-height:1.25}@media (width<=720px){.home-proof{grid-template-columns:1fr;gap:8px}.page-home .code-block-wrap,.home-points-card{height:auto}.home-proof .code-block-toolbar{min-height:30px;padding-block:4px}.page-home .code-block{align-items:flex-start;padding:8px 12px;font-size:.75rem;line-height:1.45}.home-points{grid-template-columns:1fr 1fr;justify-content:start;gap:6px 12px;padding:8px 12px 10px;display:grid}.home-points li{gap:0}.home-points span{font-size:.7rem;line-height:1.25}}@media (width<=640px){.page-home{gap:.55rem;padding-top:6px;padding-bottom:6px}.home-logo{--logo-size:clamp(36px, 5.8dvh, 52px);--logo-stroke:6px;margin-bottom:.35rem}.home-title{margin-bottom:.28rem;font-size:clamp(1.65rem,7vw,2rem)}.home-lede{font-size:.88rem;line-height:1.35}.home-cta-row{width:100%;margin-top:.5rem}.home-cta-row .btn{flex:1;padding:8px 14px}}@media (height<=560px){html:has(.page-home) .footer{display:none}.page-home{gap:.45rem;padding-block:6px}.home-logo{--logo-size:36px;--logo-stroke:5px;margin-bottom:.25rem}.home-title{margin-bottom:.2rem;font-size:1.6rem}.home-lede{font-size:.85rem;line-height:1.3}.home-cta-row{margin-top:.3rem}.page-home .btn{padding:7px 14px}.home-proof .code-block-toolbar{min-height:28px;padding-block:4px}.page-home .code-block{padding-block:6px;font-size:.72rem;line-height:1.35}.home-points{grid-template-columns:1fr 1fr;justify-content:start;gap:4px 12px;padding:6px 12px 8px;display:grid}.home-points li{gap:0}.home-points span{font-size:.68rem;line-height:1.25}}@media (width<=640px) and (height<=700px){html:has(.page-home) .footer{display:none}.page-home{gap:.35rem;padding-block:0}.home-logo{--logo-size:32px;--logo-stroke:5px;margin-bottom:.2rem}.home-title{margin-bottom:.18rem;font-size:1.55rem}.home-lede{font-size:.82rem;line-height:1.3}.home-cta-row{margin-top:.35rem}.home-proof{gap:6px}.home-proof .code-block-toolbar{min-height:26px;padding-block:3px}.page-home .code-block{padding:6px 10px;font-size:.7rem;line-height:1.35}.home-points{gap:4px 10px;padding:6px 10px 8px}.home-points span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (height<=420px){.page-home{gap:.2rem;padding-block:0}.home-logo{--logo-size:28px;--logo-stroke:4px;margin-bottom:.15rem}.home-title{margin-bottom:.12rem;font-size:1.4rem}.home-lede{font-size:.8rem;line-height:1.25}.home-cta-row{margin-top:.2rem}.page-home .btn{padding:6px 12px}.home-install{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.install-tabs{justify-content:flex-start;padding:0}.install-tab{padding-block:2px 4px}.install-well{min-height:36px;padding-block:4px}.home-proof .code-block-toolbar{min-height:24px;padding-block:2px}.page-home .code-block{padding-block:4px;font-size:.68rem;line-height:1.3}.home-points{gap:2px 10px;padding:4px 10px 6px}}.warning{color:var(--warning);margin-top:8px}.card{background:var(--grad-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:24px}.card h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem}.card>p{color:var(--text-muted);margin:0 0 16px;line-height:1.6}.card-lede{color:var(--text-muted);margin:0;line-height:1.6}.card-header{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);margin-bottom:20px;padding-bottom:16px}.editor-card{padding:0;overflow:hidden}.editor-card .card-header{background:var(--grad-accent-soft);border-bottom:1px solid var(--border);margin:0;padding:22px 24px 16px}.control-stack{flex-direction:column;gap:0;display:flex}.control-panel{border-bottom:1px solid var(--border);min-width:0;padding:20px 24px}.control-panel p{color:var(--text-muted);margin:0 0 14px;font-size:.9rem;line-height:1.5}.zone-click-demo{border:1px dashed var(--border);background:var(--bg-soft);color:var(--text-muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;margin:0 0 16px;padding:14px 16px;font-size:.85rem;display:flex}.control-panel:last-child{border-bottom:none}.control-panel-output{background:color-mix(in srgb, var(--bg-inset) 55%, transparent)}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;font-size:.78rem;font-weight:700}.panel-note{color:var(--text-muted);margin:12px 0 0;font-size:.9rem;line-height:1.5}.controls-subpanel{border:1px solid var(--border);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 8%, var(--bg-inset)), var(--bg-inset));border-radius:12px;flex-direction:column;gap:18px;margin-top:16px;padding:14px 16px;display:flex}.controls-subpanel>.field-label{margin-bottom:0}.controls-options{border-top:1px dashed color-mix(in srgb, var(--border) 85%, transparent);flex-direction:column;gap:12px;width:100%;margin-top:16px;padding-top:14px;display:flex}.field{margin-bottom:20px}.field-flush{margin-bottom:0}.field-flush+.field-flush{margin-top:16px}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.control-label-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.control-label-row .field-label{margin-bottom:0}.control-value{color:var(--text-soft);font-size:.8rem}.segmented{border:1px solid var(--border-strong);background:var(--bg-inset);border-radius:10px;display:inline-flex;overflow:hidden}.segment{color:var(--text-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:.9rem}.segment+.segment{border-left:1px solid var(--border-strong)}.segment:hover{color:var(--text);background:color-mix(in srgb, var(--bg-soft) 70%, transparent)}.segment[data-state=on]{background:var(--grad-accent);color:var(--accent-contrast);font-weight:600}.segment:focus-visible{outline-offset:-2px;z-index:1}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);color:var(--text-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-family:inherit;font-size:.9rem;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--text)}.chip:active{transform:scale(.97)}.chip[data-state=on]{background:var(--grad-accent);color:var(--accent-contrast);border-color:#0000;font-weight:600}.preset-cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.preset-card{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--text-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:14px 10px 12px;font-family:inherit;display:flex}.preset-card-icon{pointer-events:none;flex:1;width:100%;min-height:44px;position:relative;overflow:visible}.preset-card-icon-origin{position:absolute;top:50%;left:50%}.preset-card-icon-tip{place-items:center;display:grid}.preset-card-name{letter-spacing:.01em;text-align:center;font-size:.78rem;line-height:1.1}.preset-card:hover{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--bg-soft) 80%, transparent)}.preset-card:active{transform:scale(.97)}.preset-card[data-state=on]{background:var(--grad-accent-soft);border-color:var(--accent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.preset-card[data-state=on] .preset-card-name{color:var(--text);font-weight:600}.preset-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px 28px;min-width:0;display:grid}.control-span{grid-column:1/-1}.control{color:var(--text-soft);flex-direction:column;gap:8px;min-width:0;font-size:.9rem;display:flex}.switch-control{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;padding:4px 0}.controls-grid>.switch-control{align-self:end}.switch-label{color:var(--text-soft);cursor:pointer;font-size:.9rem}.slider-root{-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;width:100%;height:20px;display:flex;position:relative}.slider-track{background:var(--bg-inset);height:6px;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;flex-grow:1;position:relative}.slider-range{background:var(--grad-accent);border-radius:999px;height:100%;position:absolute}.slider-thumb{background:var(--accent-contrast);border:2px solid var(--accent);width:16px;height:16px;box-shadow:var(--shadow-sm);cursor:grab;border-radius:50%;display:block}.slider-thumb:active{cursor:grabbing}.slider-thumb:hover{border-color:color-mix(in srgb, var(--accent) 70%, white)}.slider-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch-root{border:1px solid var(--border-strong);background:var(--bg-inset);cursor:pointer;width:42px;height:24px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:999px;flex-shrink:0;padding:0;position:relative}.switch-root[data-state=checked]{background:var(--grad-accent);border-color:#0000}.switch-thumb{background:var(--text-soft);width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:50%;display:block;transform:translate(2px)}.switch-root[data-state=checked] .switch-thumb{background:var(--accent-contrast);transform:translate(20px)}.switch-root:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.color-field{border:1px solid var(--border-strong);background:var(--bg-inset);height:34px;min-height:34px;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.color-field:hover{border-color:color-mix(in srgb, var(--border-strong) 60%, var(--accent))}.color-field:has(:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.color-field:has([aria-invalid=true]){border-color:var(--warning)}.color-field:has([aria-invalid=true]):hover{border-color:var(--warning)}:is(.color-field:has([aria-invalid=true]:focus-visible),.color-field:has(:focus-visible):has([aria-invalid=true])){border-color:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning) 40%, transparent)}.color-swatch{--checker-a:color-mix(in srgb, var(--text) 22%, var(--bg-inset));--checker-b:var(--bg-inset);border-right:1px solid var(--border-strong);background-color:var(--checker-b);background-image:linear-gradient(45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-a) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-a) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-a) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex-shrink:0;align-self:stretch;width:40px;position:relative;overflow:hidden}.color-swatch-fill{pointer-events:none;position:absolute;inset:0}.color-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.color-swatch input[type=color]:focus,.color-swatch input[type=color]:focus-visible{outline:none}.color-field .text-input{min-width:0;height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0 12px;line-height:32px}.color-field .text-input:hover,.color-field .text-input:focus-visible{box-shadow:none;border:none}.text-input{border:1px solid var(--border-strong);background:var(--bg-inset);width:100%;min-width:0;max-width:100%;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}.text-input:hover{border-color:color-mix(in srgb, var(--border-strong) 60%, var(--accent))}.text-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.code-block-wrap{border:1px solid var(--border);background:var(--bg-inset);border-radius:12px;min-width:0;max-width:100%;overflow:hidden}.code-block-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-inset) 85%, var(--bg-soft));justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;display:flex}.code-block-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.code-block-copy{min-width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), min-width var(--dur) var(--ease-out), padding var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0 6px;font-family:inherit;font-size:.75rem;font-weight:500;display:inline-flex;overflow:hidden}.code-block-copy:hover{color:var(--text);border-color:var(--border);background:var(--bg-soft)}.code-block-copy.copied{color:var(--success);border-color:color-mix(in srgb, var(--success) 35%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--bg-soft));gap:6px;min-width:78px;padding:0 10px}.copy-icon-stack{flex-shrink:0;width:16px;height:16px;position:relative}.copy-icon{opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-out);position:absolute;inset:0;transform:scale(.6)rotate(-8deg)}.copy-icon.is-visible{opacity:1;transform:scale(1)rotate(0)}.copy-icon.is-check.is-visible{animation:copy-pop var(--dur) var(--ease-out)}.copy-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width var(--dur) var(--ease-out), opacity var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-out);display:inline-block;overflow:hidden;transform:translate(4px)}.copy-label.is-visible{opacity:1;max-width:4rem;transform:translate(0)}@keyframes copy-pop{0%{transform:scale(.55)rotate(-12deg)}60%{transform:scale(1.12)rotate(2deg)}to{transform:scale(1)rotate(0)}}.code-block{color:var(--text-soft);margin:0;padding:14px 16px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.65;overflow-x:auto;background:0 0!important}.code-block code{font-size:inherit;background:0 0;border:none;padding:0;display:block}.install-blocks{flex-direction:column;gap:12px;display:flex}.table-scroll{border:1px solid var(--border);border-radius:14px;width:100%;margin-bottom:16px;overflow-x:auto}.presets-table{border-collapse:collapse;width:100%;margin:0;font-size:.9rem}.presets-table th,.presets-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text-soft);white-space:nowrap;padding:10px 12px}.presets-table tr:last-child td{border-bottom:none}.presets-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--bg-inset) 80%, transparent);font-size:.8rem}.feature-list{color:var(--text-soft);margin:0;padding-left:20px;line-height:1.9}.link-row{flex-wrap:wrap;gap:12px;display:flex}.link-button{border:1px solid var(--border-strong);color:var(--text);background:var(--bg-inset);border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.link-button:hover{border-color:var(--accent);color:var(--accent)}@media (width<=640px){.navbar-inner{flex-wrap:wrap;gap:8px 16px}.tabs-root{flex-basis:100%;order:3}.tabs{width:100%}.tab-zone{flex:1;min-width:0}.tab{text-align:center;flex:1;width:100%}.page:not(.page-home){padding:28px 16px 40px}.page-home{padding-inline:16px}.footer-inner{flex-wrap:wrap;gap:6px 12px;padding:14px 16px}.footer-credit{white-space:normal}.card{border-radius:14px;padding:18px}.editor-card{padding:0}.editor-card .card-header,.control-panel{padding-inline:16px}.segmented{width:100%}.segment{text-align:center;flex:1;padding-inline:10px}}.theme-icon{transition:transform var(--dur) var(--ease-out);display:inline-flex}.icon-button:active .theme-icon{transform:rotate(-20deg)scale(.92)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page{animation:none}.home-logo{animation:none!important}}