.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-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-knob[data-focus-visible]{box-shadow:0 0 0 1px var(--text-accent-secondary)}.kit-color-picker__codes{align-items:center;gap:var(--space-3);gap:var(--space-1);width:160px;display:flex}.kit-color-field--hex{flex:1;min-width:0}.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{width:100%;font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-align:center}.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-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-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-pager{justify-content:center;align-items:center;gap:var(--space-1);width:100%;display:flex}.kit-page{min-width:0;max-width:100px;height:var(--control-height);padding:0 var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-tab);background:var(--background-pill);transition:background var(--motion-tint) var(--motion-ease);flex:1 1 0;justify-content:space-between;align-items:center;gap:0;display:flex;overflow:hidden;container-type:inline-size}.kit-page[data-selected]{background:var(--fill-button-primary);flex:none;max-width:100%;container-type:normal}.kit-page__open{align-self:stretch;align-items:center;gap:var(--space-1);min-width:0;margin-left:calc(var(--space-3) * -1);padding:0 var(--space-3);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);cursor:pointer;transition:color var(--motion-tint) var(--motion-ease);background:0 0;border:none;outline:none;flex:1;display:flex}.kit-page__mark{color:var(--stroke-primary);flex-shrink:0}.kit-page__label,.kit-page__short{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kit-page__short{display:none}.kit-page[data-selected] .kit-page__open{font-weight:var(--font-weight-bold);color:var(--stroke-accent-primary)}.kit-page[data-selected] .kit-page__mark{color:var(--stroke-accent-primary)}.kit-page__remove{margin-right:calc(var(--space-3) * -1);padding:0 var(--space-3);color:var(--stroke-primary);cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.kit-page[data-selected] .kit-page__remove{color:var(--stroke-accent-secondary)}.kit-page__remove[data-disabled]{color:var(--text-disabled);cursor:default}@container (max-width:68px){.kit-page__label{display:none}.kit-page__short{display:block}}@container (max-width:22px){.kit-page__mark,.kit-page__remove{display:none}}.kit-pager__add{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-height);padding:0 var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-tab);background:var(--background-pill);color:var(--stroke-accent-primary);cursor:pointer;outline:none;flex-shrink:0;display:flex}.kit-pager__add[data-disabled]{background:var(--background-pill-disabled);border-color:var(--stroke-disabled);color:var(--text-disabled);cursor:default}.kit-page__open[data-focus-visible],.kit-page__remove[data-focus-visible],.kit-pager__add[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.kit-page__open[data-hovered] .kit-page__label,.kit-pager__add[data-hovered]{color:var(--text-secondary)}
.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-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[data-version=primary-alternate] .kit-toggle__side[data-selected]{background:var(--fill-button-secondary);border-color:var(--stroke-accent-tertiary);color:var(--stroke-accent-tertiary)}.kit-toggle[data-version=primary-alternate] .kit-toggle__side[data-selected][data-hovered],.kit-toggle[data-version=primary-alternate][data-pinned=hover] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-primary-alternate-hover-veil), var(--fill-toggle-primary-alternate-hover-veil)), var(--fill-button-secondary)}.kit-toggle[data-version=primary-alternate] .kit-toggle__side[data-selected][data-pressed],.kit-toggle[data-version=primary-alternate][data-pinned=pressed] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-primary-alternate-pressed-veil), var(--fill-toggle-primary-alternate-pressed-veil)), var(--fill-button-secondary)}.kit-toggle[data-version=secondary-alternate]{background:var(--background-disabled)}.kit-toggle[data-version=secondary-alternate] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-secondary-alternate-veil), var(--fill-toggle-secondary-alternate-veil)), var(--stroke-accent-secondary);border-color:var(--fill-toggle-secondary);color:var(--fill-toggle-secondary)}.kit-toggle[data-version=secondary-alternate] .kit-toggle__side[data-selected][data-hovered],.kit-toggle[data-version=secondary-alternate][data-pinned=hover] .kit-toggle__side[data-selected]{background:linear-gradient(var(--fill-toggle-secondary-alternate-hover-veil), var(--fill-toggle-secondary-alternate-hover-veil)), var(--stroke-accent-secondary)}.kit-toggle[data-version=secondary-alternate] .kit-toggle__side[data-selected][data-pressed],.kit-toggle[data-version=secondary-alternate][data-pinned=pressed] .kit-toggle__side[data-selected]{background:var(--fill-toggle-secondary-alternate-pressed)}.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-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-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}
.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-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}
.pile-toy{height:100dvh;font-size:12px;display:flex}.pile-toy .panel{cursor:auto}.pile-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}.pile-toy .board{flex:1;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.pile-toy .board canvas{border-radius:var(--radius-blade);touch-action:none;cursor:grab;display:block}.pile-toy .sheet{display:contents}.pile-toy .sheet-grab,.pile-toy .sheet-bar{display:none}@media (max-width:900px){.pile-toy{gap:var(--space-3);padding:var(--space-3)}}@media (max-width:700px) and (min-height:521px){.pile-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}.pile-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}.pile-toy .sheet.open{--sheet-base:0px}.pile-toy .sheet.dragging{transition:none}.pile-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}.pile-toy .sheet-grab:after{content:"";background:var(--stroke-primary);border-radius:999px;width:36px;height:4px;margin:11px auto 0;display:block}.pile-toy .sheet-bar{height:var(--bar-h);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.pile-toy .sheet-bar .seed-row{flex:1}.pile-toy .sheet>.panel{background:0 0;flex:none;order:0;width:auto;max-height:none;padding:0 12px 12px}.pile-toy .sheet>.panel:last-child{flex:1;min-height:0}.pile-toy .sheet .panel-body{background:0 0;border:none;padding:0}.pile-toy .panel-byline{display:none}}
.pile-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)}.pile-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}.pile-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}.pile-toy .panel-byline strong{font-weight:var(--font-weight-bold)}.pile-toy .panel-byline__build{margin-right:var(--space-4)}.pile-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}.pile-toy .stage-bar .kit-pager{justify-content:flex-start;min-width:0;margin-right:auto}.pile-toy .stage-bar__actions{gap:var(--space-3);flex-shrink:0;display:flex}.pile-toy .stage-bar__actions .kit-button{width:auto;padding-inline:var(--space-4)}@media (max-width:1199px){.pile-toy .stage-bar__actions .kit-button>:not(.kit-button__icon){display:none}.pile-toy .stage-bar__actions .kit-button,.pile-toy .history .kit-button{padding-inline:var(--space-3)}}@media (max-width:1023px){.pile-toy .stage-brand{display:none}}.pile-toy .history{gap:var(--space-3);align-items:center;display:flex}.pile-toy .history .kit-button{width:auto;padding-inline:var(--space-4)}.pile-toy .history .mirrored{transform:scaleX(-1)}.pile-toy .panel-body .kit-panel{max-width:none}.pile-toy .panel-body{border-radius:calc(var(--radius-pill) - var(--space-4));gap:var(--space-4);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.pile-toy .seed-row{gap:var(--space-3);display:flex}.pile-toy .seed-row .kit-button{width:auto;padding-inline:var(--space-4);flex:0 auto}.pile-toy .seed-row .kit-text-item{flex:1;min-width:0}@media (max-height:520px){.pile-toy .panel-byline{display:none}}.pile-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;left:-4px}.pile-toy .panel-resizer:focus-visible{background:linear-gradient(var(--text-accent-secondary), var(--text-accent-secondary)) center / 2px 100% no-repeat}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){.pile-toy .panel-resizer{display:none}.pile-toy .sheet>.panel{width:auto!important}.pile-toy{padding-bottom:var(--peek)}}@media (max-width:700px){.pile-toy .stage-bar{gap:var(--space-3);padding-inline:var(--space-3);justify-content:flex-end}.pile-toy .stage-bar__actions .kit-button{padding-inline:var(--space-3)}.pile-toy .stage-bar__actions .kit-button>:not(.kit-button__icon){display:none}}
.pile-toy .stage-bottom{width:min(100%,500px);padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;margin:auto;display:flex}.pile-toy .status{color:var(--text-secondary);text-align:center;font-size:11px}.pile-toy .stage-hint{color:var(--text-tertiary);text-align:center;margin:0;font-size:10px}.pile-toy .board canvas{box-shadow:0 1px 12px #00000012}.pile-toy .board.dropping canvas{outline:2px dashed var(--text-accent-secondary);outline-offset:3px}.stage-brand{background-color:#121211;flex:none;width:162.379px;height:17px;-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]) .stage-brand{background-color:#edeae0}}:root[data-theme=night] .stage-brand{background-color:#edeae0}.small-screen{display:none}@media (max-width:767px){.pile-toy>:not(.small-screen){display:none}.small-screen{text-align:center;justify-content:center;align-items:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:32px;display:flex}.small-screen p{color:var(--text-primary);margin:0;font-size:15px;line-height:1.5}}.tool-layer{gap:var(--space-3);flex-direction:column;display:flex}.layer-title{color:var(--text-secondary);margin:0;font-size:11px;font-weight:600}.ink{display:inline-flex;position:relative}.ink .kit-swatch{width:24px;height:24px}.ink .kit-swatch__fill{width:100%;height:100%}.ink[data-off] .kit-swatch{position:relative;overflow:hidden}.ink[data-off] .kit-swatch:after{content:"";background:linear-gradient(to top right,transparent calc(50% - 1px),var(--stroke-accent-secondary) calc(50% - 1px),var(--stroke-accent-secondary) calc(50% + 1px),transparent calc(50% + 1px));position:absolute;inset:0}.pair{gap:var(--space-2);align-items:center;display:flex}.pair>*{flex:1 1 0;min-width:0}.format-dropdown__size{color:var(--text-tertiary);font-family:var(--font-mono);margin-left:auto;padding-left:16px;font-size:11px}.kit-dropdown__option:has(.format-dropdown__size){align-items:center;display:flex}.controls{border:0;min-width:0;margin:0;padding:0}.actions{gap:var(--space-2);display:flex}.actions>.kit-button{flex:1;min-width:0;padding-left:8px;padding-right:8px}.hint{color:var(--text-secondary);margin:0;font-size:10px;line-height:1.45}.shapes{gap:var(--space-3);padding:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.shape-card,.swatch-card{position:relative}.shape{aspect-ratio:1;border:1px solid var(--stroke-primary);border-radius:var(--radius-tab);width:100%;padding:var(--space-3);color:var(--text-tertiary);background:var(--background-pill)}.shape[aria-pressed=true]{background:var(--background-secondary);color:var(--text-primary);border-color:var(--text-accent-secondary)}.shape svg{width:100%;height:100%;display:block}.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}.shape-card:hover .knot,.shape-card:focus-within .knot,.swatch-card:hover .knot,.swatch-card:focus-within .knot,.ink:hover .knot,.ink:focus-within .knot{opacity:1;pointer-events:auto}.shape-card:hover .knot:disabled,.shape-card:focus-within .knot:disabled,.swatch-card:hover .knot:disabled,.swatch-card:focus-within .knot:disabled,.ink:hover .knot:disabled,.ink:focus-within .knot:disabled{opacity:.3}.palette{align-items:center;gap:var(--space-3);padding:var(--space-2);flex-wrap:wrap;display:flex}.palette .kit-swatch{width:24px;height:24px}.palette .kit-swatch__fill{width:100%;height:100%}.add-color{border:1px solid var(--stroke-primary);width:24px;height:24px;color:var(--text-primary);background:var(--background-pill);border-radius:6px}.pile-toy textarea{border:1px solid var(--stroke-primary);background:var(--background-pill);width:100%;min-height:90px;color:var(--text-primary);resize:vertical;border-radius:var(--radius-tab);padding:var(--space-3);margin:0}.message{padding:var(--space-4);background:var(--button-fill-primary);border-radius:8px;margin:0;line-height:1.4}.message button{float:right;color:inherit;background:0 0;border:0}.number-control{position:relative}.number-hit{cursor:text;background:0 0;border:0;width:55px;height:24px;position:absolute;top:0;right:0}.number-edit{border:1px solid var(--text-accent-secondary);border-radius:var(--radius-pill);width:85px;height:24px;padding:var(--space-1) var(--space-3);background:var(--background-pill);color:var(--text-primary);font-family:var(--font-mono);outline:none;font-size:11px;position:absolute;inset:0 0 0 auto}@media (hover:none){.knot{opacity:1;pointer-events:auto}}@media (max-width:700px){.pile-toy .stage-hint{font-size:9px}}.layers{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.pile-toy .board{position:relative}.layer-row{width:100%;height:var(--control-height);padding:0 var(--space-3);border:var(--border-hairline) solid var(--stroke-primary);border-radius:var(--radius-tab);background:var(--background-pill);transition:background var(--motion-tint) var(--motion-ease),opacity var(--motion-tint) var(--motion-ease);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.layer-row[data-selected]{background:var(--fill-button-primary)}.layer-row[data-selected] .layer-row__open{color:var(--stroke-accent-primary);font-weight:var(--font-weight-bold)}.layer-row[data-selected] .layer-row__remove{color:var(--stroke-accent-secondary)}.layer-row{cursor:grab}.layer-row[data-held]{opacity:.4;cursor:grabbing}.layer-row[data-over]{box-shadow:inset 0 2px 0 0 var(--stroke-accent-secondary)}.layer-row__open{align-self:stretch;align-items:center;gap:var(--space-1);min-width:0;margin-left:calc(var(--space-3) * -1);padding:0 var(--space-3);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-tertiary);cursor:inherit;text-align:left;background:0 0;border:0;outline:none;flex:1;display:flex}.layer-row__mark{color:currentColor;flex-shrink:0;display:flex}.layer-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-row__n{flex-shrink:0}.layer-row__remove{margin-right:calc(var(--space-3) * -1);padding:0 var(--space-3);color:var(--stroke-primary);cursor:pointer;background:0 0;border:0;outline:none;flex-shrink:0;align-self:stretch;align-items:center;display:flex}.layer-row__open[data-hovered] .layer-row__name{color:var(--text-secondary)}.layer-row__open[data-focus-visible],.layer-row__remove[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--text-accent-secondary)}.pile-toy .text-editor{resize:none;outline:1px dashed var(--text-accent-secondary);outline-offset:2px;white-space:pre-wrap;word-break:break-word;width:auto;min-height:0;caret-color:var(--text-accent-secondary);background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;overflow:hidden}.stage-grids{color:#fffdf4;height:24px;font:inherit;cursor:pointer;background:#253025;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:flex}.stage-grids[aria-pressed=false]{color:#647064;background:#d8dad2}.stage-grids:focus-visible,.layer-row__toggle:focus-visible{outline-offset:2px;outline:2px solid #659ef7}.icon-only .kit-button>span:not(.kit-button__icon){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.icon-only .kit-button{width:26px;min-width:26px;padding:0}.panel-preferences{gap:8px;padding:0 4px 8px;display:flex}.panel-preferences>.kit-field{flex:1;min-width:0}.panel-preferences .kit-field__label{display:none}.canvas-dimensions{gap:6px;display:flex}.canvas-dimensions label{border:1px solid var(--stroke-soft,#d8dad2);border-radius:999px;flex:1;align-items:center;gap:5px;min-width:0;padding:3px 8px;font-size:11px;display:flex}.canvas-dimensions input{width:100%;min-width:0;color:inherit;text-align:right;font:inherit;background:0 0;border:0}.layer-row__toggle{width:24px;min-width:24px;height:24px;color:var(--stroke-primary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.layer-row__toggle[data-on=true]{color:var(--text-primary)}.layer-row__collision[data-on=false]{color:var(--stroke-accent-secondary)}.layer-row__toggle svg{width:11px;height:11px}.shapes{grid-template-columns:repeat(5,minmax(0,1fr))}.shape-card .shape{border-radius:8px}.shape-card .shape[aria-pressed=true]{color:var(--text-primary);background:#d0d2c7;border-color:#b9bdb1}.actions{flex-wrap:wrap}.pile-toy{--fill-pill-primary:#669ff4;--fill-pill-pressed:#5088df}.pile-toy[data-panning],.pile-toy[data-panning] canvas{cursor:grabbing}.zoom{align-items:center;gap:4px;display:flex}.zoom button{border:1px solid var(--stroke-primary);background:var(--background-pill);width:24px;min-width:24px;height:24px;color:var(--text-primary);font:inherit;border-radius:999px;place-items:center;padding:0;font-size:13px;line-height:1;display:grid}.zoom button:disabled{opacity:.35;cursor:default}.zoom__level{text-align:center;min-width:42px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.zoom__reset{width:auto!important;min-width:0!important;padding:0 10px!important;font-size:11px!important}.page-hit{display:contents}.page-rename,.layer-rename{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.page-rename::selection,.layer-rename::selection{background:var(--text-accent-secondary);color:var(--text-primary-negative)}.kit-page .kit-page__open:has(.page-rename){cursor:text}.layer-row__open:has(.layer-rename){cursor:text}.template-rail{width:132px;padding:var(--space-4) var(--space-3);flex-direction:column;flex:none;gap:2px;display:flex;overflow-y:auto}.template-rail__title{margin:0 0 var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px}.template-rail__rule{border:0;border-top:1px solid var(--stroke-primary);margin:var(--space-2) 0;width:100%}.template-row{width:100%;height:26px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 8px;font-size:11px;display:flex}.template-row:hover{background:var(--background-pill);color:var(--text-primary)}.template-row[data-selected]{background:var(--background-secondary);color:var(--text-primary);font-weight:600}.template-row__n{text-align:center;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex:0 0 14px;font-size:10px}.template-row[data-selected] .template-row__n{color:var(--text-accent-secondary)}.template-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (max-width:1100px){.template-rail{width:96px}.template-rail__name{display:none}}.seg-letter{font-size:11px;font-weight:600;line-height:1}