.kit-button{transition:background var(--motion-tint) var(--motion-ease), border-color var(--motion-tint) var(--motion-ease), color var(--motion-tint) var(--motion-ease);width:100%;height:var(--control-height);border-radius:var(--radius-pill);border:var(--border-hairline) solid transparent;font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);white-space:nowrap;cursor:pointer;outline:none;justify-content:center;align-items:center;gap:4px;padding:0;display:flex}.kit-button[data-overlay]{position:relative;overflow:hidden}.kit-button__overlay{z-index:0;pointer-events:none;position:absolute;inset:0}.kit-button[data-overlay]>:not(.kit-button__overlay){z-index:1;position:relative}.kit-button__icon{color:currentColor;flex-shrink:0;width:10px;height:10px;display:flex}.kit-button__icon :is(svg,img){width:100%;height:100%}.kit-button:is([data-hovered],[data-pressed]),.kit-button[data-pinned]{font-weight:var(--font-weight-medium)}.kit-button[data-variant=primary]{background:var(--background-main);border-color:var(--stroke-primary);color:var(--text-primary)}.kit-button[data-variant=primary][data-hovered],.kit-button[data-variant=primary][data-pinned=hover]{background:linear-gradient(var(--fill-button-primary-hover-veil), var(--fill-button-primary-hover-veil)), var(--background-main)}.kit-button[data-variant=primary][data-pressed],.kit-button[data-variant=primary][data-pinned=pressed]{background:var(--fill-pill-primary);color:var(--text-accent-primary);border-color:#0000}.kit-button[data-variant=secondary]{background:var(--fill-button-primary);border-color:var(--stroke-accent-primary);color:var(--text-primary-negative)}.kit-button[data-variant=secondary][data-hovered],.kit-button[data-variant=secondary][data-pinned=hover]{background:linear-gradient(var(--fill-button-secondary-hover-veil), var(--fill-button-secondary-hover-veil)), var(--fill-button-primary);color:var(--text-secondary)}.kit-button[data-variant=secondary][data-pressed],.kit-button[data-variant=secondary][data-pinned=pressed]{background:var(--button-fill-tertiary);color:var(--text-accent-primary);border-color:#0000}.kit-button[data-variant=tertiary]{background:var(--fill-button-secondary);border-color:var(--stroke-secondary);color:var(--text-accent-primary)}.kit-button[data-variant=tertiary][data-hovered],.kit-button[data-variant=tertiary][data-pinned=hover]{background:linear-gradient(var(--fill-button-tertiary-hover-veil), var(--fill-button-tertiary-hover-veil)), var(--fill-button-secondary)}.kit-button[data-variant=tertiary][data-pressed],.kit-button[data-variant=tertiary][data-pinned=pressed]{background:var(--fill-toggle-primary);color:var(--text-accent-primary);border-color:#0000}.kit-button[data-disabled]{background:var(--fill-disabled);border-color:var(--stroke-disabled);color:var(--text-disabled);font-weight:var(--font-weight-regular);cursor:default}.kit-button[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}
.kit-color-picker--waiting{width:169px;height:174px}.kit-color-picker{border:var(--border-hairline) solid var(--stroke-primary);background:var(--background-secondary);filter:drop-shadow(1px 1px 1px #0000000d);border-radius:4px;flex-direction:column;gap:4px;width:fit-content;padding:4px;display:flex}.kit-sv{border-radius:var(--radius-blade);width:160px;height:80px}.kit-hue{width:160px;height:20px}.kit-hue__bar{border-radius:var(--radius-blade);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);width:100%;height:4px;position:relative;top:50%;translate:0 -50%}.kit-alpha{width:116px;height:12px}.kit-alpha__checker{border-radius:var(--radius-blade);--checker:#0000001a;background-color:#fff;background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;width:100%;height:4px;position:relative;top:50%;translate:0 -50%}.kit-alpha__bar{border-radius:var(--radius-blade);width:100%;height:100%;position:relative}.kit-knob{border:var(--border-hairline) solid #fffc;border-radius:var(--radius-blade);cursor:pointer;outline:none;width:16px;height:16px}.kit-knob[data-size=small]{width:12px;height:12px}.kit-hue .kit-knob,.kit-alpha .kit-knob{top:50%}.kit-knob[data-focus-visible]{box-shadow:0 0 0 1px var(--text-accent-secondary)}.kit-color-picker__codes,.kit-color-picker__opacity{align-items:center;gap:var(--space-3);width:160px;display:flex}.kit-color-picker__codes{gap:var(--space-1)}.kit-color-picker__space{width:40px;font-family:var(--font-sans);font-size:10px;line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);color:var(--text-primary)}.kit-color-field__input{width:36px;height:var(--control-height);padding:0 var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-pill);background:var(--background-main);font-family:var(--font-sans);font-size:10px;line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);color:var(--text-primary);text-align:right;outline:none}.kit-color-field--hex .kit-color-field__input{text-align:left;text-transform:uppercase;width:116px}.kit-color-field--alpha .kit-color-field__input{width:48px}.kit-color-field__input[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-color-picker[data-disabled]{opacity:.5;cursor:default}
.kit-swatch{--checker:var(--background-secondary);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-blade);background-color:var(--background-pill);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);cursor:pointer;background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;outline:none;width:16px;height:16px;padding:0;display:block;overflow:hidden}.kit-swatch__fill{background:var(--swatch);width:100%;height:100%;transition:background var(--motion-tint) var(--motion-ease);display:block}.kit-swatch[data-disabled]{border-color:var(--stroke-disabled);cursor:default}.kit-swatch[data-disabled] .kit-swatch__fill{opacity:.4}.kit-swatch[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-swatch__popover{padding:var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-tab);background:var(--background-main)}.kit-swatch__dialog{outline:none}
.kit-dropdown{width:100%}.kit-dropdown__trigger{transition:background var(--motion-tint) var(--motion-ease), border-color var(--motion-tint) var(--motion-ease), color var(--motion-tint) var(--motion-ease);width:100%;height:var(--control-height);padding:0 var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-pill);background:var(--background-pill);font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);color:var(--text-secondary);white-space:nowrap;text-align:left;cursor:pointer;outline:none;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.kit-dropdown__chevron{color:var(--text-primary);flex-shrink:0}.kit-dropdown__trigger:is([data-hovered],[data-pressed]),.kit-dropdown[data-pinned] .kit-dropdown__trigger{font-weight:var(--font-weight-medium)}.kit-dropdown__trigger[data-pressed],.kit-dropdown[data-open] .kit-dropdown__trigger,.kit-dropdown[data-pinned=pressed] .kit-dropdown__trigger{background:linear-gradient(var(--fill-dropdown-pressed-veil), var(--fill-dropdown-pressed-veil)), var(--background-pill)}.kit-dropdown__trigger[data-disabled]{background:var(--background-pill-disabled);border-color:var(--stroke-disabled);color:var(--text-disabled);font-weight:var(--font-weight-regular);cursor:default}.kit-dropdown__trigger[data-disabled] .kit-dropdown__chevron{color:var(--text-disabled)}.kit-dropdown__trigger[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-dropdown__popover{width:var(--trigger-width);padding:var(--space-1);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-blade);background:var(--background-pill)}.kit-dropdown__list{outline:none;flex-direction:column;gap:1px;display:flex}.kit-dropdown__option{padding:4px var(--space-2);border-radius:var(--radius-blade);font-family:var(--font-sans);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);color:var(--text-secondary);cursor:pointer;outline:none}.kit-dropdown__option[data-focused],.kit-dropdown__option[data-hovered]{background:var(--background-secondary)}.kit-dropdown__option[data-selected]{color:var(--text-primary);font-weight:var(--font-weight-medium)}
.kit-field{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-height);padding-left:var(--space-3);display:flex}.kit-field__label{min-width:5ch;font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;flex:0 4 auto;overflow:hidden}.kit-field__control{flex:0 auto;align-items:center;min-width:0;display:flex}.kit-field[data-disabled] .kit-field__label{color:var(--text-disabled)}
.kit-disclosure{width:100%}.kit-disclosure__heading{font:inherit;margin:0}.kit-disclosure__trigger{width:100%;height:30px;font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:0;display:flex}.kit-disclosure__chevron{color:var(--text-primary);transition:rotate var(--motion-open) var(--motion-ease);flex-shrink:0}.kit-disclosure:not([data-expanded])>.kit-disclosure__heading .kit-disclosure__chevron{transition-duration:var(--motion-close)}.kit-disclosure__panel{content-visibility:visible;transition:grid-template-rows var(--motion-open) var(--motion-ease), content-visibility var(--motion-open) var(--motion-ease) allow-discrete;grid-template-rows:1fr;display:grid}.kit-disclosure__panel[hidden]{content-visibility:hidden;transition-duration:var(--motion-close);grid-template-rows:0fr}.kit-disclosure__clip{min-height:0;overflow:hidden}.kit-disclosure__body>*,.kit-disclosure__body>.kit-panel__rows>*{opacity:1;transition:opacity var(--motion-open) var(--motion-ease), translate var(--motion-open) var(--motion-ease);translate:0}.kit-disclosure__body>.kit-panel__rows{transition:none}.kit-disclosure__body>:nth-child(n+2),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+2){transition-delay:calc(var(--motion-stagger) * 1)}.kit-disclosure__body>:nth-child(n+3),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+3){transition-delay:calc(var(--motion-stagger) * 2)}.kit-disclosure__body>:nth-child(n+4),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+4){transition-delay:calc(var(--motion-stagger) * 3)}.kit-disclosure__body>:nth-child(n+5),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+5){transition-delay:calc(var(--motion-stagger) * 4)}.kit-disclosure__body>:nth-child(n+6),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+6){transition-delay:calc(var(--motion-stagger) * 5)}.kit-disclosure__body>:nth-child(n+7),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+7){transition-delay:calc(var(--motion-stagger) * 6)}.kit-disclosure__body>:nth-child(n+8),.kit-disclosure__body>.kit-panel__rows>:nth-child(n+8){transition-delay:calc(var(--motion-stagger) * 7)}.kit-disclosure__panel[hidden] .kit-disclosure__body>*,.kit-disclosure__panel[hidden] .kit-disclosure__body>.kit-panel__rows>*{opacity:0;transition-duration:var(--motion-close);transition-delay:0s;translate:0 -6px}.kit-disclosure[data-expanded]>.kit-disclosure__heading .kit-disclosure__chevron{rotate:180deg}.kit-disclosure[data-level="1"]{border-radius:var(--radius-pill);transition:background var(--motion-open) var(--motion-ease);border:var(--border-hairline) solid var(--stroke-primary);background:var(--background-main);overflow:hidden}.kit-disclosure[data-level="1"]>.kit-disclosure__heading>.kit-disclosure__trigger{padding:0 var(--space-4);font-weight:var(--font-weight-medium);color:var(--text-primary)}.kit-disclosure[data-level="1"][data-expanded]{background:var(--background-tertiary)}.kit-disclosure[data-level="1"][data-expanded]>.kit-disclosure__heading{background:var(--background-main)}.kit-disclosure[data-level="1"]>.kit-disclosure__panel>.kit-disclosure__clip>.kit-disclosure__body{padding:var(--space-3) var(--space-4)}.kit-disclosure[data-level="2"]>.kit-disclosure__heading>.kit-disclosure__trigger{font-size:var(--font-size-section);letter-spacing:0;color:var(--text-secondary);padding-right:0}.kit-disclosure[data-level="2"]>.kit-disclosure__panel>.kit-disclosure__clip>.kit-disclosure__body{padding:var(--space-3) 0}.kit-disclosure[data-level="2"][data-topbar]{border-top:var(--border-hairline) solid var(--stroke-primary)}.kit-disclosure__body>.kit-disclosure[data-level="2"]:first-child,.kit-panel__rows>.kit-disclosure[data-level="2"]:first-child,.kit-panel>.kit-disclosure[data-level="2"]:first-child{border-top:none}.kit-disclosure__body>.kit-disclosure[data-level="2"]:last-child>.kit-disclosure__panel>.kit-disclosure__clip>.kit-disclosure__body,.kit-panel__rows>.kit-disclosure[data-level="2"]:last-child>.kit-disclosure__panel>.kit-disclosure__clip>.kit-disclosure__body,.kit-panel>.kit-disclosure[data-level="2"]:last-child>.kit-disclosure__panel>.kit-disclosure__clip>.kit-disclosure__body{padding-bottom:0}.kit-disclosure__trigger[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}
.kit-slider{width:100%;height:var(--control-height);border-radius:var(--radius-pill);border:var(--border-hairline) solid var(--stroke-primary);background:var(--background-secondary);-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;position:relative;overflow:hidden}.kit-slider[data-disabled]{background:var(--fill-disabled);border-color:var(--stroke-disabled);cursor:default}.kit-slider__track{position:absolute;inset:0}.kit-slider__bar{background:var(--fill-pill-primary);transition:background var(--motion-tint) var(--motion-ease);position:absolute;top:0;bottom:0}.kit-slider:hover:not([data-disabled]) .kit-slider__bar,.kit-slider[data-pinned=hover] .kit-slider__bar{background:linear-gradient(var(--fill-pill-hover-veil), var(--fill-pill-hover-veil)), var(--fill-pill-primary)}.kit-slider[data-active] .kit-slider__bar,.kit-slider:hover[data-active] .kit-slider__bar{background:var(--fill-pill-pressed)}.kit-slider[data-disabled] .kit-slider__bar{background:var(--background-pill-disabled)}.kit-slider__thumb{width:0;height:13px;translate:calc(var(--edge,-1) * 6px) -50%;outline:none;position:absolute;top:50%}.kit-slider__thumb:before{content:"";opacity:1;transition:opacity var(--motion-tint) var(--motion-ease), width var(--motion-tint) var(--motion-ease), background var(--motion-tint) var(--motion-ease);width:var(--border-hairline);height:100%;margin-left:calc(var(--border-hairline) / -2);background:var(--stroke-primary);border-radius:999px;display:block}.kit-slider[data-active] .kit-slider__thumb:before{background:var(--background-pill);width:3px;margin-left:-1.5px}.kit-slider__thumb[data-hidden]:before{opacity:0}.kit-slider__thumb[data-focus-visible]:before{background:var(--text-accent-secondary);width:3px;margin-left:-1.5px}.kit-slider:has(.kit-slider__thumb[data-focus-visible]){box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-slider__label,.kit-slider__value{transition:color var(--motion-tint) var(--motion-ease);font-size:var(--font-size-control);line-height:var(--line-height-control);white-space:nowrap;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;translate:0 -50%}.kit-slider__label{font-weight:var(--font-weight-medium)}.kit-slider__value{font-weight:var(--font-weight-regular)}.kit-slider[data-range] .kit-slider__label,.kit-slider[data-range] .kit-slider__value{font-size:12px}.kit-slider[data-range] .kit-slider__dash{font-size:var(--font-size-control)}.kit-slider__label{left:var(--space-3);gap:var(--space-2);max-width:var(--label-room,100%);text-overflow:ellipsis;font-family:var(--font-sans);letter-spacing:var(--tracking-sans);color:var(--text-primary);display:block;overflow:hidden}.kit-slider__value{right:var(--space-3);gap:var(--space-1);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-secondary)}.kit-slider[data-label-on-bar]:hover:not([data-disabled]) .kit-slider__label,.kit-slider[data-label-on-bar][data-pinned=hover] .kit-slider__label,.kit-slider[data-label-on-bar][data-active] .kit-slider__label,.kit-slider[data-value-on-bar]:hover:not([data-disabled]) .kit-slider__value,.kit-slider[data-value-on-bar][data-pinned=hover] .kit-slider__value,.kit-slider[data-value-on-bar][data-active] .kit-slider__value{color:var(--text-accent-primary)}.kit-slider[data-range]:hover:not([data-disabled]) .kit-slider__label,.kit-slider[data-range]:hover:not([data-disabled]) .kit-slider__value,.kit-slider[data-range][data-pinned=hover] .kit-slider__label,.kit-slider[data-range][data-pinned=hover] .kit-slider__value{color:var(--text-tertiary)}.kit-slider[data-range][data-label-on-bar][data-active] .kit-slider__label,.kit-slider[data-range][data-value-on-bar][data-active] .kit-slider__value{color:var(--text-accent-primary)}.kit-slider__unit,.kit-slider__dash{color:var(--text-accent-secondary)}.kit-slider[data-disabled] .kit-slider__label,.kit-slider[data-disabled] .kit-slider__value,.kit-slider[data-disabled] .kit-slider__unit,.kit-slider[data-disabled] .kit-slider__dash{color:var(--text-disabled)}
.kit-text-item{transition:background var(--motion-tint) var(--motion-ease), border-color var(--motion-tint) var(--motion-ease), color var(--motion-tint) var(--motion-ease);width:100%;height:var(--control-height);border:var(--border-hairline) solid transparent;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);white-space:nowrap;text-align:left;background:0 0;outline:none;justify-content:space-between;align-items:center;display:flex}.kit-text-item:is(button){cursor:pointer}.kit-text-item[data-variant=field]{padding-left:var(--space-3);color:var(--text-tertiary);border:none}.kit-text-item[data-variant=pill]{padding:0 var(--space-3);background:var(--background-pill);border-color:var(--stroke-primary);color:var(--text-secondary);overflow:hidden}.kit-text-item__end{flex-shrink:0;align-items:center;gap:4px;display:flex}.kit-text-item__chevron{color:var(--text-primary);flex-shrink:0}.kit-text-item[data-disabled],.kit-text-item:disabled{color:var(--text-disabled);cursor:default}.kit-text-item[data-disabled] .kit-text-item__chevron,.kit-text-item:disabled .kit-text-item__chevron{color:var(--text-disabled)}.kit-text-item[data-variant=pill]:is([data-disabled],:disabled){background:var(--background-pill-disabled);border-color:var(--stroke-disabled)}.kit-text-item[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-text-item__input{width:100%;min-width:0;font:inherit;letter-spacing:inherit;color:var(--text-primary);text-align:right;background:0 0;border:none;outline:none;padding:0}.kit-text-item__input:disabled{color:var(--text-disabled)}.kit-text-item__unit{color:var(--text-tertiary);flex-shrink:0}.kit-text-item:has(.kit-text-item__input) .kit-text-item__end{flex:1;min-width:0}.kit-text-item__input:focus-visible{box-shadow:none}.kit-text-item:has(.kit-text-item__input:focus-visible){box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-text-item[data-scrub],.kit-text-item[data-scrub] .kit-text-item__input{cursor:ew-resize}.kit-text-item[data-scrub]:has(.kit-text-item__input:focus){cursor:text}.kit-text-item[data-scrub]:has(.kit-text-item__input:focus) .kit-text-item__input{cursor:text}:is(html:has(.kit-text-item[data-scrubbing]),html:has(.kit-text-item[data-scrubbing]) *){cursor:ew-resize!important}.kit-text-item[data-scrubbing]{-webkit-user-select:none;user-select:none}.kit-text-item[data-area]{border-radius:var(--radius-tab);height:auto;padding-top:var(--space-2);padding-bottom:var(--space-2);align-items:stretch}.kit-text-item[data-area] .kit-text-item__end{flex:1;min-width:0}.kit-text-item__area{width:100%;min-width:0;font:inherit;letter-spacing:inherit;color:var(--text-primary);text-align:left;resize:none;white-space:pre-wrap;background:0 0;border:none;outline:none;min-height:0;padding:0}.kit-text-item__area:disabled{color:var(--text-disabled)}.kit-text-item:has(.kit-text-item__area:focus-visible){box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}
.kit-toggle{border-radius:var(--radius-pill);border:var(--border-hairline) solid var(--stroke-primary);background:var(--background-pill-disabled);align-items:center;width:120px;min-width:56px;max-width:100%;display:flex;overflow:hidden;container-type:inline-size}.kit-toggle[data-version=secondary]{background:var(--background-disabled)}.kit-toggle__side{justify-content:center;align-items:center;gap:var(--space-1);border:var(--border-hairline) solid transparent;border-radius:var(--radius-blade);height:22px;font-family:var(--font-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-control);line-height:var(--line-height-control);letter-spacing:var(--tracking-sans);text-align:center;white-space:nowrap;color:var(--text-disabled);cursor:pointer;transition:background var(--motion-tint) var(--motion-ease), border-color var(--motion-tint) var(--motion-ease), border-radius var(--motion-move) var(--motion-ease), color var(--motion-tint) var(--motion-ease);outline:none;flex:1;display:flex}.kit-toggle__icon{flex-shrink:0;width:10px;height:10px;display:flex}@container (max-width:100px){.kit-toggle__side:has(.kit-toggle__icon) .kit-toggle__label{display:none}}.kit-toggle__icon :is(svg,img){width:100%;height:100%}.kit-toggle__side[data-selected]{border-radius:var(--radius-pill);background:var(--fill-toggle-primary);border-color:var(--stroke-accent-tertiary);color:var(--text-primary-negative);gap:4px}.kit-toggle[data-version=secondary] .kit-toggle__side[data-selected]{background:var(--fill-toggle-secondary);border-color:var(--stroke-accent-secondary);color:var(--text-primary)}.kit-toggle__side[data-selected]:is([data-hovered],[data-pressed]),.kit-toggle[data-pinned] .kit-toggle__side[data-selected]{color:var(--text-accent-primary)}.kit-toggle__side[data-selected][data-hovered],.kit-toggle[data-pinned=hover] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-primary-hover-veil), var(--fill-toggle-primary-hover-veil)), var(--fill-toggle-primary)}.kit-toggle__side[data-selected][data-pressed],.kit-toggle[data-pinned=pressed] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-primary-pressed-veil), var(--fill-toggle-primary-pressed-veil)), var(--fill-toggle-primary)}.kit-toggle[data-version=secondary] .kit-toggle__side[data-selected][data-hovered],.kit-toggle[data-version=secondary][data-pinned=hover] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-secondary-hover-veil), var(--fill-toggle-secondary-hover-veil)), var(--fill-toggle-secondary)}.kit-toggle[data-version=secondary] .kit-toggle__side[data-selected][data-pressed],.kit-toggle[data-version=secondary][data-pinned=pressed] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-secondary-pressed-veil), var(--fill-toggle-secondary-pressed-veil)), var(--fill-toggle-secondary)}.kit-toggle__side[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-toggle[data-disabled]{background:var(--background-disabled);border-color:var(--stroke-disabled)}.kit-toggle[data-disabled] .kit-toggle__side{color:var(--text-disabled);cursor:default}.kit-toggle[data-disabled] .kit-toggle__side[data-selected]{background:var(--fill-disabled);border-color:var(--stroke-disabled)}
.kit-panel{gap:var(--space-3);flex-direction:column;width:100%;max-width:280px;display:flex}.kit-panel__rows{gap:var(--space-3);flex-direction:column;display:flex}
.kit-segmented{align-items:center;gap:var(--space-1);display:flex}.kit-segmented__item{border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-blade);background:var(--background-pill-disabled);width:34px;height:22px;color:var(--text-disabled);cursor:pointer;transition:background var(--motion-tint) var(--motion-ease), border-color var(--motion-tint) var(--motion-ease), color var(--motion-tint) var(--motion-ease);outline:none;flex:none;justify-content:center;align-items:center;display:flex}.kit-segmented__item svg{display:block}.kit-segmented__item[data-hovered]{background:var(--fill-pill-primary);color:var(--text-secondary)}.kit-segmented__item[data-selected]{background:var(--fill-pill-pressed);border-color:var(--stroke-primary);color:var(--text-primary)}.kit-segmented__item[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-segmented[data-disabled] .kit-segmented__item,.kit-segmented__item[data-disabled]{background:var(--background-disabled);border-color:var(--stroke-disabled);color:var(--text-disabled);cursor:default}
.storye-glass{height:100dvh;font-size:12px;display:flex}.storye-glass .stage{z-index:0;flex-direction:column;flex:1;align-self:stretch;align-items:center;min-width:0;height:100%;min-height:0;display:flex;position:relative}.storye-glass .canvas-fit{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.storye-glass .stage-canvas{touch-action:none;flex:none;display:block}.storye-glass .loading{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;animation:storye-fade var(--motion-fade) var(--motion-ease);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.storye-glass .loading.err{color:var(--button-fill-tertiary)}@keyframes storye-fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.storye-glass{gap:var(--space-3);padding:var(--space-3)}}
.storye-glass{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--background-page);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:var(--tracking-sans)}.storye-glass .panel{z-index:1;gap:var(--space-4);width:300px;height:auto;max-height:100%;padding:var(--space-4);border-radius:var(--radius-pill);background:var(--background-secondary);font-family:var(--font-sans);letter-spacing:var(--tracking-sans);border-left:none;flex-direction:column;flex-shrink:0;display:flex;position:relative}.storye-glass .panel-byline{padding-top:var(--space-1);text-align:center;font-family:var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-tertiary);flex-shrink:0;margin:0;font-size:9px}.storye-glass .panel-byline strong{font-weight:var(--font-weight-bold)}.storye-glass .panel-byline__build{margin-right:var(--space-4)}.storye-glass .stage-bar{z-index:1;align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--background-secondary);flex:none;display:flex;position:relative}.storye-glass .stage-bar__settings{align-items:center;gap:var(--space-4);min-width:0;display:flex}.storye-glass .stage-canvas{border-radius:var(--radius-blade)}.storye-glass .panel-body{gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.storye-glass .panel-body .kit-panel{max-width:none}.storye-glass .seed-row{gap:var(--space-3);display:flex}.storye-glass .seed-row .kit-button{width:auto;padding-inline:var(--space-4);flex:0 auto}.storye-glass .seed-row .kit-text-item{flex:1;min-width:0}.storye-glass .pair-row{gap:var(--space-3);display:flex}.storye-glass .pair-row>*,.storye-glass .pair-row .kit-text-item,.storye-glass .pair-row .kit-dropdown{flex:1;min-width:0}@media (max-height:520px){.storye-glass .panel-byline{display:none}}.storye-glass .panel{position:relative}.storye-glass .panel-resizer{z-index:2;cursor:col-resize;touch-action:none;background:0 0;outline:none;width:8px;position:absolute;top:0;bottom:0}.storye-glass .panel-resizer:focus-visible{background:linear-gradient(var(--text-accent-secondary), var(--text-accent-secondary)) center / 2px 100% no-repeat}.storye-glass .panel-resizer{left:-4px}body[data-resizing-panel]{cursor:col-resize;-webkit-user-select:none;user-select:none}body[data-resizing-panel] *{cursor:col-resize!important}.storye-glass .stage-bar__lead{align-items:center;gap:var(--space-4);min-width:0;margin-right:auto;display:flex}.storye-glass .stage-bar__name{align-items:center;gap:var(--space-2);padding-left:var(--space-2);font-size:var(--font-size-control);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;margin:0;display:flex}.storye-glass .stage-bar__size{font-family:var(--font-mono);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-mono);color:var(--text-tertiary);font-size:10px}.storye-glass .stage-bar__mark{isolation:isolate;flex:none;width:22px;height:16px;position:relative}.storye-glass .stage-bar__mark i{opacity:.88;border-radius:3px;position:absolute}.storye-glass .stage-bar__mark i:first-child{background:linear-gradient(135deg,#3a87a6,#4e4f99);width:13px;height:10px;top:3px;left:0}.storye-glass .stage-bar__mark i:nth-child(2){mix-blend-mode:multiply;background:linear-gradient(90deg,#e59ab4,#de5a7f);width:14px;height:7px;top:0;left:8px}.storye-glass .stage-bar__mark i:nth-child(3){mix-blend-mode:multiply;background:#7dcbdc;width:7px;height:7px;top:9px;left:10px}.storye-glass .stage-bar__preset{flex:0 140px;width:140px;min-width:90px}.storye-glass .stage-bar .seed-row{flex:0 230px;min-width:0}.storye-glass .canvas-fit{padding:var(--space-4);position:relative}.storye-glass .stage-canvas{box-shadow:0 1px 2px #0a141e14,0 12px 40px -12px #0a141e40}.storye-glass .canvas-fit:fullscreen{background:#000;padding:0}.storye-glass .canvas-fit:fullscreen .stage-canvas{box-shadow:none;border-radius:0}.storye-glass .transport{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--background-secondary);flex:none;display:flex}.storye-glass .transport__play{flex:0 0 104px}.storye-glass .transport__scrub{flex:1;min-width:0}.storye-glass .transport__ratio{flex:0 170px;min-width:0}.storye-glass .transport__full{flex:none}.storye-glass .transport__full .kit-button{width:auto;padding-inline:var(--space-4)}.storye-glass .transport__ratio .kit-text-item__chevron{display:none}.storye-glass .transport__ratio .kit-text-item__value{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.storye-glass .actions{gap:var(--space-2);display:flex}.storye-glass .actions>.kit-button{flex:1;min-width:0;padding-left:8px;padding-right:8px}.storye-glass .swatch-card{position:relative}.storye-glass .knot{border:1px solid var(--stroke-accent-secondary);background:var(--button-fill-tertiary);width:18px;height:18px;color:var(--text-primary-negative);opacity:0;pointer-events:none;border-radius:50%;padding:0;font-size:14px;line-height:16px;position:absolute;top:-5px;right:-5px}.storye-glass .swatch-card:hover .knot,.storye-glass .swatch-card:focus-within .knot{opacity:1;pointer-events:auto}.storye-glass .swatch-card:hover .knot:disabled,.storye-glass .swatch-card:focus-within .knot:disabled{opacity:.3}.storye-glass .palette{align-items:center;gap:var(--space-3);padding:var(--space-2);flex-wrap:wrap;display:flex}.storye-glass .palette .kit-swatch{width:24px;height:24px}.storye-glass .palette .kit-swatch__fill{width:100%;height:100%}.storye-glass .add-color{border:1px solid var(--stroke-primary);width:24px;height:24px;color:var(--text-primary);background:var(--background-pill);border-radius:6px}.storye-glass .field-dropdown{width:140px;display:block}.storye-glass .shape-item{width:30px}.storye-glass .panel-note{padding-inline:var(--space-3);font-size:var(--font-size-section);color:var(--text-tertiary);margin:0;line-height:1.45}.storye-glass .export-progress{gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) 80px;align-items:center;display:grid}.storye-glass .export-progress__track{border-radius:var(--radius-pill);background:var(--background-disabled);height:4px;overflow:hidden}.storye-glass .export-progress__track i{background:var(--fill-pill-primary);height:100%;transition:width var(--motion-tint) linear;display:block}.storye-glass .export-progress__text{padding-inline:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-section);letter-spacing:var(--tracking-mono);color:var(--text-tertiary);grid-area:2/1/auto/-1;margin:0}.storye-glass .toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;max-width:calc(100% - 32px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--fill-button-secondary);color:var(--text-accent-primary);font-size:var(--font-size-control);opacity:0;pointer-events:none;transition:opacity var(--motion-move) var(--motion-ease), transform var(--motion-move) var(--motion-ease);position:fixed;transform:translate(-50%,8px)}.storye-glass .toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1180px){.storye-glass .stage-bar__settings{display:none}}@media (max-width:900px){.storye-glass .stage-bar__name,.storye-glass .transport__ratio{display:none}}.storye-glass .phone-notice{display:none}@media (max-width:700px){.storye-glass>:not(.phone-notice){display:none}.storye-glass .phone-notice{padding:var(--space-4);text-align:center;font-size:var(--font-size-control);color:var(--text-secondary);flex:1;align-self:stretch;place-items:center;margin:0;display:grid}}