@layer warp.canvas{[data-scope=stage]{isolation:isolate;position:relative}[data-scope=stage]>[data-part=paint]{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}[data-scope=stage]>[data-part=paint]>canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}[data-scope=stage][data-layout=scroll]{overscroll-behavior:contain;overflow:auto;container-type:size}[data-scope=stage][data-layout=scroll]>[data-part=paint]{block-size:100cqb;inline-size:100%;margin-block-end:-100cqb;position:sticky;inset-block-start:0}[data-scope=stage][data-layout=page]>[data-part=paint]{position:fixed}[data-scope=stage][data-rail]{scrollbar-width:none}[data-scope=stage][data-rail]::-webkit-scrollbar{display:none}[data-scope=stage][data-paint=dither]{--stage-on-fill:var(--warp-color-surface);--stage-type-face:var(--stage-type-font,var(--warp-font-sans,system-ui));--stage-type-heft:var(--stage-type-weight,700);--stage-type-track:var(--stage-type-spacing,.04em)}[data-scope=stage] :where([data-skin]){box-sizing:border-box;-webkit-tap-highlight-color:transparent}[data-scope=stage] :where([data-skin]:not([data-skin=type]):not([data-skin=clear]):not([data-skin=rule]):not([data-skin=bar]):not([data-skin=art])){border:1px solid var(--warp-color-border-strong)}[data-scope=stage] :where(input[data-skin]),[data-scope=stage] :where(select[data-skin]){appearance:none;color:inherit;font:inherit;background:0 0;margin:0}[data-scope=stage] :where(textarea[data-skin]){appearance:none;color:inherit;font:inherit;resize:vertical;background:0 0;margin:0}[data-scope=stage] :where(button[data-skin]){appearance:none;color:inherit;font:inherit;background:0 0;margin:0}[data-scope=stage] :where([data-skin=button]){justify-content:center;justify-self:start;align-items:center;gap:var(--stage-gap,.5rem);padding:var(--stage-pad-button,.625rem 1.125rem);border-radius:var(--stage-radius,var(--warp-radius-control));white-space:nowrap;cursor:pointer;transition:translate calc(var(--warp-duration-fast,.12s) * var(--warp-motion-scale,1)) linear;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}[data-scope=stage] :where([data-skin=button]:active:not(:disabled)){translate:.125rem .125rem}[data-scope=stage] :where([data-skin=button]:not([data-look=outline])){color:var(--stage-on-fill,var(--warp-color-accent-on-solid))}[data-scope=stage] :where([data-skin=button][data-look=outline]){color:inherit}[data-scope=stage] :where([data-skin=button]:disabled){cursor:default}[data-scope=stage] :where([data-skin=card]){align-content:start;gap:var(--stage-gap-card,.75rem);padding:var(--stage-pad-card,1.25rem);border-radius:var(--stage-radius-surface,var(--warp-radius-surface));color:inherit;text-align:start;text-decoration:none;display:grid}[data-scope=stage] :where(details[data-skin=card]){display:block}[data-scope=stage] :where(details[data-skin=card])>:where(summary){cursor:pointer;font-weight:700}[data-scope=stage] :where(details[data-skin=card])>:where(:not(summary)){margin-block:var(--stage-gap-card,.75rem) 0}[data-scope=stage] :where(a[href][data-skin=card]),[data-scope=stage] :where(button[data-skin=card]){cursor:pointer;transition:translate calc(var(--warp-duration-fast,.12s) * var(--warp-motion-scale,1)) linear}[data-scope=stage] :where(a[href][data-skin=card]):hover,[data-scope=stage] :where(button[data-skin=card]):hover{translate:-.125rem -.125rem}[data-scope=stage] :where([data-skin=panel]){border-radius:var(--stage-radius-surface,var(--warp-radius-surface));inline-size:min(28rem,100%);display:grid}[data-scope=stage] :where([data-skin=panel])>:where(:not([data-skin=bar])){padding:var(--stage-pad-card,1.25rem)}[data-scope=stage] :where([data-skin=bar]){padding:var(--stage-pad-bar,.375rem .75rem);justify-content:center;align-items:center;font-weight:700;display:flex}[data-scope=stage] :where([data-skin=bar])>*{background:var(--stage-paper,var(--warp-color-surface));padding-inline:.5rem}[data-scope=stage] :where([data-skin=field]){inline-size:100%;min-inline-size:0;padding:var(--stage-pad-field,.625rem .75rem);border-radius:var(--stage-radius,var(--warp-radius-control))}[data-scope=stage] :where(select[data-skin=field]){padding-inline-end:2.25rem}[data-scope=stage] :where([data-part=select]){min-inline-size:0;display:block}[data-scope=stage] :where(button[data-skin=field]){text-align:start;cursor:pointer;padding-inline-end:2.25rem}[data-scope=stage][popover]{color:inherit;background:0 0;border:0;margin:0;padding:0 .5rem .5rem 0;position:fixed;inset:auto;overflow:visible}[data-scope=stage] :where([data-skin=menu]){max-block-size:var(--stage-menu-block,18rem);overscroll-behavior:contain;padding:var(--stage-pad-menu,.375rem);border:1px solid var(--stage-ink,var(--warp-color-text));border-radius:var(--stage-radius-surface,var(--warp-radius-surface));background:var(--stage-paper,var(--warp-color-surface));scrollbar-width:thin;display:grid;overflow:auto}[data-scope=stage] :where([data-skin=option]){padding:var(--stage-pad-option,.5rem .75rem);border-radius:var(--stage-radius,var(--warp-radius-control));cursor:pointer;-webkit-user-select:none;user-select:none}[data-scope=stage] :where([data-skin=option][aria-selected=true]){font-weight:600}[data-scope=stage] :where([data-skin=option][data-highlighted]){color:var(--stage-on-fill,var(--warp-color-accent-on-solid));background:var(--stage-accent,var(--warp-color-accent-solid))}[data-scope=stage] :where([data-skin=option][aria-disabled=true]){opacity:.5;cursor:default}[data-scope=stage] :where([data-skin=field]){caret-color:var(--stage-accent,var(--warp-color-accent-solid))}[data-scope=stage] [data-skin=field]::selection{background:var(--stage-accent,var(--warp-color-accent-solid));color:var(--stage-on-fill,var(--warp-color-accent-on-solid));-webkit-text-fill-color:var(--stage-on-fill,var(--warp-color-accent-on-solid))}[data-scope=stage] :where(input[data-skin=check]){inline-size:var(--stage-check-size,1.375rem);block-size:var(--stage-check-size,1.375rem);border-radius:var(--warp-radius-mark);flex:none}[data-scope=stage] :where(input[type=radio][data-skin=check]){border-radius:50%}[data-scope=stage] :where(input[data-skin=switch]){inline-size:var(--stage-switch-inline,2.75rem);block-size:var(--stage-switch-block,1.5rem);border-radius:999px;flex:none}[data-scope=stage] :where(input[data-skin=range]){inline-size:100%;block-size:var(--stage-range-block,1.75rem);border:0}[data-scope=stage] input[data-skin=range]::-webkit-slider-thumb{appearance:none;inline-size:1rem;block-size:var(--stage-range-block,1.75rem);background:0 0}[data-scope=stage] input[data-skin=range]::-moz-range-thumb{inline-size:1rem;block-size:var(--stage-range-block,1.75rem);background:0 0;border:0}[data-scope=stage] :where(progress[data-skin]),[data-scope=stage] :where(meter[data-skin]){appearance:none;inline-size:100%;block-size:var(--stage-meter-block,.875rem);border-radius:var(--stage-radius,var(--warp-radius-control))}[data-scope=stage] :where([data-skin=chip]){padding:var(--stage-pad-chip,.375rem .75rem);color:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;font-size:.875rem;line-height:1.2;text-decoration:none;display:inline-flex}[data-scope=stage] :where(button[data-skin=chip]),[data-scope=stage] :where(a[href][data-skin=chip]){cursor:pointer}[data-scope=stage] :where([data-skin=chip][aria-pressed=true]){color:var(--stage-on-fill,var(--warp-color-accent-on-solid))}[data-scope=stage] :where([data-skin=rule]){block-size:var(--stage-rule-block,.375rem);border:0;margin:0;display:block}[data-scope=stage]{--stage-type-face:var(--stage-type-font,var(--warp-font-display,inherit));--stage-type-heft:var(--stage-type-weight,700);--stage-type-track:var(--stage-type-spacing,-.02em)}[data-scope=stage] :where([data-skin=type]){font-family:var(--stage-type-face);font-weight:var(--stage-type-heft);letter-spacing:var(--stage-type-track);margin:0;line-height:1;text-decoration:none}[data-scope=stage] :where([data-skin=art]){aspect-ratio:var(--stage-art-ratio,16 / 9);border-radius:var(--stage-radius-surface,var(--warp-radius-surface));display:block}[data-scope=stage] :where([data-skin=clear]){padding:var(--stage-pad-clear,.5rem .75rem);border-radius:var(--stage-radius,var(--warp-radius-control))}[data-scope=stage] :where([data-part=label]){font-size:var(--stage-label-size,.875rem);gap:.375rem;font-weight:600;display:grid}[data-scope=stage] :where([data-part=option]){cursor:pointer;align-items:center;gap:.625rem;display:flex}[data-scope=stage][data-state=live] [data-skin]{box-shadow:none;background:0 0;border-color:#0000;outline:none}[data-scope=stage][data-state=live] progress[data-skin],[data-scope=stage][data-state=live] meter[data-skin]{opacity:0}[data-scope=stage][data-state=live] [data-skin=type]{-webkit-text-fill-color:transparent}[data-scope=stage] [data-skin=type]::selection{-webkit-text-fill-color:var(--warp-color-text)}[data-scope=stage][data-veil]{min-block-size:100%;padding:var(--warp-space-group,1rem);place-items:center;display:grid}dialog:has(>[data-scope=stage][data-veil]){block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:none;color:inherit;background:0 0;border:0;margin:0;padding:0}dialog:has(>[data-scope=stage][data-veil])::backdrop{background:0 0}@media (prefers-reduced-motion:no-preference){[data-scope=stage][data-veil]>[data-skin=panel]{animation:stage-panel-in calc(var(--warp-duration-base,.22s) * var(--warp-motion-scale,1)) cubic-bezier(.2, .8, .2, 1) both}}@media (forced-colors:active){[data-scope=stage]>[data-part=paint]{display:none}[data-scope=stage][data-state=live] [data-skin]{border-color:canvastext}[data-scope=stage][data-state=live] [data-skin]:focus-visible{outline:2px solid highlight}[data-scope=stage][data-state=live] [data-skin=type]{-webkit-text-fill-color:CanvasText}[data-scope=stage] [data-skin=button]{color:buttontext}}@keyframes stage-panel-in{0%{translate:0 .75rem;scale:.97}}}