[data-colorwheel]:not([data-unstyled]){--colorwheel-accent:#635bff;--colorwheel-accent-strong:#4a43d8;--colorwheel-canvas:#f5f6fa;--colorwheel-surface:#fff;--colorwheel-surface-muted:#f0f1f6;--colorwheel-text:#171922;--colorwheel-text-muted:#626775;--colorwheel-border:#d9dce6;--colorwheel-focus:#1769e0;--colorwheel-danger:#b42318;--colorwheel-radius:1.25rem;--colorwheel-radius-small:.75rem;--colorwheel-shadow:0 1.2rem 3.5rem #1f26401f;--colorwheel-min-visible-value:.5;--colorwheel-ring-width:.875rem;--colorwheel-ring-gap:.625rem;--colorwheel-ring-thumb-size:1.125rem;--colorwheel-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;box-sizing:border-box;color:var(--colorwheel-text);font-family:var(--colorwheel-font);font-size:1rem;line-height:1.5;container-type:inline-size}[data-colorwheel]:not([data-unstyled]),[data-colorwheel]:not([data-unstyled]) *,[data-colorwheel]:not([data-unstyled]) :before,[data-colorwheel]:not([data-unstyled]) :after{box-sizing:border-box}[data-colorwheel]:not([data-unstyled]) [data-part=picker-layout]{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-block],[data-colorwheel]:not([data-unstyled]) [data-part=palette],[data-colorwheel]:not([data-unstyled]) [data-part=controls],[data-colorwheel]:not([data-unstyled]) [data-part=diagnostics],[data-colorwheel]:not([data-unstyled]) [data-part=export]{border:1px solid var(--colorwheel-border);border-radius:var(--colorwheel-radius);background:var(--colorwheel-surface);min-width:0;box-shadow:var(--colorwheel-shadow);padding:clamp(1rem,2.5vw,1.5rem)}[data-colorwheel]:not([data-unstyled]) [data-part=controls],[data-colorwheel]:not([data-unstyled]) [data-part=diagnostics],[data-colorwheel]:not([data-unstyled]) [data-part=export]{grid-column:1/-1}[data-colorwheel]:not([data-unstyled]) [data-part=block-header]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1rem;display:flex}[data-colorwheel]:not([data-unstyled]) [data-part=block-title]{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.25}[data-colorwheel]:not([data-unstyled]) [data-part=block-description],[data-colorwheel]:not([data-unstyled]) [data-part=wheel-instructions],[data-colorwheel]:not([data-unstyled]) [data-part=field-help],[data-colorwheel]:not([data-unstyled]) [data-part=empty-state]{color:var(--colorwheel-text-muted);margin:.35rem 0 0;font-size:.875rem}[data-colorwheel]:not([data-unstyled]) [data-part=active-color],[data-colorwheel]:not([data-unstyled]) [data-part=palette-count]{color:var(--colorwheel-text-muted);letter-spacing:.02em;flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-frame]{isolation:isolate;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,28rem);margin-inline:auto;position:relative}[data-colorwheel]:not([data-unstyled]) [data-part=wheel]{z-index:2;inset:calc(var(--colorwheel-ring-width) + var(--colorwheel-ring-gap));box-shadow:0 0 0 var(--colorwheel-ring-gap) var(--colorwheel-surface), inset 0 0 0 1px #ffffff47, 0 .35rem 1rem #1f26401a;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #00000024;border-radius:50%;position:absolute}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-frame][data-ring=false] [data-part=wheel]{inset:0;box-shadow:inset 0 0 0 1px #ffffff47,0 .35rem 1rem #1f26401a}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring]{cursor:grab;touch-action:none;border-radius:50%;position:absolute;inset:0}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring]:active{cursor:grabbing}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring][aria-disabled=true]{cursor:default}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]{z-index:1;background:conic-gradient(from 0deg, var(--colorwheel-channel-end,#fff) 0deg, var(--colorwheel-channel-mid,gray) 90deg, var(--colorwheel-channel-start,#000) 180deg, var(--colorwheel-channel-mid,gray) 270deg, var(--colorwheel-channel-end,#fff) 360deg);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--colorwheel-ring-width)), #000 calc(100% - var(--colorwheel-ring-width) + 1px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--colorwheel-ring-width)), #000 calc(100% - var(--colorwheel-ring-width) + 1px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--colorwheel-ring-width)), #000 calc(100% - var(--colorwheel-ring-width) + 1px));pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 .25rem .9rem #1f26401f,inset 0 0 0 1px #00000024}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:before,[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:after{content:"";pointer-events:none;border-radius:50%;position:absolute}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:before{inset:0;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 1px #00000047}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:after{inset:var(--colorwheel-ring-width);border:1px solid #ffffff21}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-thumb]{z-index:3;left:var(--colorwheel-channel-ring-x,100%);top:var(--colorwheel-channel-ring-y,50%);width:var(--colorwheel-ring-thumb-size);height:var(--colorwheel-ring-thumb-size);background:var(--colorwheel-channel-color,gray);pointer-events:auto;transform:rotate(var(--colorwheel-channel-ring-angle,0deg)) translateX(calc(var(--colorwheel-ring-width) / -2));border:3px solid #fff;border-radius:50%;margin-block-start:calc(var(--colorwheel-ring-thumb-size) / -2);margin-inline-start:calc(var(--colorwheel-ring-thumb-size) / -2);position:absolute;box-shadow:0 0 0 1px #0000009e,0 .125rem .35rem #0000004d}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring]:focus-visible{outline:none}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring]:focus-visible [data-part=channel-ring-thumb]{outline:3px solid var(--colorwheel-focus);outline-offset:3px}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-color]{z-index:-2;border-radius:inherit;background:linear-gradient(rgb(0 0 0/calc(1 - max(var(--colorwheel-value,1), var(--colorwheel-min-visible-value,.5)))), rgb(0 0 0/calc(1 - max(var(--colorwheel-value,1), var(--colorwheel-min-visible-value,.5))))), radial-gradient(circle, #fff 0%, #fff0 100%), conic-gradient(from 0deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);position:absolute;inset:0;overflow:hidden}[data-colorwheel]:not([data-unstyled]) [data-part=wheel][data-model=oklch] [data-part=wheel-color]{background:radial-gradient(circle, oklch(var(--colorwheel-lightness,70%) 0 0) 0%, oklch(var(--colorwheel-lightness,70%) 0 0 / 0) 100%), conic-gradient(from 0deg in oklch, oklch(var(--colorwheel-lightness,70%) .5 0), oklch(var(--colorwheel-lightness,70%) .5 60), oklch(var(--colorwheel-lightness,70%) .5 120), oklch(var(--colorwheel-lightness,70%) .5 180), oklch(var(--colorwheel-lightness,70%) .5 240), oklch(var(--colorwheel-lightness,70%) .5 300), oklch(var(--colorwheel-lightness,70%) .5 360))}[data-colorwheel]:not([data-unstyled]) [data-part=harmony-lines]{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-colorwheel]:not([data-unstyled]) [data-part=harmony-lines] line{stroke:#ffffffe6;stroke-width:.8px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #000000a6)}[data-colorwheel]:not([data-unstyled]) [data-part=pointer]{z-index:2;left:var(--colorwheel-pointer-x);top:var(--colorwheel-pointer-y);cursor:grab;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}[data-colorwheel]:not([data-unstyled]) [data-part=pointer]:active{cursor:grabbing}[data-colorwheel]:not([data-unstyled]) [data-part=pointer]:not([data-editable]){cursor:default}[data-colorwheel]:not([data-unstyled]) [data-part=pointer-color]{background:var(--colorwheel-pointer-color);border:3px solid #fff;border-radius:50%;width:1.65rem;height:1.65rem;transition:width .12s,height .12s,box-shadow .12s;display:block;box-shadow:0 0 0 1px #0009,0 .2rem .55rem #00000059}[data-colorwheel]:not([data-unstyled]) [data-part=pointer][data-active=true] [data-part=pointer-color]{width:2rem;height:2rem;box-shadow:0 0 0 2px var(--colorwheel-text), 0 0 0 5px white, 0 .25rem .7rem #0006}[data-colorwheel]:not([data-unstyled]) [data-part=pointer-anchor]{display:none}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-instructions]{text-align:center;max-width:36rem;margin:1rem auto 0}[data-colorwheel]:not([data-unstyled]) [data-part=palette-list]{gap:.65rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item]{border-radius:var(--colorwheel-radius-small);background:var(--colorwheel-surface-muted);border:1px solid #0000;grid-template-columns:3.25rem minmax(8rem,1fr);align-items:center;gap:.6rem .75rem;padding:.6rem;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item][data-active]{border-color:var(--colorwheel-accent);box-shadow:inset 0 0 0 1px var(--colorwheel-accent)}[data-colorwheel]:not([data-unstyled]) [data-part=swatch]{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:.8rem;width:3.25rem;height:3.25rem;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0003}[data-colorwheel]:not([data-unstyled]) [data-part=swatch-color]{background:var(--colorwheel-swatch-color)}[data-colorwheel]:not([data-unstyled]) [data-part=anchor-mark]{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#000000b8;border-radius:.25rem;padding:.05rem .2rem;font-size:.55rem;font-weight:800;position:absolute;inset-block-end:.2rem;inset-inline:.2rem}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item-fields]{grid-template-columns:minmax(0,1fr) minmax(7rem,.75fr);gap:.45rem;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item-actions]{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;padding-inline-start:4rem;display:flex}[data-colorwheel]:not([data-unstyled]) [data-part=field]{gap:.35rem;min-width:0;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=field-label],[data-colorwheel]:not([data-unstyled]) [data-part=channel-label]{color:var(--colorwheel-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:750}[data-colorwheel]:not([data-unstyled]) input:not([type=range]),[data-colorwheel]:not([data-unstyled]) select{border:1px solid var(--colorwheel-border);background:var(--colorwheel-surface);width:100%;min-width:0;min-height:2.75rem;color:var(--colorwheel-text);font:inherit;border-radius:.6rem;padding:.55rem .7rem}[data-colorwheel]:not([data-unstyled]) [data-part=color-input]{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}[data-colorwheel]:not([data-unstyled]) [aria-invalid=true]{border-color:var(--colorwheel-danger)}[data-colorwheel]:not([data-unstyled]) [data-part=field-error]{color:var(--colorwheel-danger);grid-column:1/-1;font-size:.75rem}[data-colorwheel]:not([data-unstyled]) button,[data-colorwheel]:not([data-unstyled]) select,[data-colorwheel]:not([data-unstyled]) input{touch-action:manipulation}[data-colorwheel]:not([data-unstyled]) button:not([data-part=pointer]):not([data-part=swatch]){border:1px solid var(--colorwheel-border);background:var(--colorwheel-surface);min-width:2.75rem;min-height:2.75rem;color:var(--colorwheel-text);font:inherit;cursor:pointer;border-radius:.6rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:700}[data-colorwheel]:not([data-unstyled]) button[data-part=primary-button]{border-color:var(--colorwheel-accent);background:var(--colorwheel-accent);color:#fff}[data-colorwheel]:not([data-unstyled]) button:disabled,[data-colorwheel]:not([data-unstyled]) input:disabled,[data-colorwheel]:not([data-unstyled]) select:disabled{cursor:not-allowed;opacity:.52}[data-colorwheel]:not([data-unstyled]) button:hover:not(:disabled),[data-colorwheel]:not([data-unstyled]) select:hover:not(:disabled),[data-colorwheel]:not([data-unstyled]) input:hover:not(:disabled){border-color:color-mix(in srgb, var(--colorwheel-accent) 55%, var(--colorwheel-border))}[data-colorwheel]:not([data-unstyled]) :focus-visible{outline:3px solid var(--colorwheel-focus);outline-offset:3px}[data-colorwheel]:not([data-unstyled]) [data-part=controls-grid],[data-colorwheel]:not([data-unstyled]) [data-part=editing-controls]{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=channels]{border:0;gap:.7rem;margin:1.25rem 0 0;padding:0;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=channel]{grid-template-columns:6.5rem minmax(5rem,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=channel] input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--colorwheel-accent);margin:0}[data-colorwheel]:not([data-unstyled]) [data-part=channel-value]{color:var(--colorwheel-text-muted);text-align:end;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic-list]{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic]{border-inline-start:4px solid var(--colorwheel-border);background:var(--colorwheel-surface-muted);border-radius:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;font-size:.875rem;display:grid}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic][data-severity=warning]{border-inline-start-color:#b7791f}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic][data-severity=error]{border-inline-start-color:var(--colorwheel-danger)}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic-severity]{letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic-colors]{color:var(--colorwheel-text-muted);font-size:.75rem}[data-colorwheel]:not([data-unstyled]) [data-part=diagnostic-empty]{background:var(--colorwheel-surface-muted);color:var(--colorwheel-text-muted);border-radius:.5rem;margin:0;padding:.75rem;font-size:.875rem}[data-colorwheel]:not([data-unstyled]) [data-part=export-actions]{flex-wrap:wrap;gap:.55rem;display:flex}[data-colorwheel]:not([data-unstyled]) .colorwheel-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){[data-colorwheel]:not([data-unstyled]) [data-part=picker-layout]{grid-template-columns:minmax(0,1fr)}[data-colorwheel]:not([data-unstyled]) [data-part=controls],[data-colorwheel]:not([data-unstyled]) [data-part=diagnostics],[data-colorwheel]:not([data-unstyled]) [data-part=export]{grid-column:auto}}@media (width<=420px){[data-colorwheel]:not([data-unstyled]) [data-part=wheel-block],[data-colorwheel]:not([data-unstyled]) [data-part=palette],[data-colorwheel]:not([data-unstyled]) [data-part=controls],[data-colorwheel]:not([data-unstyled]) [data-part=diagnostics],[data-colorwheel]:not([data-unstyled]) [data-part=export]{border-radius:1rem;padding:.85rem}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item-fields]{grid-template-columns:minmax(0,1fr)}[data-colorwheel]:not([data-unstyled]) [data-part=palette-item-actions]{padding-inline-start:0}[data-colorwheel]:not([data-unstyled]) [data-part=channel]{grid-template-columns:minmax(0,1fr) 4.25rem}[data-colorwheel]:not([data-unstyled]) [data-part=channel-label]{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){[data-colorwheel]:not([data-unstyled]) *,[data-colorwheel]:not([data-unstyled]) :before,[data-colorwheel]:not([data-unstyled]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]{border:var(--colorwheel-ring-width) solid CanvasText;forced-color-adjust:none;background:canvas;-webkit-mask:none;mask:none}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:before,[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-track]:after{display:none}[data-colorwheel]:not([data-unstyled]) [data-part=channel-ring-thumb]{forced-color-adjust:none;background:canvastext;border-color:canvas}[data-colorwheel]:not([data-unstyled]) [data-part=wheel-color]{background:canvas}[data-colorwheel]:not([data-unstyled]) [data-part=harmony-lines] line{stroke:canvastext;filter:none}[data-colorwheel]:not([data-unstyled]) [data-part=pointer-color],[data-colorwheel]:not([data-unstyled]) [data-part=swatch]{forced-color-adjust:none;border-color:canvastext}}.relationship-picker{--relationship-surface:#080d14;--relationship-surface-raised:#121a26;--relationship-surface-hover:#182231;--relationship-border:#e8eef829;--relationship-border-strong:#e8eef847;--relationship-text:#f3f6fb;--relationship-muted:#9aa8bb;--relationship-acid:#dbff67;--relationship-cyan:#55e6d2;color:var(--relationship-text);flex:none;font:650 .75rem/1.2 Manrope,ui-sans-serif,system-ui,sans-serif;position:relative}.relationship-picker button{font:inherit}.relationship-picker__trigger{border:1px solid var(--relationship-border);background:var(--relationship-surface);width:13.1rem;min-height:2.75rem;color:var(--relationship-text);cursor:pointer;text-align:left;border-radius:.75rem;grid-template-columns:1.65rem minmax(0,1fr) .9rem;align-items:center;gap:.55rem;padding:.3rem .62rem .3rem .42rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid}.relationship-picker__trigger:hover,.relationship-picker__trigger[aria-expanded=true]{border-color:var(--relationship-border-strong);background:#0c121b}.relationship-picker__trigger:focus-visible{border-color:var(--relationship-acid);outline:0;box-shadow:0 0 0 3px #dbff6726}.relationship-picker__trigger-copy,.relationship-picker__option-copy{min-width:0;display:grid}.relationship-picker__trigger-copy small{color:var(--relationship-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.5rem;font-weight:800;line-height:1}.relationship-picker__trigger-copy strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.72rem;font-weight:800;overflow:hidden}.relationship-picker__chevron{width:.9rem;height:.9rem;color:var(--relationship-muted);transition:transform .15s;display:grid}.relationship-picker__trigger[aria-expanded=true] .relationship-picker__chevron{transform:rotate(180deg)}.relationship-picker__chevron svg,.relationship-picker__selected svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:100%;height:100%}.relationship-glyph{width:1.65rem;height:1.65rem;display:block;overflow:visible}.relationship-glyph__ring{fill:#0e1621;stroke:#e0e8f440;stroke-width:1px}.relationship-glyph__dot{fill:var(--relationship-cyan);stroke:#081018;stroke-width:1.1px}.relationship-glyph__dot--base{fill:var(--relationship-acid)}.relationship-glyph__tone{fill:color-mix(in srgb, var(--relationship-cyan) 45%, #172231)}.relationship-glyph__tone--base{fill:var(--relationship-acid)}.relationship-picker__popover{z-index:80;border:1px solid var(--relationship-border-strong);background:#0f1722;border-radius:1rem;width:min(30rem,100vw - 2rem);padding:.7rem;position:absolute;inset-block-start:calc(100% + .65rem);inset-inline-end:0;box-shadow:0 2rem 5rem #00000085,0 0 0 1px #00000038}.relationship-picker__header{border-bottom:1px solid var(--relationship-border);gap:.2rem;padding:.3rem .4rem .72rem;display:grid}.relationship-picker__header strong{font-size:.78rem;font-weight:800}.relationship-picker__header span{color:var(--relationship-muted);font-size:.65rem;font-weight:550}.relationship-picker__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;padding-top:.55rem;display:grid}.relationship-picker__option{min-width:0;min-height:4rem;color:var(--relationship-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.78rem;grid-template-columns:2.25rem minmax(0,1fr) 1rem;align-items:center;gap:.55rem;padding:.52rem .58rem;display:grid}.relationship-picker__option:hover,.relationship-picker__option:focus-visible,.relationship-picker__option[data-active]{border-color:var(--relationship-border);background:var(--relationship-surface-hover);outline:0}.relationship-picker__option[aria-selected=true]{background:linear-gradient(135deg,#dbff671a,#55e6d212);border-color:#dbff6761}.relationship-picker__option .relationship-glyph{width:2.15rem;height:2.15rem}.relationship-picker__option-copy{gap:.2rem}.relationship-picker__option-copy strong{font-size:.74rem;font-weight:800}.relationship-picker__option-copy small{color:var(--relationship-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;font-weight:550;line-height:1.25;overflow:hidden}.relationship-picker__selected{width:.95rem;height:.95rem;color:var(--relationship-acid);place-items:center;display:grid}@media (width<=46rem){.relationship-picker{flex:11rem}.relationship-picker__trigger{width:100%}}@media (width<=30rem){.relationship-picker__popover{width:auto;max-height:calc(100dvh - 2rem);position:fixed;inset:auto 1rem 1rem;overflow-y:auto}.relationship-picker__list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.relationship-picker__trigger,.relationship-picker__chevron{transition:none}}.seed-color-picker{--seed-picker-surface:var(--colorwheel-picker-surface,#fff);--seed-picker-surface-raised:var(--colorwheel-picker-surface-raised,#f7f9fc);--seed-picker-text:var(--colorwheel-picker-text,#172033);--seed-picker-muted:var(--colorwheel-picker-muted,#617087);--seed-picker-border:var(--colorwheel-picker-border,#d7deea);--seed-picker-focus:var(--colorwheel-picker-focus,#635bff);--seed-picker-shadow:var(--colorwheel-picker-shadow,0 20px 55px #18233a2e, 0 4px 14px #18233a1a);color:var(--seed-picker-text);font:500 .875rem/1.3 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:inline-block;position:relative}.seed-color-picker button,.seed-color-picker input{font:inherit}.seed-color-picker__trigger{min-height:2.65rem;color:var(--seed-picker-text);background:var(--seed-picker-surface);border:1px solid var(--seed-picker-border);cursor:pointer;border-radius:.7rem;grid-template-columns:1.65rem auto 1rem;align-items:center;gap:.55rem;padding:.3rem .62rem .3rem .36rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:inline-grid;box-shadow:0 1px 2px #18233a0d}.seed-color-picker__trigger:hover{border-color:color-mix(in srgb, var(--seed-picker-focus) 42%, var(--seed-picker-border));box-shadow:0 3px 10px #18233a1a}.seed-color-picker__trigger:active{transform:translateY(1px)}.seed-color-picker__trigger:focus-visible,.seed-color-picker__close:focus-visible,.seed-color-picker__plane:focus-visible,.seed-color-picker input:focus-visible{outline:3px solid color-mix(in srgb, var(--seed-picker-focus) 25%, transparent);outline-offset:2px}.seed-color-picker__trigger-swatch,.seed-color-picker__current-swatch{background:var(--seed-picker-current);border:1px solid #10182829;display:block;box-shadow:inset 0 0 0 1px #ffffff4d}.seed-color-picker__trigger-swatch{border-radius:.46rem;width:1.65rem;height:1.65rem}.seed-color-picker__trigger-value{letter-spacing:.015em;min-width:4.4rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.79rem}.seed-color-picker__chevron{width:1rem;height:1rem;color:var(--seed-picker-muted);transition:transform .14s;display:grid}.seed-color-picker__trigger[aria-expanded=true] .seed-color-picker__chevron{transform:rotate(180deg)}.seed-color-picker__chevron svg,.seed-color-picker__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:100%;height:100%}.seed-color-picker__popover{z-index:50;width:min(20rem,100vw - 2rem);color:var(--seed-picker-text);background:var(--seed-picker-surface);border:1px solid var(--seed-picker-border);box-shadow:var(--seed-picker-shadow);border-radius:1rem;padding:1rem;animation:.14s ease-out seed-picker-enter;position:absolute;inset-block-start:calc(100% + .65rem);inset-inline-start:0}.seed-color-picker__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:.85rem;display:flex}.seed-color-picker__header h3,.seed-color-picker__eyebrow,.seed-color-picker__error{margin:0}.seed-color-picker__header h3{font-size:.97rem;line-height:1.2}.seed-color-picker__eyebrow{color:var(--seed-picker-muted);letter-spacing:.1em;text-transform:uppercase;margin-block-end:.15rem;font-size:.68rem;font-weight:750}.seed-color-picker__close{width:2rem;height:2rem;color:var(--seed-picker-muted);cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;padding:.45rem;display:grid}.seed-color-picker__close:hover{color:var(--seed-picker-text);background:var(--seed-picker-surface-raised)}.seed-color-picker__plane{aspect-ratio:1.72;background-color:var(--seed-picker-hue);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #0f172a29;border-radius:.72rem;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.seed-color-picker__plane-thumb{background:var(--seed-picker-current);pointer-events:none;border:2px solid #fff;border-radius:50%;width:1.05rem;height:1.05rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0f172a8c,0 2px 5px #0f172a52}.seed-color-picker__range{gap:.38rem;margin-block-start:.8rem;display:grid}.seed-color-picker__range>span{color:var(--seed-picker-muted);justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.72rem;font-weight:650;display:flex}.seed-color-picker__range output{color:var(--seed-picker-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem;font-weight:600}.seed-color-picker__range input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:.9rem;margin:0;padding:0}.seed-color-picker__range input[type=range]::-webkit-slider-runnable-track{background:var(--seed-picker-track);border:1px solid #0f172a1f;border-radius:999px;height:.5rem}.seed-color-picker__range input[type=range]::-moz-range-track{background:var(--seed-picker-track);border:1px solid #0f172a1f;border-radius:999px;height:.5rem}.seed-color-picker__range input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--seed-picker-thumb,var(--seed-picker-current));border:2px solid #fff;border-radius:50%;width:.95rem;height:.95rem;margin-block-start:-.27rem;box-shadow:0 0 0 1px #0f172a57,0 1px 3px #0f172a38}.seed-color-picker__range input[type=range]::-moz-range-thumb{background:var(--seed-picker-thumb,var(--seed-picker-current));border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #0f172a57,0 1px 3px #0f172a38}.seed-color-picker__range--hue{--seed-picker-track:linear-gradient(90deg, red 0%, #ff0 16.67%, #0f0 33.33%, #0ff 50%, #00f 66.67%, #f0f 83.33%, red 100%);--seed-picker-thumb:var(--seed-picker-hue)}.seed-color-picker__range--saturation{--seed-picker-track:linear-gradient(90deg, var(--seed-picker-saturation-start), var(--seed-picker-saturation-end))}.seed-color-picker__range--value{--seed-picker-track:linear-gradient(90deg, var(--seed-picker-value-start), var(--seed-picker-value-end))}.seed-color-picker__channels{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.seed-color-picker__hex-row{border-block-start:1px solid var(--seed-picker-border);grid-template-columns:2.6rem 1fr;align-items:end;gap:.7rem;margin-block-start:.9rem;padding-block-start:.9rem;display:grid}.seed-color-picker__current-swatch{border-radius:.62rem;width:2.6rem;height:2.6rem}.seed-color-picker__hex-field{color:var(--seed-picker-muted);gap:.3rem;font-size:.7rem;font-weight:650;display:grid}.seed-color-picker__hex-field input{width:100%;min-width:0;height:2.6rem;color:var(--seed-picker-text);background:var(--seed-picker-surface-raised);border:1px solid var(--seed-picker-border);letter-spacing:.025em;text-transform:uppercase;border-radius:.62rem;padding:0 .75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.seed-color-picker__hex-field input[aria-invalid=true]{border-color:#d92d20}.seed-color-picker__error{color:#b42318;margin-block-start:.45rem;font-size:.72rem}.seed-color-picker__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes seed-picker-enter{0%{opacity:0;transform:translateY(-.3rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-color-scheme:dark){.seed-color-picker{--seed-picker-surface:var(--colorwheel-picker-surface,#151b28);--seed-picker-surface-raised:var(--colorwheel-picker-surface-raised,#1e2636);--seed-picker-text:var(--colorwheel-picker-text,#f4f7fb);--seed-picker-muted:var(--colorwheel-picker-muted,#a7b2c4);--seed-picker-border:var(--colorwheel-picker-border,#354054);--seed-picker-shadow:var(--colorwheel-picker-shadow,0 24px 60px #00000061, 0 4px 16px #00000047)}}@media (width<=30rem){.seed-color-picker__popover{width:auto;max-height:calc(100dvh - 2rem);position:fixed;inset:auto 1rem 1rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.seed-color-picker__popover{animation:none}.seed-color-picker__trigger,.seed-color-picker__chevron{transition:none}}.theme-builder-shell{border:1px solid var(--line-strong);background:#0b1119;border-radius:clamp(1rem,2vw,1.35rem);grid-template-columns:minmax(15rem,.58fr) minmax(0,1.42fr);min-width:0;display:grid;overflow:hidden;box-shadow:0 2rem 5rem #0000003d}.theme-builder-controls{border-right:1px solid var(--line);background:radial-gradient(circle at 10% 2%,#8b7cff1f,#0000 14rem),#0c131d;align-content:start;gap:1.15rem;min-width:0;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.theme-builder-controls-heading{gap:.3rem;display:grid}.theme-builder-controls-heading .eyebrow{margin:0 0 .2rem}.theme-builder-controls-heading h3{letter-spacing:-.025em;margin:0;font-size:1.15rem;line-height:1.25}.theme-builder-controls-heading a,.theme-builder-full-link{color:#c8c1ff;text-underline-offset:.2rem;width:fit-content;font-size:.71rem;font-weight:750;line-height:1.5}.theme-builder-swatches{flex-wrap:wrap;gap:.45rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.theme-builder-swatches li{display:contents}.theme-builder-swatches li>span:first-child{aspect-ratio:1;background:var(--theme-swatch);border:2px solid #ffffff94;border-radius:.62rem;width:2.5rem;box-shadow:0 .45rem 1rem #00000040}.theme-builder-field,.theme-file-picker{gap:.42rem;min-width:0;display:grid}.theme-builder-field>span,.theme-file-picker>span,.theme-code-heading span,.theme-diagnostics>div>span,.theme-preview-heading>div:first-child>span{color:var(--muted);letter-spacing:.065em;text-transform:uppercase;font-family:DM Mono,ui-monospace,monospace;font-size:.59rem;font-weight:700}.theme-builder-field select,.theme-file-picker select{border:1px solid var(--line-strong);appearance:none;background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - .9rem) 1.18rem / .3rem .3rem no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - .6rem) 1.18rem / .3rem .3rem no-repeat, #080d14;width:100%;min-width:0;min-height:2.85rem;color:var(--text);cursor:pointer;font:inherit;border-radius:.66rem;padding:.62rem 2.2rem .62rem .75rem;font-size:.75rem;font-weight:700}.theme-target-description{color:var(--muted);margin:-.45rem 0 0;font-size:.7rem;line-height:1.55}.theme-target-description span{color:#c8c1ff;letter-spacing:.04em;text-transform:uppercase;background:#8b7cff17;border:1px solid #8b7cff47;border-radius:999px;margin-right:.25rem;padding:.13rem .38rem;font-family:DM Mono,ui-monospace,monospace;font-size:.56rem;font-weight:800;display:inline-block}.theme-profile-control{border:1px solid var(--line);background:#080d14;border-radius:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.2rem;display:grid}.theme-profile-control button{min-height:2.75rem;color:var(--muted);cursor:pointer;font:inherit;text-transform:capitalize;background:0 0;border:0;border-radius:.5rem;padding:.45rem .8rem;font-size:.69rem;font-weight:800}.theme-profile-control button[aria-pressed=true]{background:var(--surface-high);color:var(--text);box-shadow:0 .35rem .9rem #00000040}.theme-build-status{min-height:1.4rem;color:var(--muted);align-items:center;gap:.5rem;font-family:DM Mono,ui-monospace,monospace;font-size:.64rem;display:flex}.theme-build-status>span{aspect-ratio:1;background:#ff8799;border-radius:50%;flex:none;width:.48rem}.theme-build-status>span[data-state=working]{background:#ffd166;box-shadow:0 0 .7rem #ffd16673}.theme-build-status>span[data-state=ready]{background:var(--cyan);box-shadow:0 0 .7rem #55d6be73}.theme-download-button{border:1px solid var(--acid);background:var(--acid);color:#0b0e13;cursor:pointer;width:100%;min-height:3rem;font:inherit;border-radius:.72rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.74rem;font-weight:850;display:inline-flex}.theme-download-button:not(:disabled):hover{background:#e6ff94}.theme-download-button:disabled{border-color:var(--line-strong);background:var(--surface-high);color:var(--muted);cursor:wait}.theme-builder-full-link{justify-self:center;margin-top:-.2rem}.theme-builder-results{gap:1rem;min-width:0;padding:clamp(.8rem,2vw,1.25rem);display:grid}.theme-preview-panel,.theme-code-panel,.theme-diagnostics{border:1px solid var(--line);background:#0e151f;border-radius:.95rem;min-width:0;overflow:hidden}.theme-preview-heading,.theme-code-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;min-width:0;min-height:3.7rem;padding:.7rem .85rem;display:flex}.theme-preview-heading h3,.theme-code-heading h3,.theme-diagnostics h3{letter-spacing:-.015em;margin:.17rem 0 0;font-size:.88rem}.theme-preview-badges{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;min-width:0;display:flex}.theme-preview-badges span{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:.24rem .48rem;font-family:DM Mono,ui-monospace,monospace;font-size:.54rem}.theme-product-preview{--theme-preview-radius:.6rem;background:var(--theme-preview-background);min-width:0;min-height:26rem;color:var(--theme-preview-foreground);grid-template-columns:minmax(8.4rem,.24fr) minmax(0,.76fr);font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.theme-product-preview[data-preview-style=sharp]{--theme-preview-radius:.2rem}.theme-product-preview[data-preview-style=rounded]{--theme-preview-radius:1rem}.theme-product-sidebar{border-right:1px solid var(--theme-preview-border);background:var(--theme-preview-surface);flex-direction:column;gap:1rem;min-width:0;padding:.9rem .7rem;display:flex}.theme-product-brand{align-items:center;gap:.5rem;font-size:.69rem;display:flex}.theme-product-brand>span{aspect-ratio:1;border-radius:calc(var(--theme-preview-radius) * .75);background:var(--theme-preview-primary);width:1.65rem;color:var(--theme-preview-primary-text);place-items:center;font-size:.63rem;font-weight:900;display:grid}.theme-product-nav{gap:.25rem;display:grid}.theme-product-nav>span{border-radius:var(--theme-preview-radius);min-height:2.1rem;color:var(--theme-preview-muted);align-items:center;gap:.45rem;padding:.4rem .5rem;font-size:.59rem;font-weight:700;display:flex}.theme-product-nav>span.is-active{background:var(--theme-preview-primary);color:var(--theme-preview-primary-text)}.theme-product-nav svg,.theme-product-search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:.82rem;height:.82rem}.theme-product-plan{border:1px solid var(--theme-preview-border);border-radius:var(--theme-preview-radius);background:var(--theme-preview-background);gap:.25rem;margin-top:auto;padding:.65rem;display:grid}.theme-product-plan small{color:var(--theme-preview-muted);font-size:.5rem}.theme-product-plan strong{font-size:.58rem}.theme-product-plan>span{background:var(--theme-preview-border);border-radius:99px;height:.25rem;margin-top:.2rem;overflow:hidden}.theme-product-plan i{border-radius:inherit;background:var(--theme-preview-accent);width:72%;height:100%;display:block}.theme-product-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.theme-product-topbar{border-bottom:1px solid var(--theme-preview-border);background:var(--theme-preview-surface);grid-template-columns:1fr auto auto;align-items:center;gap:.65rem;min-width:0;min-height:3.2rem;padding:.65rem .8rem;font-size:.58rem;display:grid}.theme-product-topbar small{color:var(--theme-preview-muted)}.theme-product-search{border:1px solid var(--theme-preview-border);border-radius:var(--theme-preview-radius);min-width:5.7rem;min-height:1.8rem;color:var(--theme-preview-muted);align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex}.theme-product-avatar{aspect-ratio:1;background:var(--theme-preview-accent);width:1.75rem;color:var(--theme-preview-accent-text);border-radius:50%;place-items:center;font-size:.48rem;font-weight:900;display:grid}.theme-product-content{align-content:start;gap:.72rem;min-width:0;padding:clamp(.65rem,2vw,1rem);display:grid}.theme-product-title{justify-content:space-between;align-items:flex-end;gap:.7rem;display:flex}.theme-product-title>div{gap:.15rem;display:grid}.theme-product-title small{color:var(--theme-preview-muted);font-size:.5rem}.theme-product-title strong{letter-spacing:-.035em;font-size:clamp(.78rem,1.6vw,1.1rem)}.theme-product-title>span{border-radius:var(--theme-preview-radius);background:var(--theme-preview-primary);color:var(--theme-preview-primary-text);padding:.46rem .62rem;font-size:.54rem;font-weight:800}.theme-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;min-width:0;display:grid}.theme-metric-grid>div,.theme-chart-card,.theme-activity-card{border:1px solid var(--theme-preview-border);border-radius:var(--theme-preview-radius);background:var(--theme-preview-surface);min-width:0;padding:.65rem}.theme-metric-grid>div{gap:.18rem;display:grid}.theme-metric-grid small,.theme-chart-card small,.theme-activity-card small{color:var(--theme-preview-muted);font-size:.48rem}.theme-metric-grid strong{letter-spacing:-.025em;text-overflow:ellipsis;font-size:clamp(.72rem,1.7vw,1rem);overflow:hidden}.theme-metric-grid span{color:var(--theme-preview-accent);font-size:.5rem;font-weight:800}.theme-product-detail-grid{grid-template-columns:minmax(0,1.3fr) minmax(8rem,.7fr);gap:.55rem;min-width:0;display:grid}.theme-chart-card,.theme-activity-card{gap:.65rem;display:grid}.theme-chart-card>div:first-child,.theme-activity-card>div:first-child{justify-content:space-between;align-items:center;gap:.5rem;font-size:.58rem;display:flex}.theme-chart-bars{align-items:flex-end;gap:.3rem;min-height:6.4rem;display:flex}.theme-chart-bars span{width:100%;height:var(--bar-height);border-radius:calc(var(--theme-preview-radius) * .45) calc(var(--theme-preview-radius) * .45) 0 0;background:var(--theme-preview-primary);opacity:.45}.theme-chart-bars span:nth-child(3n),.theme-chart-bars span:last-child{background:var(--theme-preview-accent);opacity:.9}.theme-activity-card p{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;min-width:0;margin:0;display:grid}.theme-activity-card p>span:first-child{aspect-ratio:1;background:var(--theme-preview-accent);width:1.65rem;color:var(--theme-preview-accent-text);border-radius:50%;place-items:center;font-size:.43rem;font-weight:900;display:grid}.theme-activity-card p:last-child>span:first-child{background:var(--theme-preview-primary);color:var(--theme-preview-primary-text)}.theme-activity-card p>span:last-child{gap:.1rem;min-width:0;display:grid}.theme-activity-card p strong{text-overflow:ellipsis;white-space:nowrap;font-size:.5rem;overflow:hidden}.theme-preview-note{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:.58rem .85rem;font-size:.62rem;line-height:1.55}.theme-code-heading button{border:1px solid var(--line-strong);min-height:2.75rem;color:var(--text);cursor:pointer;font:inherit;background:#ffffff0a;border-radius:.62rem;padding:.5rem .72rem;font-size:.68rem;font-weight:800}.theme-code-heading button:disabled{color:var(--muted);cursor:wait;opacity:.65}.theme-file-picker{padding:.75rem .85rem 0}.theme-file-picker select{min-height:2.7rem}.theme-code-meta{min-width:0;color:var(--muted);flex-wrap:wrap;gap:.45rem .8rem;padding:.55rem .85rem;font-family:DM Mono,ui-monospace,monospace;font-size:.56rem;display:flex}.theme-code-panel pre{border-top:1px solid var(--line);color:#d9e2ee;tab-size:2;background:#080d14;height:min(20rem,46vh);margin:0;padding:1rem;font-family:DM Mono,ui-monospace,monospace;font-size:.72rem;line-height:1.65;overflow:auto}.theme-code-empty{min-height:8rem;color:var(--muted);place-items:center;padding:1rem;font-size:.75rem;display:grid}.theme-diagnostics{grid-template-columns:minmax(10rem,.36fr) minmax(0,.64fr);align-items:start;gap:1rem;padding:.8rem .9rem;display:grid}.theme-diagnostics>p{color:var(--muted);margin:0;font-size:.68rem;line-height:1.6}.theme-diagnostics ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.theme-diagnostics li{border-left:2px solid var(--cyan);gap:.12rem;min-width:0;padding-left:.65rem;font-size:.63rem;line-height:1.45;display:grid}.theme-diagnostics li[data-severity=warning]{border-color:#ffd166}.theme-diagnostics li[data-severity=error]{border-color:#ff8799}.theme-diagnostics li strong{color:var(--text);overflow-wrap:anywhere;font-family:DM Mono,ui-monospace,monospace}.theme-diagnostics li span{color:var(--muted);overflow-wrap:anywhere}.theme-builder-field select:focus-visible,.theme-file-picker select:focus-visible,.theme-profile-control button:focus-visible,.theme-download-button:focus-visible,.theme-builder-full-link:focus-visible,.theme-code-heading button:focus-visible,.theme-builder-controls-heading a:focus-visible,.theme-code-panel pre:focus-visible{outline:3px solid var(--acid);outline-offset:2px}@media (width<=900px){.theme-builder-shell{grid-template-columns:minmax(13rem,.45fr) minmax(0,1fr)}.theme-product-preview{grid-template-columns:minmax(6.7rem,.22fr) minmax(0,.78fr)}.theme-product-nav>span{padding-inline:.35rem;font-size:.52rem}.theme-product-plan{display:none}}@media (width<=740px){.theme-builder-shell{grid-template-columns:minmax(0,1fr)}.theme-builder-controls{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr))}.theme-builder-controls-heading,.theme-builder-swatches,.theme-target-description,.theme-build-status,.theme-download-button,.theme-builder-full-link{grid-column:1/-1}.theme-builder-full-link{justify-self:start}}@media (width<=520px){.theme-builder-controls{grid-template-columns:minmax(0,1fr)}.theme-builder-controls>*{grid-column:auto}.theme-product-preview{grid-template-columns:minmax(0,1fr);min-height:24rem}.theme-product-sidebar{border-right:0;border-bottom:1px solid var(--theme-preview-border);flex-direction:row;align-items:center;padding:.65rem}.theme-product-nav{min-width:0;margin-left:auto;display:flex}.theme-product-nav>span{min-height:1.9rem}.theme-product-nav>span:not(.is-active){display:none}.theme-product-topbar{grid-template-columns:minmax(0,1fr) auto}.theme-product-search{display:none}.theme-product-title{align-items:center}.theme-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-metric-grid>div:last-child{display:none}.theme-product-detail-grid{grid-template-columns:minmax(0,1fr)}.theme-activity-card{display:none}.theme-preview-heading,.theme-code-heading{align-items:flex-start}.theme-preview-heading{display:grid}.theme-preview-badges{justify-content:flex-start}.theme-diagnostics{grid-template-columns:minmax(0,1fr)}}@media (width<=360px){.theme-builder-controls,.theme-builder-results{padding:.7rem}.theme-code-heading{display:grid}.theme-code-heading button{width:100%}.theme-product-title>span{display:none}.theme-code-panel pre{padding:.85rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.theme-build-status>span{box-shadow:none}}:root{color:#edf0f6;font-synthesis:none;text-rendering:optimizelegibility;--page:#080b11;--surface-high:#182231;--line:#e8eef821;--line-strong:#e8eef840;--text:#edf0f6;--muted:#99a4b5;--acid:#dbff67;--violet:#8b7cff;--cyan:#55d6be;background:#080b11;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:radial-gradient(circle at 92% 8%, #8b7cff1c, transparent 27rem), radial-gradient(circle at 4% 23%, #55d6be12, transparent 23rem), var(--page);min-height:100vh;margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.accessibility-fixture__main{width:min(74rem,100% - 2rem);margin-inline:auto;padding-block:clamp(2rem,6vw,5rem)}.accessibility-fixture__header{max-width:50rem;margin-bottom:1.5rem}.accessibility-fixture__header h1{letter-spacing:-.055em;margin-block:.7rem 1rem;font-size:clamp(2rem,6vw,4rem);line-height:.98}.accessibility-fixture__header p:not(.section-kicker){color:var(--muted);line-height:1.7}.accessibility-fixture__header a{text-underline-offset:.25rem;align-items:center;min-height:2.75rem;text-decoration:underline;display:inline-flex}.accessibility-fixture__status{color:var(--acid);margin-block:0 1rem;font-family:DM Mono,ui-monospace,monospace;font-size:.78rem}.skip-link{z-index:100;background:var(--acid);color:#0b0e13;border-radius:.5rem;padding:.7rem 1rem;font-weight:800;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b11d1;position:sticky;top:0}.site-nav,.hero,.content-section,.site-footer{width:min(100% - 2rem,1180px);margin-inline:auto}.site-nav{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.brand{color:var(--text);letter-spacing:-.025em;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-mark{aspect-ratio:1;background:conic-gradient(from 35deg,#ff7a90,#ffd166,#55d6be,#71b7ff,#8b7cff,#ff7a90);border-radius:50%;flex:none;place-items:center;width:1.75rem;display:inline-grid;position:relative;box-shadow:0 0 1.4rem #8b7cff4d}.logo-mark span{aspect-ratio:1;background:var(--page);border-radius:50%;width:42%}.nav-links{align-items:center;gap:clamp(.8rem,3vw,2rem);min-width:0;display:flex}.nav-links a,.site-footer nav a{color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none}.nav-links a{align-items:center;min-height:2.75rem;display:inline-flex}.nav-links a:hover,.site-footer nav a:hover{color:var(--text)}.nav-links .github-link{border:1px solid var(--line-strong);min-height:2.45rem;color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding-inline:.8rem;display:inline-flex}.hero{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:min(48rem,100vh - 4.5rem);padding-block:clamp(4rem,10vw,8rem);display:grid;overflow:clip}.eyebrow{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;margin:0 0 1.1rem;font-family:DM Mono,monospace;font-size:.7rem;font-weight:500;display:flex}.eyebrow>span{aspect-ratio:1;background:currentColor;border-radius:50%;width:.42rem;box-shadow:0 0 .8rem}.hero h1{letter-spacing:-.075em;max-width:13ch;margin:0;font-size:clamp(3rem,6.8vw,6.15rem);font-weight:600;line-height:.94}.hero h1 em{color:var(--acid);font-style:normal}.hero-lede{max-width:39rem;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;display:flex}.primary-action{background:var(--acid);color:#0a0d12;border-radius:999px;align-items:center;gap:.7rem;min-height:3.25rem;padding-inline:1.2rem;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-action span{font-size:1rem}.secondary-action{border:1px solid var(--line-strong);min-height:3.25rem;color:var(--text);border-radius:999px;align-items:center;padding-inline:1.2rem;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--acid);color:var(--acid)}.hero-points{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:.7rem 1.4rem;margin:2.2rem 0 0;padding:2rem 0 0;font-size:.68rem;font-weight:700;list-style:none;display:flex}.hero-points li{align-items:center;gap:.45rem;display:flex}.hero-points span{color:var(--violet);font-family:DM Mono,monospace}.hero-orbit{aspect-ratio:1;justify-self:end;place-items:center;width:min(100%,31rem);display:grid;position:relative}.orbit-glow{filter:blur(12px);background:radial-gradient(circle,#8b7cff24,#0000 63%);border-radius:50%;position:absolute;inset:-7%}.orbit-wheel{aspect-ratio:1;width:76%;box-shadow:0 0 0 1.35rem #ffffff05, 0 0 0 1.4rem var(--line), 0 3rem 8rem #0000008c;background:radial-gradient(circle,#f6f4f0 0,#f6f4f000 66%),conic-gradient(from 15deg,#ff5d79,#ffd166,#41e0bd,#4ab7ff,#8b7cff,#ff5d79);border:1px solid #ffffff6b;border-radius:50%;position:relative}.orbit-center{background:#f6f4f0;border:1px solid #00000059;border-radius:50%;position:absolute;inset:42%}.orbit-node{aspect-ratio:1;border:.3rem solid #fff;border-radius:50%;width:2.25rem;position:absolute;box-shadow:0 0 0 2px #0000008c,0 .5rem 1rem #00000057}.orbit-node-a{background:#ff7a90;top:9%;left:26%}.orbit-node-b{background:#55d6be;top:56%;right:4%}.orbit-node-c{background:#8b7cff;bottom:4%;left:21%}.hero-orbit>p{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d121be6;border-radius:.8rem;gap:.1rem;padding:.7rem .85rem;display:grid;position:absolute;box-shadow:0 1rem 2rem #00000040}.hero-orbit>p:first-of-type{top:12%;right:0}.hero-orbit>p:nth-of-type(2){bottom:10%;left:0}.hero-orbit strong{font-family:DM Mono,monospace;font-size:.82rem}.hero-orbit p span{color:var(--muted);font-size:.62rem}.content-section{padding-block:clamp(3.75rem,7vw,6rem)}.section-intro{max-width:52rem;margin-bottom:clamp(1.6rem,3vw,2.35rem)}.section-intro h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.85rem,3.5vw,2.85rem);font-weight:600;line-height:1.08}.section-intro>p:last-child{max-width:43rem;color:var(--muted);margin:1.2rem 0 0;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.7}.demo-picker[data-colorwheel]{--colorwheel-accent:#8b7cff;--colorwheel-accent-strong:#a298ff;--colorwheel-canvas:#0e141e;--colorwheel-surface:#131c29;--colorwheel-surface-muted:#0e151f;--colorwheel-text:#edf0f6;--colorwheel-text-muted:#9ca8b9;--colorwheel-border:#2b3747;--colorwheel-focus:#dbff67;--colorwheel-danger:#ff8a9a;--colorwheel-shadow:none;--colorwheel-font:"Manrope", ui-sans-serif, system-ui, sans-serif;padding:clamp(.75rem,2vw,1.5rem)}.demo-picker[data-colorwheel] [data-part=wheel-block],.demo-picker[data-colorwheel] [data-part=palette]{border-color:var(--line)}.demo-picker[data-colorwheel] [data-part=wheel-color]{box-shadow:inset 0 0 4rem #06080c29}.demo-picker[data-colorwheel] [data-part=pointer][data-active=true] [data-part=pointer-color]{box-shadow:0 0 0 2px #0a0d12, 0 0 0 5px var(--acid), 0 .25rem .7rem #0006}.api-section{border-top:1px solid var(--line)}.site-footer{grid-template-columns:1.5fr 1fr auto;align-items:end;gap:2rem;padding-block:3.5rem;display:grid}.site-footer>div p,.site-footer>p{max-width:26rem;color:var(--muted);margin:.9rem 0 0;font-size:.68rem;line-height:1.6}.site-footer nav{grid-template-columns:repeat(2,auto);gap:.8rem 1.5rem;display:grid}.site-footer>p{text-align:right;margin:0}.doc-section{border-top:1px solid var(--line)}.site-footer{border-top:1px solid var(--line);align-items:center}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:.8rem 1.25rem;display:flex}.installation-section{padding-top:clamp(4.5rem,8vw,7rem)}.framework-tabs{--framework-count:5;grid-template-columns:repeat(var(--framework-count), minmax(0, 1fr));border:1px solid var(--line-strong);background:#0c121b;border-radius:.9rem;width:min(100%,44rem);min-width:0;padding:.25rem;display:grid;position:relative}.framework-tabs button{z-index:1;min-width:0;min-height:3.25rem;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.65rem;align-content:center;gap:.08rem;padding:.55rem .8rem;font-size:.78rem;font-weight:750;display:grid;position:relative}.framework-tabs button:hover,.framework-tabs button[aria-selected=true]{color:var(--text)}.framework-tabs button:focus-visible,.mode-switch button:focus-visible,.export-format-switch button:focus-visible,.copy-button:focus-visible,.export-actions button:focus-visible,.api-signature a:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.framework-tabs small{color:#b7aefa;letter-spacing:.04em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.52rem;font-weight:650}.framework-tab-indicator{z-index:0;top:.25rem;bottom:.25rem;left:calc((100% - .5rem) / var(--framework-count) * var(--framework-index) + .25rem);width:calc((100% - .5rem) / var(--framework-count));pointer-events:none;background:linear-gradient(145deg,#dbff671a,#8b7cff1a);border:1px solid #dbff6738;border-radius:.65rem;transition:left .18s;position:absolute;box-shadow:0 .65rem 1.6rem #0003}.install-panel{border:1px solid var(--line-strong);background:#0b1018;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,52rem);min-width:0;min-height:5.25rem;margin-top:.8rem;padding:.85rem;display:flex}.entry-point{color:var(--muted);margin:.7rem 0 0;font-size:.72rem}.entry-point code{color:#d6d0ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.install-panel>div{align-items:center;gap:.85rem;min-width:0;display:flex}.install-panel code,.terminal-prompt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.72rem,1.8vw,.9rem)}.install-panel code{overflow-wrap:anywhere;color:var(--text)}.terminal-prompt{color:var(--acid)}.copy-button{border:1px solid var(--line-strong);min-width:4.4rem;min-height:2.75rem;color:var(--text);cursor:pointer;font:inherit;background:0 0;border-radius:.65rem;justify-content:center;align-items:center;padding:.55rem .85rem;font-size:.72rem;font-weight:800;display:inline-flex}.copy-button:hover{border-color:var(--acid);color:var(--acid)}.examples-section .framework-tabs{margin-bottom:.8rem}.example-window{border:1px solid var(--line-strong);background:#0d141e;border-radius:clamp(1rem,2vw,1.35rem);min-width:0;overflow:visible;box-shadow:0 2rem 5rem #0000003d}.example-toolbar{border-bottom:1px solid var(--line);min-height:3.8rem;color:var(--muted);border-radius:clamp(1rem,2vw,1.35rem) clamp(1rem,2vw,1.35rem) 0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .7rem .55rem 1rem;font-size:.7rem;font-weight:750;display:flex}.example-toolbar>div:first-child{align-items:center;gap:.55rem;min-width:0;display:flex}.example-toolbar>div:first-child i{aspect-ratio:1;background:var(--cyan);width:.42rem;box-shadow:0 0 .65rem var(--cyan);border-radius:50%;flex:none}.example-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;min-width:0;display:flex}.example-seed-control{--colorwheel-picker-surface:#151d29;--colorwheel-picker-surface-raised:#202a39;--colorwheel-picker-text:var(--text);--colorwheel-picker-muted:var(--muted);--colorwheel-picker-border:#e8eef833;--colorwheel-picker-focus:var(--acid);--colorwheel-picker-shadow:0 1.5rem 4rem #0000007a}.example-seed-control .seed-color-picker__trigger{background:#080d14;min-height:2.75rem}.framework-preview,.example-code{border-radius:0 0 clamp(1rem,2vw,1.35rem) clamp(1rem,2vw,1.35rem)}.mode-switch,.export-format-switch{border:1px solid var(--line);background:#080d14;border-radius:.7rem;padding:.2rem;display:inline-grid}.mode-switch{grid-template-columns:repeat(2,minmax(4.25rem,1fr))}.mode-switch button,.export-format-switch button{min-height:2.75rem;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.5rem;padding:.45rem .8rem;font-size:.69rem;font-weight:800}.mode-switch button[aria-pressed=true],.export-format-switch button[aria-selected=true]{background:var(--surface-high);color:var(--text);box-shadow:0 .35rem .9rem #00000040}.framework-preview{min-width:0;padding:clamp(.75rem,2vw,1.4rem)}.compact-picker-layout{grid-template-columns:minmax(18rem,1.1fr) minmax(16rem,.9fr);align-items:start;gap:clamp(.8rem,2vw,1.25rem);min-width:0;display:grid}.compact-picker[data-colorwheel]{max-width:100%;padding:0}.compact-picker[data-colorwheel] [data-part=wheel-block],.compact-picker[data-colorwheel] [data-part=palette]{background:#111925;padding:clamp(.9rem,2vw,1.25rem)}.compact-picker[data-colorwheel] [data-part=wheel-frame]{width:min(100%,25rem)}.compact-picker[data-colorwheel] [data-part=palette-list]{gap:.55rem;margin-bottom:0}.compact-picker[data-colorwheel] [data-part=palette-item],.compact-picker[data-colorwheel] [data-part=palette-item]>div{min-width:0}.compact-picker.dom-picker[data-colorwheel] [data-part=picker-layout]{grid-template-columns:minmax(18rem,1.1fr) minmax(16rem,.9fr);gap:clamp(.8rem,2vw,1.25rem)}.native-evidence-preview{place-items:center;min-height:34rem;display:grid}.native-evidence-card{border:1px solid var(--line-strong);background:radial-gradient(circle at 85% 0,#00c4cc21,#0000 34%),#111925;border-radius:1.2rem;width:min(100%,50rem);padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 1.5rem 4rem #00000038}.native-evidence-icon{background:#c7ff3d12;border:1px solid #c7ff3d8c;border-radius:1rem;width:3.25rem;height:3.25rem;margin-bottom:1.35rem;padding:.35rem}.native-evidence-icon span{border:2px solid var(--acid);border-radius:.65rem;width:100%;height:100%;display:block}.native-evidence-kicker{color:var(--acid);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .55rem;font-size:.65rem;font-weight:850}.native-evidence-card h3{max-width:35rem;color:var(--text);margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.1}.native-evidence-card>div:nth-child(2)>p:last-child{max-width:43rem;color:var(--muted);margin:.8rem 0 0;line-height:1.65}.native-evidence-list{background:var(--line-strong);border-radius:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.5rem 0;padding:1px;display:grid;overflow:hidden}.native-evidence-list>div{background:#0b111a;min-width:0;padding:.9rem 1rem}.native-evidence-list dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.62rem;font-weight:800}.native-evidence-list dd{overflow-wrap:anywhere;color:var(--text);margin:0;font-size:.75rem;font-weight:700}.native-evidence-list code{color:var(--cyan)}.native-evidence-note{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:1rem;font-size:.7rem;line-height:1.55}.adapter-load-error{color:#ffd4d1;border:1px solid #ff8279;border-radius:.8rem;margin:0;padding:1rem}.example-code,.export-code{background:#090e15;min-width:0}.example-code>div,.export-code>div{border-bottom:1px solid var(--line);min-height:3rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .75rem .45rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;display:flex}.example-code pre,.export-code pre{overscroll-behavior-inline:contain;color:#dae2ee;scrollbar-gutter:stable;tab-size:2;max-height:34rem;margin:0;padding:clamp(1rem,2.5vw,1.5rem);font:.8rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.api-signature{border:1px solid var(--line-strong);background:#0d131c;border-bottom:0;border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;padding:.75rem .9rem .75rem 1rem;display:flex}.api-section .framework-tabs{margin-bottom:.8rem}.api-signature code{overflow-wrap:anywhere;color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.api-signature a{min-height:2.75rem;color:var(--text);text-underline-offset:.22rem;flex:none;align-items:center;gap:.45rem;font-size:.7rem;font-weight:800;display:inline-flex}.api-table-scroll{border:1px solid var(--line-strong);scrollbar-gutter:stable;background:#0b1119;border-radius:0 0 1rem 1rem;min-width:0;overflow-x:auto}.api-table-scroll:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.api-table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:48rem}.api-table-scroll caption{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.api-table-scroll th,.api-table-scroll td{border-bottom:1px solid var(--line);vertical-align:top;padding:.9rem 1rem;font-size:.72rem;line-height:1.55}.api-table-scroll thead th{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#121a25;font-size:.63rem}.api-table-scroll tbody tr:last-child>*{border-bottom:0}.api-table-scroll tbody th{width:10rem}.api-table-scroll tbody td:nth-child(2){width:15rem}.api-table-scroll tbody td:nth-child(3){width:10rem;color:var(--muted)}.api-table-scroll code{overflow-wrap:anywhere;color:#d6d0ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.export-format-switch{grid-template-columns:repeat(3,minmax(7rem,1fr));width:fit-content;max-width:100%;margin-bottom:.8rem}.export-panel{border:1px solid var(--line-strong);background:#0b1119;border-radius:1.15rem;grid-template-columns:minmax(15rem,.68fr) minmax(0,1.32fr);min-width:0;display:grid;overflow:hidden}.export-summary{border-right:1px solid var(--line);align-content:start;gap:1.15rem;min-width:0;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.export-summary>div:first-child{gap:.35rem;display:grid}.export-summary>div:first-child span,.export-summary dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6rem}.export-summary>div:first-child strong{font-size:1.05rem}.export-swatches{gap:.45rem;display:flex}.export-swatches span{aspect-ratio:1;background:var(--export-color);border:2px solid #fff9;border-radius:.65rem;width:2.55rem;box-shadow:0 .4rem 1rem #0000003d}.export-summary dl{gap:.8rem;margin:0;display:grid}.export-summary dl>div{gap:.25rem;display:grid}.export-summary dd{overflow-wrap:anywhere;min-width:0;color:var(--text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.export-code{border-left:0}.export-code-filename{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-actions{flex:none;align-items:center;gap:.4rem;display:flex}.editor-icon-button{width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:.6rem;place-items:center;padding:0;display:inline-grid}.editor-icon-button:hover,.editor-icon-button:focus-visible{border-color:var(--acid);color:var(--acid);background:#dbff671a}.editor-icon-button[data-status=copied]{color:#73e6bd}.editor-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:1.15rem;height:1.15rem}.export-code pre{height:min(22rem,48vh)}@container (width<=38rem){.compact-picker-layout,.compact-picker.dom-picker[data-colorwheel] [data-part=picker-layout]{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.hero{grid-template-columns:minmax(0,1fr);min-height:auto}.hero-copy{z-index:1;position:relative}.hero-orbit{justify-self:center;width:min(82vw,29rem)}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{text-align:left;grid-column:1/-1}.export-panel{grid-template-columns:minmax(13rem,.8fr) minmax(0,1.2fr)}}@media (width<=680px){.site-nav,.hero,.content-section,.site-footer{width:min(100% - 1.5rem,1180px)}.site-nav{flex-wrap:wrap;padding-block:.7rem}.nav-links{justify-content:space-between;gap:.75rem;width:100%}.hero{gap:3rem}.hero h1{font-size:clamp(2.85rem,15vw,4.6rem)}.hero-points{display:grid}.hero-orbit{width:min(90vw,25rem)}.compact-picker-layout,.compact-picker.dom-picker[data-colorwheel] [data-part=picker-layout]{grid-template-columns:minmax(0,1fr)}.compact-picker[data-colorwheel] [data-part=wheel-frame]{width:min(100%,24rem)}.api-signature{align-items:flex-start}.export-panel{grid-template-columns:minmax(0,1fr)}.export-summary{border-right:0;border-bottom:1px solid var(--line)}.export-code pre{height:min(20rem,48vh)}.site-footer{grid-template-columns:minmax(0,1fr)}.site-footer>p{grid-column:auto}}@media (width<=430px){.site-nav{min-height:4rem}.brand{font-size:.88rem}.nav-links a{font-size:.68rem}.nav-links{gap:.35rem}.nav-links .github-link{min-height:2.75rem;padding-inline:.4rem}.hero{padding-top:3.5rem}.hero-actions{align-items:stretch}.primary-action,.secondary-action{text-align:center;justify-content:center;width:100%}.framework-tabs{width:100%}.framework-tabs button{min-height:3.15rem;padding:.4rem .22rem;font-size:.67rem}.framework-tabs small{font-size:.45rem}.install-panel{align-items:stretch;display:grid}.install-panel .copy-button{width:100%}.example-toolbar{flex-wrap:wrap;padding-left:.7rem}.example-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.example-seed-control{min-width:0}.example-seed-control .seed-color-picker,.example-seed-control .seed-color-picker__trigger,.relationship-picker{width:100%}.mode-switch{grid-column:1/-1;grid-template-columns:repeat(2,minmax(3.7rem,1fr));width:100%}.mode-switch button,.export-format-switch button{padding-inline:.45rem;font-size:.63rem}.framework-preview{padding:.55rem}.compact-picker[data-colorwheel] [data-part=wheel-block],.compact-picker[data-colorwheel] [data-part=palette]{padding:.8rem}.example-code pre,.export-code pre{padding:.9rem;font-size:.72rem}.api-signature{display:grid}.api-signature a{width:fit-content}.export-format-switch{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hero-orbit>p{padding:.55rem .65rem}.hero-orbit>p:first-of-type{right:-1%}.hero-orbit>p:nth-of-type(2){left:-1%}.orbit-glow{inset:0}.demo-picker[data-colorwheel]{padding:.55rem}.section-intro h2{font-size:1.85rem}}@media (width<=360px){.example-toolbar-actions{grid-template-columns:minmax(0,1fr)}.mode-switch{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}