.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}
.root-toy{cursor:grab;height:100dvh;font-size:12px;display:flex}.root-toy[data-panning]{cursor:grabbing}.root-toy .panel{cursor:auto}.root-toy .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}.root-toy .canvas-fit{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.root-toy .stage-canvas{aspect-ratio:1;cursor:pointer;touch-action:none;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.root-toy .stage-canvas.transparent{--checker:#ffffff12;background-color:#101014;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 8px,8px -8px,-8px 0;background-size:16px 16px}.root-toy .stage-canvas.cleaning{cursor:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2234%22 height%3D%2248%22 viewBox%3D%220 0 92.48 132.64%22%3E%3Cpath d%3D%22M90.86%2C121.12l-26.19-45.29c-.74-1.28-3.04-1.45-4.78-1.45l-5.03-7.6c2.16-4.1%2C20.88-34.18%2C20.88-64.62%2C0-.68-.77-2.15-1.64-2.15h-1.18s-26.68%2C51.94-26.68%2C51.94L19.56%2C0h-1.18c-.87%2C0-1.64%2C1.48-1.64%2C2.15%2C0%2C30.44%2C18.72%2C60.52%2C20.88%2C64.62l-5.03%2C7.6c-1.74%2C0-4.04.17-4.78%2C1.45L1.62%2C121.12c-6.2%2C7.86%2C7.14%2C16.43%2C11.11%2C8.11l25.94-44.93c1.41-2.43%2C2.03-3.39-.05-6.29l4.23-2.91c1.01.96%2C2.19%2C1.09%2C3.39%2C1.16%2C1.19-.07%2C2.37-.2%2C3.39-1.16l4.23%2C2.91c-2.08%2C2.9-1.46%2C3.86-.05%2C6.29l25.94%2C44.93c3.97%2C8.33%2C17.31-.25%2C11.11-8.11ZM46.24%2C71.28c-1.71%2C0-3.09-1.38-3.09-3.09s1.38-3.09%2C3.09-3.09%2C3.09%2C1.38%2C3.09%2C3.09-1.38%2C3.09-3.09%2C3.09Z%22 fill%3D%22%23f5f5f5%22 stroke%3D%22%231d1d1b%22 stroke-width%3D%223%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 17 25,crosshair}.root-toy .loading{color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;animation:root-fade var(--motion-fade) var(--motion-ease);place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.root-toy .loading.err{color:var(--button-fill-tertiary)}@keyframes root-fade{0%{opacity:0}to{opacity:1}}.root-toy .sheet{display:contents}.root-toy .sheet-grab,.root-toy .sheet-bar{display:none}@media (max-width:900px){.root-toy{gap:var(--space-3);padding:var(--space-3)}}@media (max-width:700px) and (min-height:521px){.root-toy{padding-bottom:var(--peek);--grip-h:26px;--bar-h:46px;--peek:calc(var(--grip-h) + var(--bar-h));--sheet-h:86dvh;flex-direction:column}.root-toy .sheet{z-index:2;height:var(--sheet-h);background:var(--background-secondary);border-top:var(--border-hairline) solid var(--stroke-primary);--sheet-travel:calc(var(--sheet-h) - var(--peek));--sheet-base:var(--sheet-travel);transform:translateY(clamp(0px, calc(var(--sheet-base) + var(--sheet-drag,0px)), var(--sheet-travel)));transition:transform var(--motion-sheet) var(--motion-sheet-ease);border-radius:14px 14px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.root-toy .sheet.open{--sheet-base:0px}.root-toy .sheet.dragging{transition:none}.root-toy .sheet-grab{width:100%;height:var(--grip-h);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;padding:0;display:block}.root-toy .sheet-grab:after{content:"";background:var(--stroke-primary);border-radius:999px;width:36px;height:4px;margin:11px auto 0;display:block}.root-toy .sheet-bar{height:var(--bar-h);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.root-toy .sheet-bar .kit-toggle{flex:0 160px;min-width:56px}.root-toy .sheet>.panel{background:0 0;flex:none;order:0;width:auto;max-height:none;padding:0 12px 12px}.root-toy .sheet>.panel:last-child{flex:1;min-height:0}.root-toy .sheet .panel-body{background:0 0;border:none;padding:0}.root-toy .panel-byline,.root-toy .kit-disclosure[data-name=tool]{display:none}.root-toy .kit-disclosure[data-name=tool]+.kit-disclosure[data-level="2"]{border-top:none}}
.root-toy{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)}.root-toy .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}.root-toy .stage-bar__mark{font:inherit;border-radius:var(--radius-pill);background:var(--fill-button-secondary);flex-shrink:0;align-items:center;height:30px;margin:0;padding:0 16px;display:flex}.root-toy .stage-bar__mark span{aspect-ratio:74/20;background:var(--button-fill-disabled);width:74px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .root-toy .stage-bar__mark span{background:var(--fill-button-primary)}}:root[data-theme=night] .root-toy .stage-bar__mark span{background:var(--fill-button-primary)}.root-toy .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}.root-toy .panel-byline strong{font-weight:var(--font-weight-bold)}.root-toy .panel-byline__build{margin-right:var(--space-4)}.root-toy .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}.root-toy .stage-bar__settings{align-items:center;gap:var(--space-4);min-width:0;margin-right:auto;display:flex}.root-toy .stage-bar__settings .kit-field{gap:var(--space-3);width:auto}.root-toy .stage-bar__settings .kit-field__control{flex:none;width:auto}.root-toy .stage-bar__actions{gap:var(--space-3);flex-shrink:0;display:flex}.root-toy .stage-bar__actions .kit-button{width:auto;padding-inline:var(--space-4)}.root-toy .stage-bar__actions .kit-button:first-child{flex:0 250px;min-width:0;overflow:hidden}.root-toy[data-dropping] .stage-canvas{outline:2px solid var(--text-accent-secondary);outline-offset:3px}.root-toy .stage-canvas{border-radius:var(--radius-blade)}.root-toy .panel-body{gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.root-toy .panel-body .kit-panel{max-width:none}.root-toy .seed-row{gap:var(--space-3);display:flex}.root-toy .seed-row .kit-button{width:auto;padding-inline:var(--space-4);flex:0 auto}.root-toy .seed-row .kit-text-item{flex:1;min-width:0}.root-toy .pair-row{gap:var(--space-3);display:flex}.root-toy .pair-row>*,.root-toy .pair-row .kit-text-item,.root-toy .pair-row .kit-dropdown{flex:1;min-width:0}@media (max-height:520px){.root-toy .panel-byline{display:none}}.root-toy .panel{position:relative}.root-toy .panel-resizer{z-index:2;cursor:col-resize;touch-action:none;background:0 0;outline:none;width:8px;position:absolute;top:0;bottom:0}.root-toy .panel-resizer:focus-visible{background:linear-gradient(var(--text-accent-secondary), var(--text-accent-secondary)) center / 2px 100% no-repeat}.root-toy .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}@media (max-width:700px) and (min-height:521px){.root-toy .panel-resizer{display:none}.root-toy .sheet>.panel{width:auto!important}}@media (max-width:700px){.root-toy .stage-bar__mark,.root-toy .stage-bar__settings{display:none}.root-toy .stage-bar{gap:var(--space-3);padding-inline:var(--space-3)}.root-toy .stage-bar__actions .kit-button{padding-inline:var(--space-3)}.root-toy .stage-bar__actions .kit-button:first-child{flex:none}.root-toy .stage-bar__actions .kit-button>:not(.kit-button__icon){display:none}}