.wordmark[data-astro-cid-qisgtjgl]{font:700 32px/.98 var(--mono);letter-spacing:-.035em;margin:0}.site-header[data-astro-cid-nen7h5rs]{z-index:20;background:var(--site-bg1);position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;padding-top:12px;padding-bottom:12px;display:flex}.brand-link[data-astro-cid-nen7h5rs]{flex:none;text-decoration:none;transition:opacity .2s}.site-header[data-astro-cid-nen7h5rs][data-reveal-brand-after]:not([data-brand-visible=true]) .brand-link[data-astro-cid-nen7h5rs]{visibility:hidden;opacity:0}.site-nav[data-astro-cid-nen7h5rs]{flex-wrap:wrap;gap:24px;display:flex}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--site-fg4);padding:8px 0;font-size:12px;text-decoration:none}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--site-fg1);text-underline-offset:6px;text-decoration:underline}.site-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--site-rose)}@media (width<=600px){.header-inner[data-astro-cid-nen7h5rs]{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.site-nav[data-astro-cid-nen7h5rs]{gap:24px}}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/firelight/assets/fonts/space-mono-regular.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:optional;src:url(/firelight/assets/fonts/space-mono-bold.woff2)format("woff2")}[data-fl=coal]{color-scheme:dark;--site-bg0:var(--fl-coal-bg0);--site-bg1:var(--fl-coal-bg1);--site-bg2:var(--fl-coal-bg2);--site-bg3:var(--fl-coal-bg3);--site-bg4:var(--fl-coal-bg4);--site-bg5:var(--fl-coal-bg5);--site-fg5:var(--fl-coal-fg5);--site-fg4:var(--fl-coal-fg4);--site-fg3:var(--fl-coal-fg3);--site-fg2:var(--fl-coal-fg2);--site-fg1:var(--fl-coal-fg1);--site-fg0:var(--fl-coal-fg0);--site-rose:var(--fl-coal-rose);--site-ember:var(--fl-coal-ember);--site-coral:var(--fl-coal-coral);--site-apricot:var(--fl-coal-apricot);--site-honey:var(--fl-coal-honey);--site-fern:var(--fl-coal-fern);--site-verdigris:var(--fl-coal-verdigris);--site-cornflower:var(--fl-coal-cornflower);--site-lilac:var(--fl-coal-lilac);--site-orchid:var(--fl-coal-orchid);--site-diff-add:var(--fl-coal-diff-add);--site-diff-remove:var(--fl-coal-diff-remove);--site-diff-modify:var(--fl-coal-diff-modify)}[data-fl=smoulder]{color-scheme:dark;--site-bg0:var(--fl-smoulder-bg0);--site-bg1:var(--fl-smoulder-bg1);--site-bg2:var(--fl-smoulder-bg2);--site-bg3:var(--fl-smoulder-bg3);--site-bg4:var(--fl-smoulder-bg4);--site-bg5:var(--fl-smoulder-bg5);--site-fg5:var(--fl-smoulder-fg5);--site-fg4:var(--fl-smoulder-fg4);--site-fg3:var(--fl-smoulder-fg3);--site-fg2:var(--fl-smoulder-fg2);--site-fg1:var(--fl-smoulder-fg1);--site-fg0:var(--fl-smoulder-fg0);--site-rose:var(--fl-smoulder-rose);--site-ember:var(--fl-smoulder-ember);--site-coral:var(--fl-smoulder-coral);--site-apricot:var(--fl-smoulder-apricot);--site-honey:var(--fl-smoulder-honey);--site-fern:var(--fl-smoulder-fern);--site-verdigris:var(--fl-smoulder-verdigris);--site-cornflower:var(--fl-smoulder-cornflower);--site-lilac:var(--fl-smoulder-lilac);--site-orchid:var(--fl-smoulder-orchid);--site-diff-add:var(--fl-smoulder-diff-add);--site-diff-remove:var(--fl-smoulder-diff-remove);--site-diff-modify:var(--fl-smoulder-diff-modify)}[data-fl=ash]{color-scheme:light;--site-bg0:var(--fl-ash-bg0);--site-bg1:var(--fl-ash-bg1);--site-bg2:var(--fl-ash-bg2);--site-bg3:var(--fl-ash-bg3);--site-bg4:var(--fl-ash-bg4);--site-bg5:var(--fl-ash-bg5);--site-fg5:var(--fl-ash-fg5);--site-fg4:var(--fl-ash-fg4);--site-fg3:var(--fl-ash-fg3);--site-fg2:var(--fl-ash-fg2);--site-fg1:var(--fl-ash-fg1);--site-fg0:var(--fl-ash-fg0);--site-rose:var(--fl-ash-rose);--site-ember:var(--fl-ash-ember);--site-coral:var(--fl-ash-coral);--site-apricot:var(--fl-ash-apricot);--site-honey:var(--fl-ash-honey);--site-fern:var(--fl-ash-fern);--site-verdigris:var(--fl-ash-verdigris);--site-cornflower:var(--fl-ash-cornflower);--site-lilac:var(--fl-ash-lilac);--site-orchid:var(--fl-ash-orchid);--site-diff-add:var(--fl-ash-diff-add);--site-diff-remove:var(--fl-ash-diff-remove);--site-diff-modify:var(--fl-ash-diff-modify)}:root{--measure:76ch;--rule:#80808029;--rule-strong:#80808057;--mono:"Space Mono", ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{--header-height:64px;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{background:var(--site-bg1);color:var(--site-fg1);font:14.5px/1.6 var(--mono);-webkit-font-smoothing:antialiased;margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.wrap{max-width:1080px;margin:0 auto;padding:0 30px}.section-panel{width:calc(100% - 60px);max-width:1020px;color:var(--site-fg1);margin:0 auto;padding:0}.playground,.palette-reference,.usage,.guide{margin:56px 0}.skip-link{z-index:30;background:var(--site-bg1);color:var(--site-fg0);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{outline:2px solid var(--site-fg0);outline-offset:2px;transform:translateY(0)}.page-heading{padding-top:12px;padding-bottom:12px}h1,.palette-intro h2{color:var(--site-fg1);margin:0 0 14px;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.3}.page-heading p{color:var(--site-fg4);margin:0;font-size:13px}.palette-intro{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;padding-top:72px;padding-bottom:32px;display:grid}.palette-intro p{color:var(--site-fg4);margin:0;font-size:13px}.reference-nav{gap:22px;padding-top:12px;padding-bottom:12px;display:flex;overflow-x:auto}.reference-nav a{color:var(--site-fg4);flex:none;font-size:12px;text-decoration:none}.reference-nav a:hover{color:var(--site-fg1)}.site-footer{padding:12px 0 48px}.site-footer p{max-width:var(--measure);color:var(--site-fg4);margin:0 0 9px;font-size:13.5px;line-height:1.65}.site-footer a{color:var(--site-fg0)}.site-footer a+a{margin-left:20px}#toast{z-index:40;border:1px solid var(--rule-strong);width:max-content;max-width:calc(100% - 32px);font:13px var(--mono);overflow-wrap:anywhere;opacity:0;pointer-events:none;border-radius:3px;padding:10px 18px;font-weight:600;transition:all .16s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(14px)}#toast.on{opacity:1;transform:translate(-50%)translateY(0)}#toast.fail{border-color:var(--site-bg3);background:var(--site-bg0);color:var(--site-fg0);font-size:12.5px;font-weight:400}.showcase{margin:16px auto 36px}.showcase figcaption{margin-bottom:24px}.showcase figcaption p{color:var(--site-fg5);margin:8px 0 0;font-size:12px}.showcase-scroll{border-radius:4px;overflow-x:auto}.showcase-scroll:focus-visible{outline:2px solid var(--site-lilac);outline-offset:4px}.showcase img{border-radius:4px;width:100%;height:auto;display:block}.palette-reference>.section-panel{padding:0}.palette-head h2{color:var(--site-fg0)}.palette-head p{max-width:var(--measure);color:var(--site-fg4);margin:0;font-size:13.5px}.palette-numbering{margin-top:28px}.palette-numbering summary{color:var(--site-fg0);cursor:pointer;margin:0 0 10px;font-size:15px;line-height:1.4}.palette-numbering[open] summary{margin-bottom:16px}.palette-numbering p{max-width:var(--measure)}.palette-numbering p+p{margin-top:10px}.palette-numbering code{color:var(--site-fg1);font:12.5px var(--mono)}.variant{margin-top:40px}.variant-panel{border:1px solid var(--site-bg3);background:var(--site-bg1);color:var(--site-fg1);border-radius:4px;padding:32px}.section-lede{max-width:var(--measure);color:var(--site-fg4);margin:0 0 28px;font-size:14px;line-height:1.6}.variant-tools{color:var(--site-fg5);justify-content:space-between;align-items:center;gap:18px;margin:-8px 0 18px;font-size:10.5px;display:flex}.variant-tools button{border:1px solid var(--site-bg3);color:var(--site-fg4);font:10.5px var(--mono);cursor:pointer;background:0 0;border-radius:3px;padding:6px 9px;display:none}.js .variant-tools button{display:block}.variant-tools button:hover,.variant-tools button:focus-visible{border-color:var(--site-bg5);color:var(--site-fg0);outline:none}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--site-bg3);color:var(--site-fg5);font:10.5px var(--mono);text-align:left;padding:0 14px 8px 0;font-weight:400}td{border-bottom:1px solid var(--rule);padding:0}.swatch-cell{width:78px;padding:5px 16px 5px 0}.swatch-cell span{border:1px solid var(--rule-strong);border-radius:2px;width:62px;height:30px;display:block}.token-cell{width:112px;color:var(--site-fg0);font:13px var(--mono);padding-right:14px}.value-cell button{width:100%;color:var(--site-fg4);font:11.5px var(--mono);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:8px;margin:0;padding:6px 9px 6px 6px;transition:background .1s,color .1s;display:flex}.value-cell button span{text-overflow:ellipsis;flex:0 auto;overflow:hidden}.value-cell button:hover,.value-cell button:focus-visible{background:var(--site-bg2);color:var(--site-fg0);outline:none}.value-cell button:hover .copy-icon,.value-cell button:focus-visible .copy-icon{color:var(--site-fg1)}.copy-icon{width:13px;height:13px;color:var(--site-bg4);flex:0 0 13px;transition:color .1s}.usage h2,.variant h3{color:var(--site-fg0);letter-spacing:-.02em;margin:0 0 11px;font-size:clamp(21px,2.9vw,28px);font-weight:700;line-height:1}.usage code{color:var(--site-fg1);font-size:12.5px}.usage-table{max-width:940px}.usage-table th{border-bottom-color:var(--site-bg3);color:var(--site-fg5)}.usage-table td{border-bottom:1px solid var(--rule);color:var(--site-fg4);vertical-align:middle;padding:7px 18px 7px 0;font-size:12.5px}.usage-swatch{width:52px;padding-right:14px}.usage-swatch span{border:1px solid var(--rule-strong);border-radius:2px;width:38px;height:24px;display:block}.usage-table td.usage-token{white-space:nowrap;width:auto;padding:0}.usage-token button{width:100%;color:var(--site-fg0);font:12.5px var(--mono);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:8px;margin:0;padding:6px 9px 6px 6px;transition:background .1s,color .1s;display:flex}.usage-token button span{text-overflow:ellipsis;flex:0 auto;overflow:hidden}.usage-token button:hover,.usage-token button:focus-visible{background:var(--site-bg2);outline:none}.usage-token button:hover .copy-icon,.usage-token button:focus-visible .copy-icon{color:var(--site-fg1)}.usage-text{color:var(--site-fg4)}.spec-group{margin-top:48px}.spec-head{grid-template-columns:minmax(0,1fr) minmax(280px,2fr);align-items:start;gap:40px;margin-bottom:24px;display:grid}.spec-head h3{color:var(--site-fg0);margin:0;font-size:17px;line-height:1.4}.spec-head p{max-width:var(--measure);color:var(--site-fg4);margin:0;font-size:13.5px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.spec-card h4{color:var(--site-fg0);margin:0 0 15px;font-size:13.5px}.spec-card dl{margin:0}.spec-card dl>div{justify-content:space-between;align-items:baseline;gap:18px;padding:6px 0;display:flex}.spec-card dt{color:var(--site-fg4);font-size:11.5px}.spec-card dd{color:var(--site-fg1);text-align:right;margin:0;font-size:11.5px}.spec-card code{font-size:11.5px}.terminal-card{grid-column:1/-1}.terminal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid}.diff-preview{border-radius:3px;margin-top:18px;overflow:hidden}.diff-line{border-bottom:1px solid var(--rule);grid-template-columns:24px minmax(0,1fr);gap:8px;padding:7px 10px;display:grid}.diff-line:last-child{border-bottom:0}.diff-line span{text-align:center;font-size:12px}.diff-line code{color:var(--site-fg1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diff-line.removed{background:var(--site-diff-remove)}.diff-line.removed span{color:var(--site-ember)}.diff-line.modified{background:var(--site-diff-modify)}.diff-line.modified span{color:var(--site-orchid)}.diff-line.added{background:var(--site-diff-add)}.diff-line.added span{color:var(--site-fern)}.guide h2{color:var(--site-fg0);margin:0 0 12px;font-size:17px;line-height:1.4}.guide p{max-width:var(--measure);color:var(--site-fg4);margin:0 0 10px;font-size:13.5px}.guide code{color:var(--site-fg1);font:12.5px var(--mono)}.playground{--demo-accent:var(--site-rose);--demo-hover:color-mix(in srgb, var(--site-bg2) 72%, transparent);--demo-control:color-mix(in srgb, var(--site-bg2) 40%, transparent)}.playground>.section-panel{background:var(--site-bg1);padding:28px;transition:background .16s,color .16s}.play-head{margin-bottom:32px}.play-head h2,.palette-head h2,.showcase h2{letter-spacing:-.025em;margin:0 0 11px;font-size:clamp(21px,2.9vw,28px);line-height:1.15}.play-head h2,.showcase h2{color:var(--site-fg0)}.play-head>div:first-child>p{max-width:var(--measure);color:var(--site-fg4);margin:0;font-size:13.5px}.play-controls{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);align-items:start;gap:28px;min-width:0;display:none}.js .play-controls{display:grid}.control-group>span{color:var(--site-fg5);margin:0 0 6px;font-size:10.5px;display:block}.variant-switch{background:var(--demo-control);border:0;border-radius:4px;padding:3px;display:none}.js .variant-switch{display:flex}.variant-switch button{color:var(--site-fg5);font:11.5px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:7px 11px}.variant-switch button:hover,.variant-switch button:focus-visible{background:var(--site-bg2);color:var(--site-fg0);outline:none}.variant-switch button[aria-pressed=true]{background:var(--site-bg2);color:var(--site-fg0)}.variant-switch button:focus-visible{outline:2px solid var(--site-fg0);outline-offset:2px}.accent-switch{background:var(--demo-control);border:0;border-radius:4px;grid-template-columns:repeat(10,minmax(20px,1fr));gap:8px;padding:9px;display:none}.js .accent-switch{display:grid}.accent-switch button{background:var(--swatch);cursor:pointer;border:1px solid #0000;border-radius:2px;width:100%;height:22px;padding:0}.accent-switch button:hover,.accent-switch button:focus-visible{border-color:var(--site-fg0);outline:none}.accent-switch button[aria-pressed=true]{outline:2px solid var(--site-fg0);outline-offset:2px}.accent-switch [data-demo-accent=rose]{--swatch:var(--site-rose)}.accent-switch [data-demo-accent=ember]{--swatch:var(--site-ember)}.accent-switch [data-demo-accent=coral]{--swatch:var(--site-coral)}.accent-switch [data-demo-accent=apricot]{--swatch:var(--site-apricot)}.accent-switch [data-demo-accent=honey]{--swatch:var(--site-honey)}.accent-switch [data-demo-accent=fern]{--swatch:var(--site-fern)}.accent-switch [data-demo-accent=verdigris]{--swatch:var(--site-verdigris)}.accent-switch [data-demo-accent=cornflower]{--swatch:var(--site-cornflower)}.accent-switch [data-demo-accent=lilac]{--swatch:var(--site-lilac)}.accent-switch [data-demo-accent=orchid]{--swatch:var(--site-orchid)}.play-grid{gap:16px;display:grid}.ui-card,.code-demo,.terminal-demo,.diff-demo{border-radius:4px;overflow:hidden}.ui-card{background:var(--site-bg1)}.interface-canvas{background:var(--site-bg1);gap:20px;padding:12px 0 24px;display:grid}.interface-heading{padding:0 2px 4px}.interface-heading h3{color:var(--demo-accent);letter-spacing:-.025em;margin:0 0 7px;font-size:19px;line-height:1.25}.interface-heading>div>p:last-child{color:var(--site-fg2);margin:0;font-size:10.5px;line-height:1.5}.interface-heading code{color:var(--site-fg1);font:10px var(--mono)}.interface-samples{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(210px,.9fr);align-items:stretch;gap:24px;display:grid}.sample-card{background:0 0;border-radius:4px;padding:14px 15px;transition:background .14s}.sample-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.sample-card-head h4{color:var(--site-fg1);margin:0;font-size:13px;line-height:1.4}.sample-card-head code{color:var(--site-fg5);font:9px var(--mono);flex:none}.sample-card>p{max-width:60ch;color:var(--site-fg4);margin:6px 0 10px;font-size:10.5px;line-height:1.55}.card-meta{color:var(--site-fg5);font-size:9px;display:block}.sample-card:hover{background:var(--demo-hover)}.sample-card:hover h4{color:var(--demo-accent);text-decoration:underline;text-decoration-color:var(--demo-accent);text-underline-offset:3px}.raised-panel{background:var(--site-bg2);border-radius:4px;padding:15px}.raised-panel-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.raised-panel h4{color:var(--demo-accent);margin:0;font-size:12px}.raised-panel code{color:var(--site-fg3);font:9px var(--mono)}.inset-panel{border:1px solid var(--site-bg3);background:var(--site-bg0);color:var(--site-fg1);border-radius:3px;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:10px 11px;font-size:9.5px;display:flex}.inset-panel code{color:var(--site-fg5)}.interface-controls{flex-direction:column;align-items:flex-start;gap:13px;min-width:0;padding:14px;display:flex}.demo-button{background:var(--demo-control);width:100%;color:var(--site-fg4);font:10px var(--mono);cursor:pointer;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:8px 9px;transition:background .14s,color .14s;display:flex}.demo-button code{color:var(--site-fg5);font:9px var(--mono)}.demo-button:hover{background:var(--site-bg2);color:var(--site-fg0);outline:0}.demo-button:focus-visible{background:var(--site-bg2);color:var(--site-fg0);outline:2px solid var(--site-lilac);outline-offset:2px}.status-row{flex-wrap:wrap;gap:7px 12px;display:flex}.status-row span{align-items:center;gap:6px;font-size:9.5px;display:inline-flex}.status-row span:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-success{color:var(--site-fern)}.status-warning{color:var(--site-honey)}.status-error{color:var(--site-ember)}.status-info{color:var(--site-verdigris)}.demo-link{color:var(--site-cornflower);text-decoration:underline;text-decoration-color:var(--site-bg3);text-underline-offset:2px;font-size:10px}.utility-demos{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.code-demo,.terminal-demo,.diff-demo{background:var(--site-bg0)}.code-demo header,.terminal-demo header,.diff-demo header{background:color-mix(in srgb, var(--site-bg2) 50%, transparent);align-items:center;gap:10px;padding:10px 13px;display:flex}.code-demo header b,.terminal-demo header b,.diff-demo header b{color:var(--site-fg1);font-size:10.5px}.code-demo header span,.terminal-demo header span,.diff-demo header span{color:var(--site-fg5);margin-left:auto;font-size:10px}.editor-body{font:10px/1.5 var(--mono);padding:11px 0;overflow:auto}.code-line{grid-template-columns:32px minmax(max-content,1fr);align-items:center;min-height:20px;padding-right:13px;display:grid}.code-line>i{color:var(--site-bg4);text-align:right;user-select:none;padding-right:9px;font-style:normal}.code-line code{font:inherit;white-space:pre}.code-line .indent{padding-left:13px}.syn-comment{color:var(--site-bg5)}.syn-text{color:var(--site-fg1)}.syn-property,.syn-function{color:var(--site-cornflower)}.syn-string{color:var(--site-fern)}.syn-number{color:var(--site-apricot)}.terminal-body{color:var(--site-fg1);font:10px/1.5 var(--mono);grid-auto-rows:minmax(20px,auto);padding:11px 13px;display:grid;overflow:auto}.terminal-body code{font:inherit;white-space:nowrap}.terminal-line{grid-template-columns:14px minmax(0,1fr);align-items:baseline;display:grid}.terminal-line i{color:var(--site-fern);font-style:normal}.term-file,.term-output{padding-left:14px}.terminal-line.new-command{margin-top:5px}.terminal-body b{color:var(--site-cornflower);font-weight:400}.terminal-body strong{color:var(--site-orchid);font-weight:400}.terminal-demo .term-output{color:var(--site-fg4)}.mini-diff-body{font:10px/1.5 var(--mono);padding:11px 0;overflow:auto}.mini-diff-line{min-height:20px;color:var(--site-fg1);grid-template-columns:30px 16px minmax(max-content,1fr);align-items:center;padding-right:13px;display:grid}.mini-diff-line i{color:var(--site-bg4);text-align:right;user-select:none;padding-right:7px;font-style:normal}.mini-diff-line b{text-align:center;font-weight:400}.mini-diff-line code{font:inherit;white-space:nowrap}.mini-diff-line.removed{background:var(--site-diff-remove)}.mini-diff-line.removed b{color:var(--site-ember)}.mini-diff-line.added{background:var(--site-diff-add)}.mini-diff-line.added b{color:var(--site-fern)}.comparison{margin-top:56px}.comparison-head{margin-bottom:20px}.comparison h3{color:var(--site-fg0);margin:0 0 8px;font-size:17px;line-height:1.35}.comparison-head p{max-width:var(--measure);color:var(--site-fg4);margin:0;font-size:12.5px}.comparison-controls{grid-template-columns:minmax(160px,.65fr) repeat(2,minmax(130px,.5fr)) minmax(210px,1fr);gap:12px;margin-bottom:16px;display:none}.js .comparison-controls{display:grid}.comparison-field{min-width:0;color:var(--site-fg5);flex-direction:column;gap:6px;font-size:10.5px;display:flex}.comparison-field>span{display:block}.comparison-field select,.comparison-field input[type=text]{border:1px solid var(--site-bg3);background:var(--demo-control);width:100%;height:38px;color:var(--site-fg0);font:11.5px var(--mono);border-radius:3px;outline:none;padding:0 11px}.comparison-field select{cursor:pointer}.comparison-field select:hover,.comparison-field select:focus-visible,.comparison-field input:hover:not(:disabled),.comparison-field input:focus-visible{border-color:var(--site-bg5)}.comparison-field input:disabled{color:var(--site-bg5);opacity:.66;cursor:not-allowed}.comparison-opacity-field{grid-column:1/-1;max-width:320px;margin-top:4px}.comparison-opacity-field>span{justify-content:space-between;gap:16px;display:flex}.comparison-opacity-field output{color:var(--site-fg1);font-variant-numeric:tabular-nums}.comparison-opacity-field input{width:100%;height:24px;accent-color:var(--site-rose);cursor:pointer;margin:0}.comparison-opacity-field input:focus-visible{outline:2px solid var(--site-lilac);outline-offset:3px}.comparison-mode{border:1px solid var(--site-bg3);background:var(--demo-control);border-radius:4px;height:38px;padding:3px;display:flex}.comparison-mode button{color:var(--site-fg5);font:11.5px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:0 12px}.comparison-mode button:hover,.comparison-mode button:focus-visible{background:var(--site-bg2);color:var(--site-fg0);outline:none}.comparison-mode button[aria-pressed=true]{background:var(--site-bg2);color:var(--site-fg0)}.comparison-mode button:focus-visible{outline:2px solid var(--site-fg0);outline-offset:2px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.comparison-card{border:1px solid var(--site-bg3);background:var(--site-bg1);min-width:0;color:var(--site-fg1);border-radius:4px;flex-direction:column;padding:16px;display:flex}.comparison-card header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.comparison-card header strong{color:var(--site-fg0);font-size:12px}.comparison-card header code{color:var(--site-fg5);font:10.5px var(--mono)}.comparison-preview{background:var(--comparison-background,var(--site-bg1));border-radius:3px;flex:1;justify-content:center;align-items:center;min-height:112px;margin:18px 0;padding:18px;display:flex}.comparison-preview:before{background:var(--comparison-foreground,var(--site-rose));width:62%;height:52px;opacity:var(--comparison-opacity,1);content:"";border-radius:2px}.comparison-preview>span{min-width:0;max-width:100%;color:var(--comparison-foreground,var(--site-rose));overflow-wrap:anywhere;white-space:pre-wrap;opacity:var(--comparison-opacity,1);font-size:18px;line-height:1.4;display:none}.comparison[data-comparison-mode=text] .comparison-preview:before{display:none}.comparison[data-comparison-mode=text] .comparison-preview>span{display:block}.comparison-card footer{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;display:grid}.comparison-value{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.comparison-value>small{color:var(--site-fg5);letter-spacing:.05em;font-size:8.5px}.comparison-card footer button{min-width:0;color:var(--site-fg1);font:11.5px var(--mono);cursor:pointer;background:0 0;border:0;border-radius:2px;align-items:center;gap:8px;margin-left:-7px;padding:5px 7px;display:flex}.comparison-card footer button:hover,.comparison-card footer button:focus-visible{background:var(--site-bg2);color:var(--site-fg0);outline:none}.comparison-card footer button:hover .copy-icon,.comparison-card footer button:focus-visible .copy-icon{color:var(--site-fg1)}.comparison-contrast{color:var(--site-fg4);justify-content:space-between;gap:12px;margin-top:16px;font-size:10px;display:flex}.comparison-contrast output{color:var(--site-fg1);font-variant-numeric:tabular-nums}.community-main{margin:16px 0 36px}.community-heading-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.community-share{color:var(--site-rose);text-underline-offset:4px;white-space:nowrap;font-size:12px}.sample-preview-note{color:var(--site-fg5);margin-bottom:20px;font-size:11px}:where(a,button,input,select):focus-visible{outline:2px solid var(--site-rose);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){html{--header-height:104px}}@media (width<=900px){.wrap{padding:0 20px}.section-panel{width:calc(100% - 40px)}.playground>.section-panel{padding:24px}.variant-panel{padding:28px 24px}.showcase img{min-width:1000px}.comparison-controls,.interface-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.interface-controls{grid-column:1/-1}.utility-demos{grid-template-columns:repeat(2,minmax(0,1fr))}.diff-demo{grid-column:1/-1}.variant table,.variant tbody{display:block}.variant thead{display:none}.variant tr{border-bottom:1px solid var(--rule);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:0 14px;padding:11px 0;display:grid}.variant td{border:0;padding:0}.swatch-cell{grid-row:1/span 5;width:auto;padding:0}.swatch-cell span{width:62px;height:62px}.token-cell{grid-column:2;width:auto}.value-cell{grid-column:2}.value-cell button{padding:2px 6px 2px 4px}.usage-table,.usage-table tbody{display:block}.usage-table thead{display:none}.usage-table tr{border-bottom:1px solid var(--rule);grid-template-columns:38px minmax(0,1fr);gap:5px 14px;padding:14px 0;display:grid}.usage-table td{border:0;width:auto;min-width:0;padding:0}.usage-table .usage-swatch{grid-area:1/1;align-self:center}.usage-table .usage-token,.usage-table .usage-text{grid-column:2}.usage-table .usage-token button{white-space:normal;overflow-wrap:anywhere}}@media (width<=700px){.playground,.palette-reference,.usage,.guide{margin:40px 0}.section-panel{width:calc(100% - 40px)}.playground>.section-panel{padding:20px 16px}.variant-panel{padding:24px 18px}.page-heading{padding-top:4px}.palette-intro{grid-template-columns:1fr;gap:24px;padding-bottom:16px}.showcase{margin:12px auto 24px}.play-head{flex-direction:column;align-items:flex-start;gap:20px}.play-controls{grid-template-columns:1fr;gap:18px;width:100%;min-width:0}.accent-switch{gap:6px;padding:8px}.interface-canvas{padding:8px 0 16px}.interface-samples{grid-template-columns:1fr}.interface-controls{width:100%}.demo-button{justify-content:space-between;width:100%}.utility-demos{grid-template-columns:1fr}.diff-demo{grid-column:auto}.comparison-controls,.comparison-grid{grid-template-columns:1fr}.comparison-preview{min-height:88px}.spec-head{grid-template-columns:1fr;gap:10px}.spec-grid,.terminal-grid{grid-template-columns:1fr}.terminal-card{grid-column:auto}.community-main{margin-top:12px}.community-heading-row{flex-wrap:wrap;align-items:flex-start;gap:12px}}