.device-simulator{position:relative;width:100%;max-width:100%;aspect-ratio:var(--ar, 1 / 2);-webkit-user-select:none;user-select:none}.device-simulator.is-compact{width:min(100%,7.5rem)}.device-stage{position:relative;width:100%;min-height:0;padding:.35rem;overflow:visible}.device-stage .device-simulator{position:absolute;top:50%;left:50%;width:auto;height:calc(100% - .5rem);max-height:min(88vh,820px);transform:translate(-50%,-50%) rotate(var(--rot, 0deg));transform-origin:center center;transition:transform .55s cubic-bezier(.45,.05,.2,1);will-change:transform}.device-stage.is-landscape .device-simulator{--rot: -90deg}@media(prefers-reduced-motion:reduce){.device-stage .device-simulator{transition:none}}.device-simulator__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.device-simulator__display{position:absolute;z-index:2;overflow:hidden;container-type:size}.device-simulator__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#000}.device-simulator.is-landscape-viewport .device-simulator__screen{inset:auto;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center center;transition:transform .55s cubic-bezier(.45,.05,.2,1)}@media(prefers-reduced-motion:reduce){.device-simulator.is-landscape-viewport .device-simulator__screen{transition:none}}.device-simulator__foreground{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.design-screen-content{width:100%;height:100%;padding:8% 6%;box-sizing:border-box;font-family:system-ui,sans-serif;font-size:clamp(.45rem,2.8vw,.72rem);line-height:1.3}.design-screen-content--loading{background:linear-gradient(135deg,#111,#060606)}.design-screen-content__status{display:flex;justify-content:space-between;margin-bottom:6%;font-size:.85em}.design-screen-content__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8%;padding-bottom:5%;border-bottom:1px solid;font-size:.95em}.design-screen-content__card{margin-bottom:8%;padding:8%;border:1px solid;border-radius:.45em}.design-screen-content__card-title{font-weight:600;margin-bottom:.35em}.design-screen-content__card p{margin:0 0 .6em}.design-screen-content__btn{border:0;border-radius:.35em;padding:.45em .8em;font-size:.85em;font-weight:600}.design-screen-content__main{display:flex;flex-direction:column;flex:1;min-height:0}.design-screen-content__chip{display:inline-block;padding:.35em .65em;border:1px solid;border-radius:999px;font-size:.8em}.design-screen-content.is-landscape{display:flex;flex-direction:column;padding:5% 4%;font-size:clamp(.4rem,2.5%,.68rem)}.design-screen-content.is-landscape .design-screen-content__status{margin-bottom:4%}.design-screen-content.is-landscape .design-screen-content__header{margin-bottom:5%;padding-bottom:4%}.design-screen-content.is-landscape .design-screen-content__main{flex-direction:row;align-items:stretch;gap:4%}.design-screen-content.is-landscape .design-screen-content__card{flex:1;margin-bottom:0;min-width:0}.design-screen-content.is-landscape .design-screen-content__chip{align-self:center;flex-shrink:0}.device-simulator--fallback{display:flex;flex-direction:column;align-items:center;gap:.35rem}.device-simulator__frame-only{max-width:100%;max-height:9rem;object-fit:contain}.design-device-preview{display:flex;flex-direction:column;gap:1rem}.design-device-preview__hint{margin:0;max-width:42rem;line-height:1.5}.design-device-preview__tier-bar{display:flex;flex-wrap:wrap;gap:.4rem}.design-device-preview__tier{padding:.4rem .85rem;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-pill, 999px);background:var(--control-color-surface, #0c0c0c);color:var(--control-color-text-muted, #737373);font-size:.8rem;cursor:pointer}.design-device-preview__tier.is-active{border-color:var(--control-color-accent, #8a9bff);color:var(--control-color-text, #d4d4d4);background:color-mix(in srgb,var(--control-color-accent, #8a9bff) 12%,var(--control-color-surface, #0c0c0c))}.design-device-preview__picker{display:flex;flex-direction:column;gap:.3rem;max-width:20rem;font-size:.8rem}.design-device-preview__picker select{width:100%}.design-device-preview__stage{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:transparent;min-height:24rem}.design-device-preview__stage .device-simulator{width:min(100%,18rem)}.design-device-preview__meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.82rem}.design-device-preview__footnote{margin:0;font-size:.75rem}.design-device-preview__footnote a{color:var(--control-color-accent, #8a9bff)}.device-refs-editor{display:flex;flex-direction:column;gap:1rem;max-height:28rem;overflow-y:auto;overflow-x:hidden;padding:.75rem;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:var(--control-color-surface, #0c0c0c);overscroll-behavior:contain}.device-refs-editor__tier-title{margin:0 0 .45rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--control-color-text-muted, #737373)}.device-refs-editor__list{list-style:none;margin:0;padding:0}.device-refs-editor__list li+li{margin-top:.15rem}.device-refs-editor__row{display:grid;grid-template-columns:1.1rem minmax(0,1fr);align-items:start;gap:.55rem;padding:.45rem .5rem;border-radius:var(--control-radius-sm, .35rem);cursor:pointer;min-height:2.25rem}.device-refs-editor__row:hover{background:color-mix(in srgb,var(--control-color-text, #d4d4d4) 4%,transparent)}.device-refs-editor__checkbox{width:1rem;height:1rem;margin:.15rem 0 0;flex-shrink:0}.device-refs-editor__label{display:flex;flex-direction:column;gap:.1rem;min-width:0}.device-refs-editor__name{font-size:.86rem;line-height:1.3}.device-refs-editor__meta{font-size:.68rem;word-break:break-all;line-height:1.25}.device-form-panel{width:min(640px,96vw);max-height:92dvh;overflow-y:auto;overflow-x:visible}.device-form__title{margin:0 0 1rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--control-color-text-muted, #737373)}.device-form{display:flex;flex-direction:column;gap:1.1rem}.device-form__section{display:flex;flex-direction:column;gap:.5rem}.device-form__text-field{display:flex;flex-direction:column;gap:var(--control-space-xs, .25rem)}.device-form__text-field--tier{max-width:none}.device-form__text-field--tier .custom-select,.device-form__text-field--tier .custom-select__trigger{width:100%}.device-form__text-label{font-size:.8rem;font-weight:600;line-height:1.4}.device-form__text-field input,.device-form__text-field select{width:100%}.device-form__id-hint{margin:0;font-size:.78rem}.device-form__hint{margin:0;font-size:.72rem;color:var(--control-color-text-muted, #737373);line-height:1.4}.device-form__hint--upload{line-height:1.35}.device-form__block-label{font-size:.8rem;font-weight:600}.suggest{display:flex;flex-direction:column;gap:var(--control-space-xs, .25rem)}.suggest__label{font-size:.8rem;font-weight:600;line-height:1.4}.suggest__control{position:relative}.suggest__input{width:100%}.suggest__input.has-error{border-color:var(--control-color-danger, #e5484d)!important}.suggest.is-disabled{opacity:.55}.suggest__list{position:absolute;top:calc(100% + .2rem);left:0;right:0;z-index:30;margin:0;padding:.25rem;list-style:none;max-height:13rem;overflow-y:auto;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:var(--control-color-surfaceElevated, #141414);box-shadow:0 12px 28px #00000073}.suggest__option{padding:.4rem .55rem;border-radius:var(--control-radius-sm, .35rem);font-size:.82rem;color:var(--control-color-text, #d4d4d4);cursor:pointer}.suggest__option.is-active,.suggest__option:hover{background:var(--control-color-surface, #0c0c0c);color:var(--control-color-accent, #8a9bff)}.suggest__empty{padding:.4rem .55rem;font-size:.78rem;color:var(--control-color-text-muted, #737373)}.suggest__hint{margin:0;font-size:.72rem;color:var(--control-color-text-muted, #737373)}.suggest__error{margin:0;font-size:.75rem}.device-form__model-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.55rem;row-gap:var(--control-space-xs, .25rem);width:100%}.device-form__model-input-wrap .suggest{display:contents}.device-form__model-input-wrap .suggest__label{grid-column:1 / -1}.device-form__model-input-wrap .suggest__control{grid-column:1;grid-row:2;min-width:0;display:flex}.device-form__model-input-wrap .suggest__input{flex:1;min-width:0}.device-form__model-input-wrap .suggest__error{grid-column:1 / -1}.device-form__model-input-wrap .icon-btn.device-form__lookup{grid-column:2;grid-row:2;align-self:stretch;width:2.75rem;height:auto;min-height:0;border-radius:var(--control-radius-md)}.device-form__hint--error{color:var(--control-color-danger, #e5484d)}.device-form__hint--success{color:var(--control-color-text-muted, #737373)}.device-form__display-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;align-items:end;width:100%}.device-form__display-fields .numfield{min-width:0;width:100%}.device-form__display-fields .numfield__control{display:flex;width:100%;max-width:none}.device-form__display-fields .numfield__input{width:100%;min-width:0;flex:1}.numfield__hint{margin:0;font-size:.68rem;line-height:1.35}.device-form__layout-block{display:flex;flex-direction:column;gap:.3rem}.device-form__layout-row{display:grid;grid-template-columns:minmax(0,1fr) 5.75rem;grid-template-rows:minmax(9.5rem,auto);gap:.65rem;align-items:stretch}.device-form__layout-row>.device-form__upload,.device-form__layout-row>.device-form__layout-example{height:100%;min-height:9.5rem;box-sizing:border-box}.device-form__upload.device-form__upload--single{min-width:0;margin:0;padding:0;display:flex;flex-direction:column;height:100%;cursor:pointer}.device-form__layout-example{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.25rem;box-sizing:border-box;padding:.55rem .45rem;border:1px dashed var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:var(--control-color-surface, #0c0c0c);position:relative;overflow:visible}.device-form__layout-example-caption{margin:0;font-size:.68rem;color:var(--control-color-text-muted, #737373);text-align:center;flex-shrink:0}.device-form__layout-example-trigger{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;margin:0;padding:0;border:none;background:transparent;cursor:help}.device-form__layout-example-img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;flex:1 1 auto;min-height:0}.device-form__layout-example-img--large{width:auto;height:70dvh;max-width:80vw;max-height:70dvh;flex:0 0 auto}.device-form__example-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0006;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none;animation:device-form-fade-in .12s ease-out}.device-form__example-preview-card{display:flex;align-items:center;justify-content:center;padding:1rem;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-xl, 1rem);background:var(--control-color-surfaceElevated, #141414);box-shadow:0 24px 64px #0009}@keyframes device-form-fade-in{0%{opacity:0}to{opacity:1}}.device-form__upload{display:flex;flex-direction:column;gap:.3rem;cursor:pointer;min-width:0}.device-form__upload-label{font-size:.8rem;font-weight:600}.device-form__upload-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.device-form__upload-drop{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;height:100%;min-height:9.5rem;box-sizing:border-box;padding:.7rem;border:1px dashed var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:var(--control-color-surface, #0c0c0c);text-align:center;transition:border-color .15s ease}.device-form__upload:hover .device-form__upload-drop{border-color:var(--control-color-accent, #8a9bff)}.device-form__upload-preview{max-width:100%;max-height:11rem;object-fit:contain}.device-form__upload-size{font-size:.68rem;color:var(--control-color-text-muted, #737373)}.device-form__toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.device-form__toggle-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.device-form__error{margin:0}.device-form__actions{margin-top:.15rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media(max-width:560px){.device-form__display-fields{gap:.4rem}.device-form__text-field--tier{max-width:none}}.device-registry-intro{flex:none;margin:0 0 1rem;max-width:52rem;color:var(--control-color-text-muted, #737373);font-size:var(--control-type-body-size, .875rem);line-height:1.5}.device-msg{flex:none;margin-bottom:1rem}.devices-page{display:flex;flex-direction:column;height:100%;min-height:0}.devices-page>.row{flex:none}.devices-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);gap:1.5rem;align-items:stretch}.devices-list{min-height:0;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding-right:.35rem}.devices-list__tier-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--control-color-border, #262626)}.devices-list__tier-title{margin:0;font-size:.95rem;font-weight:600}.devices-list__tier-count{font-size:.72rem;color:var(--control-color-text-muted, #737373)}.devices-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.device-row{border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:var(--control-color-surface, #0c0c0c);transition:border-color .15s ease,box-shadow .15s ease;padding:.5rem .65rem .55rem}.device-row.is-default{border-color:color-mix(in srgb,var(--control-color-accent, #8a9bff) 45%,var(--control-color-border, #262626))}.device-row.is-selected{border-color:var(--control-color-accent, #8a9bff);box-shadow:0 0 0 1px color-mix(in srgb,var(--control-color-accent, #8a9bff) 40%,transparent)}.device-row__name{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;font-size:.85rem;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.device-row__name:focus-visible{outline:2px solid var(--control-color-accent, #8a9bff);outline-offset:2px;border-radius:var(--control-radius-sm, .35rem)}.device-row__body{--row-thumb-h: 6.75rem;display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:stretch}.device-row__thumb{display:flex;align-items:stretch;justify-content:center;height:var(--row-thumb-h);padding:0;border:0;background:transparent;cursor:pointer}.device-row__thumb:focus-visible{outline:2px solid var(--control-color-accent, #8a9bff);outline-offset:2px;border-radius:var(--control-radius-sm, .35rem)}.device-row__thumb .device-simulator.is-compact{height:100%;width:auto;max-width:none}.device-row__aside{display:flex;flex-direction:column;justify-content:space-between;min-height:var(--row-thumb-h);min-width:0}.device-row__top{display:flex;flex-direction:column;gap:.1rem;min-width:0}.device-row__stats-btn{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.device-row__stats-btn:focus-visible{outline:2px solid var(--control-color-accent, #8a9bff);outline-offset:2px;border-radius:var(--control-radius-sm, .35rem)}.device-row__stats{display:block;font-size:.7rem;color:var(--control-color-text-muted, #737373)}.device-row__actions{display:flex;flex-direction:column;gap:var(--control-space-xs, .25rem)}.device-row__actions-icons{display:flex;width:100%;gap:var(--control-space-xs, .25rem)}.device-row__set-default,.device-row__default-badge,.device-row__actions .icon-btn{height:var(--editor-row-action-size, 2rem);min-height:var(--editor-row-action-size, 2rem);box-sizing:border-box}.device-row__actions .device-row__set-default,.device-row__actions .device-row__default-badge,.device-row__actions-icons .icon-btn{border-radius:var(--control-radius-md, .5rem)}.device-row__actions-icons .icon-btn{flex:1 1 0;width:auto;min-width:0}.device-row__actions .device-row__set-default{width:100%;height:var(--editor-row-action-size, 2rem);min-height:var(--editor-row-action-size, 2rem);margin:0;padding:0 var(--control-space-sm, .5rem);justify-content:center;font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 600);letter-spacing:normal;line-height:1;white-space:nowrap;color:var(--control-color-text, #d4d4d4);background:var(--control-color-surfaceElevated, #141414);border:1px solid var(--control-color-border, #262626)}.device-row__actions .device-row__set-default:hover:not(:disabled){color:var(--control-color-text, #d4d4d4);border-color:var(--control-color-accent, #8a9bff);background:var(--control-color-surface, #0c0c0c)}.device-row__default-badge{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 var(--control-space-sm, .5rem);font-size:var(--control-type-caption-size, .75rem);font-weight:var(--control-type-caption-weight, 600);letter-spacing:.02em;white-space:nowrap;color:var(--control-color-accent, #8a9bff);background:color-mix(in srgb,var(--control-color-accent, #8a9bff) 12%,var(--control-color-surfaceElevated, #141414));border:1px solid color-mix(in srgb,var(--control-color-accent, #8a9bff) 40%,var(--control-color-border, #262626))}.devices-detail{height:100%;min-height:0;display:flex;flex-direction:column;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-md, .5rem);background:transparent;padding:1.25rem}.devices-detail__inner{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem}.devices-detail__head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.devices-detail__title{margin:.35rem 0 .1rem;font-size:1.2rem}.devices-detail__meta{margin:0;font-size:.8rem;color:var(--control-color-text-muted, #737373)}.devices-detail .device-stage{flex:1 1 auto;min-height:0}.devices-detail__actions{flex:none;display:flex;align-items:center;gap:.75rem}.device-live-preview__hint{flex:none;margin:0;font-size:.8rem;color:var(--control-color-text-muted, #737373);line-height:1.45}.orientation-toggle{display:inline-flex;padding:.2rem;gap:.2rem;border:1px solid var(--control-color-border, #262626);border-radius:var(--control-radius-pill, 999px);background:var(--control-color-surface, #0c0c0c)}.orientation-toggle__btn{border:0;padding:.3rem .8rem;border-radius:var(--control-radius-pill, 999px);background:transparent;color:var(--control-color-text-muted, #737373);font-size:.78rem;cursor:pointer;transition:background .15s ease,color .15s ease}.orientation-toggle__btn.is-active{background:color-mix(in srgb,var(--control-color-accent, #8a9bff) 22%,transparent);color:var(--control-color-text, #d4d4d4)}.orientation-toggle__btn:focus-visible{outline:2px solid var(--control-color-accent, #8a9bff);outline-offset:1px}.device-tier-badge{display:inline-block;width:fit-content;padding:.1rem .45rem;border-radius:var(--control-radius-pill, 999px);font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--control-color-accent, #8a9bff) 18%,transparent);color:var(--control-color-text, #d4d4d4)}.device-tier-badge.tablet{background:color-mix(in srgb,#7dd3fc 18%,transparent)}.device-tier-badge.desktop{background:color-mix(in srgb,#86efac 18%,transparent)}.device-default-tag,.device-selected-tag{font-size:.65rem}.device-default-tag{color:var(--control-color-accent, #8a9bff)}.device-selected-tag{color:#7dd3fc}.device-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:color-mix(in srgb,#000 55%,transparent)}.device-edit-panel{margin:0;width:min(620px,96vw);max-height:88dvh;overflow:auto}@media(max-width:900px){.devices-page{height:auto}.devices-layout{grid-template-columns:1fr}.devices-list{max-height:60vh}.devices-detail{height:auto}}:root{--control-color-accent: #8a9199;--control-color-accentMuted: #6f7a84;--control-color-bg: #060606;--control-color-border: #1f1f1f;--control-color-danger: #ff4d4f;--control-color-focus: #9aa3ad;--control-color-ok: #39c46a;--control-color-surface: #0c0c0c;--control-color-surfaceElevated: #141414;--control-color-text: #d4d4d4;--control-color-textMuted: #737373;--control-color-warn: #ffb020;--control-layout-desktopContentMax: 1280px;--control-layout-reviewColumnMax: 480px;--control-layout-tabletContentMax: 1023px;--control-opacity-disabled: .5;--control-radius-lg: 14px;--control-radius-md: 10px;--control-radius-sm: 6px;--control-radius-xl: 18px;--control-space-lg: 24px;--control-space-md: 16px;--control-space-sm: 8px;--control-space-xl: 32px;--control-space-xs: 4px;--control-touch-gap: 8px;--control-touch-min: 48px;--control-type-body-lineHeight: 1.45;--control-type-body-size: .9375rem;--control-type-body-weight: 400;--control-type-caption-lineHeight: 1.35;--control-type-caption-size: .75rem;--control-type-caption-tracking: 0;--control-type-caption-weight: 400;--control-type-headline-lineHeight: 1.15;--control-type-headline-size: 1.375rem;--control-type-headline-weight: 700;--control-type-label-lineHeight: 1.2;--control-type-label-size: .8125rem;--control-type-label-weight: 600;--control-type-mono-family: ui-monospace, monospace;--control-type-mono-lineHeight: 1.5;--control-type-mono-size: .8125rem;--control-type-mono-tracking: 0;--control-type-mono-weight: 400;--control-type-title-lineHeight: 1.25;--control-type-title-size: 1.125rem;--control-type-title-weight: 700;--control-type-tracking-display: .04em;--control-type-tracking-displayWide: .42em;--control-type-tracking-label: .2em;--control-type-tracking-nav: .03em;--control-type-tracking-normal: 0;--control-type-ui-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--control-viewport-desktop-min: 1024px;--control-viewport-mobile-max: 480px;--control-viewport-tablet-max: 1023px;--control-viewport-tablet-min: 481px}.slide-toggle{position:relative;flex-shrink:0;padding:0;cursor:pointer;border:none;background:transparent;isolation:isolate;overflow:hidden;box-sizing:border-box;transition:transform .12s ease,opacity .15s ease}.slide-toggle[class*=slide-toggle--] .slide-toggle__thumb{box-sizing:border-box;margin:0;top:50%;left:var(--st-pad);transform:translateY(-50%)}.slide-toggle[class*=slide-toggle--].is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%)}.slide-toggle:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.slide-toggle:disabled{opacity:var(--control-opacity-disabled);cursor:not-allowed}.slide-toggle:active:not(:disabled){transform:scale(.96)}.slide-toggle__glow,.slide-toggle__trail,.slide-toggle__thumb,.slide-toggle__dots,.slide-toggle__dot,.slide-toggle__ring,.slide-toggle__split,.slide-toggle__status-label,.slide-toggle__icon-track,.slide-toggle__icon-slider,.slide-toggle__check{pointer-events:none}.slide-toggle.slide-toggle--type-1{--st-w: 2.75rem;--st-h: 1.5rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.08rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border:1px solid var(--control-color-border);border-radius:999px;background:var(--control-color-bg);box-shadow:inset 0 1px 2px #00000059}.slide-toggle.slide-toggle--type-1.is-on{background:var(--control-color-ok);border-color:var(--control-color-ok)}.slide-toggle.slide-toggle--type-1 .slide-toggle__glow{display:none}.slide-toggle.slide-toggle--type-1 .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:var(--control-color-text);transform:translateY(-50%);transition:transform .2s ease,background .2s ease;box-shadow:0 1px 2px #0006}.slide-toggle.slide-toggle--type-1.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%);background:var(--control-color-bg)}.slide-toggle.slide-toggle--type-2{--st-w: 2.85rem;--st-h: 1.55rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.16rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border:1px solid color-mix(in srgb,var(--control-color-border) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--control-color-surfaceElevated) 92%,var(--control-color-bg));box-shadow:inset 0 1px 1px #00000047;transition:background .32s ease,border-color .32s ease,box-shadow .32s ease,transform .12s ease}.slide-toggle.slide-toggle--type-2 .slide-toggle__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 140% at 18% 50%,color-mix(in srgb,var(--control-color-ok) 55%,transparent),transparent 68%);opacity:0;transform:scale(.92);transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.2,.64,1)}.slide-toggle.slide-toggle--type-2.is-on{background:color-mix(in srgb,var(--control-color-ok) 38%,var(--control-color-surface));border-color:color-mix(in srgb,var(--control-color-ok) 32%,var(--control-color-border));box-shadow:inset 0 1px #ffffff1a,0 0 10px color-mix(in srgb,var(--control-color-ok) 22%,transparent)}.slide-toggle.slide-toggle--type-2.is-on .slide-toggle__glow{opacity:1;transform:scale(1)}.slide-toggle.slide-toggle--type-2 .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);z-index:1;width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:linear-gradient(165deg,color-mix(in srgb,var(--control-color-text) 82%,white),var(--control-color-textMuted));transform:translateY(-50%);transition:transform .38s cubic-bezier(.34,1.28,.64,1),background .32s ease,box-shadow .32s ease;box-shadow:0 1px 2px #00000061,inset 0 1px #ffffff29}.slide-toggle.slide-toggle--type-2.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%);background:linear-gradient(165deg,#fff,#ececec)}.slide-toggle.slide-toggle--type-2.is-pulsing{animation:st-activate .52s cubic-bezier(.34,1.25,.64,1)}.slide-toggle.slide-toggle--type-2.is-pulsing .slide-toggle__thumb{animation:st-thumb-pop .52s cubic-bezier(.34,1.45,.64,1)}@keyframes st-activate{45%{box-shadow:0 0 18px color-mix(in srgb,var(--control-color-ok) 42%,transparent)}}@keyframes st-thumb-pop{35%{transform:translate(calc(var(--st-travel) * .55),-50%) scale(1.08)}to{transform:translate(var(--st-travel),-50%) scale(1)}}.slide-toggle.slide-toggle--glass-morph,.slide-toggle.slide-toggle--liquid-flow,.slide-toggle.slide-toggle--slide-line,.slide-toggle.slide-toggle--rotate-slide,.slide-toggle.slide-toggle--soft-bounce,.slide-toggle.slide-toggle--micro-interaction,.slide-toggle.slide-toggle--pill-shadow{--st-w: 3rem;--st-h: 1.65rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.2rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border-radius:999px}.slide-toggle.slide-toggle--glass-morph{border:1px solid rgba(255,255,255,.12);background:color-mix(in srgb,var(--control-color-surface) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.slide-toggle.slide-toggle--glass-morph.is-on{background:color-mix(in srgb,var(--control-color-ok) 18%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--control-color-ok) 30%,transparent)}.slide-toggle.slide-toggle--liquid-flow{border:1px solid var(--control-color-border);background:var(--control-color-bg)}.slide-toggle.slide-toggle--liquid-flow .slide-toggle__trail{position:absolute;inset:var(--st-pad);border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--control-color-ok) 45%,transparent));opacity:0;filter:blur(4px);transform:scaleX(.2);transform-origin:left center;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.2,.64,1)}.slide-toggle.slide-toggle--liquid-flow.is-on .slide-toggle__trail{opacity:1;transform:scaleX(1)}.slide-toggle.slide-toggle--icon-toggle{--st-w: 4.2rem;--st-h: 2rem;width:var(--st-w);height:var(--st-h);border-radius:var(--control-radius-md);border:1px solid var(--control-color-border);background:var(--control-color-surface)}.slide-toggle.slide-toggle--icon-toggle .slide-toggle__icon-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 .55rem;z-index:1}.slide-toggle.slide-toggle--icon-toggle .slide-toggle__icon{display:inline-flex;width:.9rem;height:.9rem;color:var(--control-color-textMuted)}.slide-toggle.slide-toggle--icon-toggle .slide-toggle__icon svg{width:100%;height:100%}.slide-toggle.slide-toggle--icon-toggle .slide-toggle__icon-slider{position:absolute;top:.14rem;left:.14rem;width:calc(50% - .2rem);height:calc(100% - .28rem);border-radius:calc(var(--control-radius-md) - 2px);background:var(--control-color-surfaceElevated);transition:transform .32s cubic-bezier(.34,1.25,.64,1),background .25s ease}.slide-toggle.slide-toggle--icon-toggle.is-on .slide-toggle__icon-slider{transform:translate(calc(100% + .12rem));background:var(--control-color-ok)}.slide-toggle.slide-toggle--icon-toggle.is-on .slide-toggle__icon--sun{color:var(--control-color-bg)}.slide-toggle.slide-toggle--slide-line{border:1px solid var(--control-color-border);background:transparent;box-shadow:none}.slide-toggle.slide-toggle--slide-line .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;border:2px solid var(--control-color-textMuted);background:transparent;transform:translateY(-50%);transition:transform .35s cubic-bezier(.34,1.25,.64,1),border-color .25s ease,box-shadow .25s ease}.slide-toggle.slide-toggle--slide-line.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%);border-color:var(--control-color-ok);box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 50%,transparent)}.slide-toggle.slide-toggle--rotate-slide{border:1px solid var(--control-color-border);background:var(--control-color-bg)}.slide-toggle.slide-toggle--rotate-slide.is-on{background:color-mix(in srgb,var(--control-color-ok) 20%,var(--control-color-bg))}.slide-toggle.slide-toggle--rotate-slide .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);display:flex;align-items:center;justify-content:center;width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:var(--control-color-textMuted);transform:translateY(-50%) rotate(0);transition:transform .38s cubic-bezier(.34,1.3,.64,1),background .25s ease}.slide-toggle.slide-toggle--rotate-slide.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%) rotate(360deg);background:var(--control-color-ok);color:var(--control-color-bg)}.slide-toggle.slide-toggle--rotate-slide .slide-toggle__check{width:.75rem;height:.75rem}.slide-toggle.slide-toggle--soft-bounce{border:1px solid var(--control-color-border);background:var(--control-color-bg)}.slide-toggle.slide-toggle--soft-bounce.is-on{background:color-mix(in srgb,var(--control-color-ok) 28%,var(--control-color-bg));filter:drop-shadow(0 0 8px color-mix(in srgb,var(--control-color-ok) 25%,transparent))}.slide-toggle.slide-toggle--micro-interaction{border:1px solid var(--control-color-border);background:var(--control-color-bg)}.slide-toggle.slide-toggle--micro-interaction.is-on{border-color:color-mix(in srgb,var(--control-color-ok) 35%,var(--control-color-border));box-shadow:0 0 12px color-mix(in srgb,var(--control-color-ok) 30%,transparent)}.slide-toggle.slide-toggle--micro-interaction .slide-toggle__ring{position:absolute;top:50%;left:calc(var(--st-travel) + var(--st-pad));width:var(--st-thumb);height:var(--st-thumb);border:1px solid color-mix(in srgb,var(--control-color-ok) 45%,transparent);border-radius:999px;transform:translate(-50%,-50%);animation:st-ring 1.6s ease-out infinite}.slide-toggle.slide-toggle--micro-interaction .slide-toggle__ring--2{animation-delay:.5s}@keyframes st-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.slide-toggle.slide-toggle--split-switch{--st-w: 4.6rem;--st-h: 1.85rem;width:var(--st-w);height:var(--st-h);border-radius:var(--control-radius-sm);border:1px solid var(--control-color-border);background:var(--control-color-surface)}.slide-toggle.slide-toggle--split-switch .slide-toggle__split{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;font-size:var(--control-type-caption-size);letter-spacing:.06em}.slide-toggle.slide-toggle--split-switch .slide-toggle__split span{display:flex;align-items:center;justify-content:center;color:var(--control-color-textMuted);transition:color .25s ease,background .25s ease}.slide-toggle.slide-toggle--split-switch.is-on .slide-toggle__split span:last-child{color:var(--control-color-bg);background:var(--control-color-ok)}.slide-toggle.slide-toggle--toggle-label{--st-w: 5.35rem;--st-h: 1.65rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.2rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border-radius:999px;border:1px solid var(--control-color-border);background:var(--control-color-bg);overflow:hidden}.slide-toggle.slide-toggle--toggle-label .slide-toggle__status-label{position:absolute;left:.5rem;right:calc(var(--st-thumb) + var(--st-pad) + .2rem);top:50%;transform:translateY(-50%);z-index:3;font-size:var(--control-type-caption-size);font-weight:600;color:var(--control-color-ok);letter-spacing:.02em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;pointer-events:none}.slide-toggle.slide-toggle--pill-shadow{border:none;background:#f2f2f2}.slide-toggle.slide-toggle--pill-shadow.is-on{background:#fff}.slide-toggle.slide-toggle--pill-shadow .slide-toggle__thumb{box-shadow:0 3px 8px #00000059}.slide-toggle.slide-toggle--pill-shadow.is-on .slide-toggle__thumb{background:var(--control-color-ok)}.slide-toggle.slide-toggle--glass-morph .slide-toggle__thumb,.slide-toggle.slide-toggle--liquid-flow .slide-toggle__thumb,.slide-toggle.slide-toggle--soft-bounce .slide-toggle__thumb,.slide-toggle.slide-toggle--micro-interaction .slide-toggle__thumb,.slide-toggle.slide-toggle--toggle-label .slide-toggle__thumb,.slide-toggle.slide-toggle--pill-shadow .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);z-index:2;width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:#f5f5f5;transform:translateY(-50%);transition:transform .35s cubic-bezier(.34,1.25,.64,1),background .25s ease,box-shadow .25s ease}.slide-toggle.slide-toggle--glass-morph .slide-toggle__thumb{background:radial-gradient(circle at 30% 30%,#fff,#d8dde5);box-shadow:0 1px 3px #00000059}.slide-toggle.slide-toggle--glass-morph.is-on .slide-toggle__thumb{background:radial-gradient(circle at 30% 30%,#fff,var(--control-color-ok));box-shadow:0 0 12px color-mix(in srgb,var(--control-color-ok) 55%,transparent)}.slide-toggle.slide-toggle--soft-bounce .slide-toggle__thumb{background:linear-gradient(180deg,#f0f0f0,#c8ccd2)}.slide-toggle.slide-toggle--soft-bounce.is-on .slide-toggle__thumb{background:linear-gradient(180deg,#b8ff5a,var(--control-color-ok))}.slide-toggle.slide-toggle--glass-morph.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--liquid-flow.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--soft-bounce.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--micro-interaction.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--toggle-label.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--pill-shadow.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%)}.ui-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:var(--control-space-md)}.ui-variant-card{display:flex;flex-direction:column;gap:var(--control-space-sm);padding:var(--control-space-md);border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ui-variant-card:hover{border-color:var(--control-color-accentMuted);background:var(--control-color-surfaceElevated)}.ui-variant-card.is-selected{border-color:var(--control-color-ok);box-shadow:0 0 0 1px color-mix(in srgb,var(--control-color-ok) 35%,transparent)}.ui-variant-card__head{display:flex;flex-direction:column;gap:.15rem}.ui-variant-card__title{font-size:var(--control-type-label-size);font-weight:600;color:var(--control-color-text)}.ui-variant-card__id{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.ui-variant-card__preview{display:flex;align-items:center;justify-content:space-between;gap:var(--control-space-sm);padding:var(--control-space-sm) 0}.ui-variant-card__states,.ui-live-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--control-space-sm);font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.ui-live-preview{padding:var(--control-space-md);border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface);max-width:14rem}.scrollbar-variant{scrollbar-width:thin}.scrollbar-variant::-webkit-scrollbar{width:12px;height:12px}.scrollbar-variant::-webkit-scrollbar-corner{background:transparent}.scrollbar--default{scrollbar-color:var(--control-color-accent) transparent}.scrollbar--default::-webkit-scrollbar-track{background:var(--control-color-surface);border-radius:999px}.scrollbar--default::-webkit-scrollbar-thumb{background:var(--control-color-accent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--default::-webkit-scrollbar-thumb:hover{background:var(--control-color-accent);background-clip:padding-box}.scrollbar--minimal{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--control-color-accent) 60%,transparent) transparent}.scrollbar--minimal::-webkit-scrollbar{width:6px;height:6px}.scrollbar--minimal::-webkit-scrollbar-track{background:transparent}.scrollbar--minimal::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-color-accent) 55%,transparent);border-radius:999px}.scrollbar--minimal::-webkit-scrollbar-thumb:hover{background:var(--control-color-accent)}.scrollbar--rounded::-webkit-scrollbar{width:14px;height:14px}.scrollbar--rounded::-webkit-scrollbar-track{background:transparent}.scrollbar--rounded::-webkit-scrollbar-thumb{background:var(--control-color-accent);border:4px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--rounded{scrollbar-color:var(--control-color-accent) transparent}.scrollbar--neon::-webkit-scrollbar{width:10px;height:10px}.scrollbar--neon::-webkit-scrollbar-track{background:color-mix(in srgb,var(--control-color-accent) 8%,transparent);border-radius:999px}.scrollbar--neon::-webkit-scrollbar-thumb{background:var(--control-color-accent);border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,var(--control-color-accent) 80%,transparent),inset 0 0 4px #ffffff80}.scrollbar--neon{scrollbar-color:var(--control-color-accent) color-mix(in srgb,var(--control-color-accent) 8%,transparent)}.scrollbar--track::-webkit-scrollbar{width:14px;height:14px}.scrollbar--track::-webkit-scrollbar-track{background:var(--control-color-bg);border:1px solid var(--control-color-border);border-radius:999px}.scrollbar--track::-webkit-scrollbar-thumb{background:var(--control-color-accent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--track{scrollbar-color:var(--control-color-accent) var(--control-color-bg)}.scrollbar--slim{scrollbar-width:thin;scrollbar-color:var(--control-color-accent) transparent}.scrollbar--slim::-webkit-scrollbar{width:4px;height:4px}.scrollbar--slim::-webkit-scrollbar-track{background:transparent}.scrollbar--slim::-webkit-scrollbar-thumb{background:var(--control-color-accent);border-radius:999px}.scrollbar--gradient::-webkit-scrollbar{width:12px;height:12px}.scrollbar--gradient::-webkit-scrollbar-track{background:var(--control-color-surface);border-radius:999px}.scrollbar--gradient::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--control-color-accent) 70%,#ffffff),var(--control-color-accent));border:2px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--gradient{scrollbar-color:var(--control-color-accent) var(--control-color-surface)}.scrollbar--bold::-webkit-scrollbar{width:16px;height:16px}.scrollbar--bold::-webkit-scrollbar-track{background:var(--control-color-surface)}.scrollbar--bold::-webkit-scrollbar-thumb{background:var(--control-color-accent);border-radius:4px}.scrollbar--bold{scrollbar-color:var(--control-color-accent) var(--control-color-surface)}.scrollbar--dotted::-webkit-scrollbar{width:12px;height:12px}.scrollbar--dotted::-webkit-scrollbar-track{background:radial-gradient(circle,color-mix(in srgb,var(--control-color-textMuted) 35%,transparent) 1px,transparent 1.5px) 0 0 / 6px 6px,var(--control-color-surface);border-radius:999px}.scrollbar--dotted::-webkit-scrollbar-thumb{background:var(--control-color-accent);border:3px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--dotted{scrollbar-color:var(--control-color-accent) var(--control-color-surface)}.scrollbar--ghost::-webkit-scrollbar{width:10px;height:10px}.scrollbar--ghost::-webkit-scrollbar-track{background:transparent}.scrollbar--ghost::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-color-textMuted) 30%,transparent);border-radius:999px;transition:background .2s ease}.scrollbar--ghost:hover::-webkit-scrollbar-thumb{background:var(--control-color-accent)}.scrollbar--ghost{scrollbar-color:color-mix(in srgb,var(--control-color-textMuted) 30%,transparent) transparent}.scrollbar--double::-webkit-scrollbar{width:14px;height:14px}.scrollbar--double::-webkit-scrollbar-track{background:transparent}.scrollbar--double::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-color-accent) 35%,var(--control-color-bg));border:2px solid var(--control-color-accent);border-radius:999px;background-clip:padding-box}.scrollbar--double{scrollbar-color:var(--control-color-accent) transparent}.scrollbar--soft::-webkit-scrollbar{width:12px;height:12px}.scrollbar--soft::-webkit-scrollbar-track{background:transparent}.scrollbar--soft::-webkit-scrollbar-thumb{background:var(--control-color-surfaceElevated);border:3px solid transparent;background-clip:padding-box;border-radius:999px}.scrollbar--soft:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--control-color-accent) 50%,var(--control-color-surfaceElevated))}.scrollbar--soft{scrollbar-color:var(--control-color-surfaceElevated) transparent}.scrollbar-preview{height:4.6rem;overflow-y:scroll;overflow-x:hidden;border-radius:var(--control-radius-sm);background:var(--control-color-bg);border:1px solid var(--control-color-border)}.scrollbar-preview__filler{height:12rem;padding:var(--control-space-sm);display:flex;flex-direction:column;gap:.3rem}.scrollbar-preview__filler i{display:block;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--control-color-textMuted) 22%,transparent)}.scrollbar-preview__filler i:nth-child(odd){width:85%}.scrollbar-preview__filler i:nth-child(2n){width:60%}.scrollbar-live{height:7rem;overflow-y:scroll;overflow-x:hidden;border-radius:var(--control-radius-sm);background:var(--control-color-bg);border:1px solid var(--control-color-border)}.scrollbar-live__filler{height:20rem;padding:var(--control-space-md)}.ui-tabs{display:inline-flex;flex-wrap:nowrap;align-items:stretch;max-width:100%;font-size:.78rem}.ui-tabs__tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;cursor:pointer;font:inherit;font-weight:500;color:var(--control-color-textMuted);padding:.4rem .72rem;position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;box-sizing:border-box;transition:color .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .12s ease}.ui-tabs__tab:hover,.ui-tabs__tab.is-active{color:var(--control-color-text)}.ui-tabs__tab:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:-2px;border-radius:4px}.ui-tabs--underline{gap:.25rem;border-bottom:1px solid var(--control-color-border)}.ui-tabs--underline .ui-tabs__tab{padding-bottom:.5rem}.ui-tabs--underline .ui-tabs__tab.is-active{color:var(--control-color-accent)}.ui-tabs--underline .ui-tabs__tab:after{content:"";position:absolute;left:.4rem;right:.4rem;bottom:-1px;height:2px;border-radius:2px;background:var(--control-color-accent);transform:scaleX(0);transition:transform .2s ease}.ui-tabs--underline .ui-tabs__tab.is-active:after{transform:scaleX(1)}.ui-tabs--pill{gap:.35rem}.ui-tabs--pill .ui-tabs__tab{border-radius:999px}.ui-tabs--pill .ui-tabs__tab.is-active{background:var(--control-color-accent);color:var(--control-color-bg);box-shadow:0 1px 6px color-mix(in srgb,var(--control-color-accent) 40%,transparent)}.ui-tabs--segmented{gap:0;padding:.2rem;background:var(--control-color-bg);border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm)}.ui-tabs--segmented .ui-tabs__tab{border-radius:calc(var(--control-radius-sm) - .16rem)}.ui-tabs--segmented .ui-tabs__tab.is-active{background:var(--control-color-surfaceElevated);color:var(--control-color-accent);box-shadow:0 1px 3px #00000073,inset 0 0 0 1px color-mix(in srgb,var(--control-color-accent) 30%,transparent)}.ui-tabs--boxed{gap:.2rem;border-bottom:1px solid var(--control-color-border)}.ui-tabs--boxed .ui-tabs__tab{border:1px solid transparent;border-bottom:none;border-radius:var(--control-radius-sm) var(--control-radius-sm) 0 0;margin-bottom:-1px}.ui-tabs--boxed .ui-tabs__tab.is-active{background:var(--control-color-surface);border-color:var(--control-color-border);color:var(--control-color-accent)}.ui-tabs--boxed .ui-tabs__tab.is-active:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--control-color-accent);border-radius:2px 2px 0 0}.ui-tabs--ghost{gap:.25rem}.ui-tabs--ghost .ui-tabs__tab{border-radius:var(--control-radius-sm)}.ui-tabs--ghost .ui-tabs__tab:hover{background:color-mix(in srgb,var(--control-color-text) 7%,transparent)}.ui-tabs--ghost .ui-tabs__tab.is-active{background:color-mix(in srgb,var(--control-color-accent) 15%,transparent);color:var(--control-color-accent)}.ui-tabs--soft{gap:.2rem;padding:.2rem;background:var(--control-color-bg);border-radius:var(--control-radius-md)}.ui-tabs--soft .ui-tabs__tab{border-radius:var(--control-radius-sm)}.ui-tabs--soft .ui-tabs__tab.is-active{background:color-mix(in srgb,var(--control-color-accent) 20%,var(--control-color-surface));color:var(--control-color-accent)}.ui-tabs--bordered{gap:.35rem}.ui-tabs--bordered .ui-tabs__tab{border:1px solid transparent;border-radius:var(--control-radius-sm)}.ui-tabs--bordered .ui-tabs__tab.is-active{border-color:var(--control-color-accent);color:var(--control-color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--control-color-accent) 25%,transparent)}.ui-tabs--line-grow{gap:.35rem;border-bottom:2px solid var(--control-color-border)}.ui-tabs--line-grow .ui-tabs__tab{padding-bottom:.5rem}.ui-tabs--line-grow .ui-tabs__tab.is-active{color:var(--control-color-accent)}.ui-tabs--line-grow .ui-tabs__tab:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--control-color-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.ui-tabs--line-grow .ui-tabs__tab.is-active:after{transform:scaleX(1)}.ui-tabs--elevated{gap:.35rem}.ui-tabs--elevated .ui-tabs__tab{border-radius:var(--control-radius-sm)}.ui-tabs--elevated .ui-tabs__tab.is-active{background:var(--control-color-surfaceElevated);color:var(--control-color-text);transform:translateY(-1px);box-shadow:0 3px 9px #0006,0 0 0 1px color-mix(in srgb,var(--control-color-accent) 30%,transparent)}.ui-tabs--dot{gap:.5rem}.ui-tabs--dot .ui-tabs__tab{padding-top:.65rem}.ui-tabs--dot .ui-tabs__tab.is-active{color:var(--control-color-accent)}.ui-tabs--dot .ui-tabs__tab:before{content:"";position:absolute;top:.18rem;left:50%;width:.34rem;height:.34rem;border-radius:999px;background:var(--control-color-accent);box-shadow:0 0 6px color-mix(in srgb,var(--control-color-accent) 60%,transparent);transform:translate(-50%) scale(0);transition:transform .2s ease}.ui-tabs--dot .ui-tabs__tab.is-active:before{transform:translate(-50%) scale(1)}@media(prefers-reduced-motion:reduce){.ui-tabs__tab,.ui-tabs__tab:after,.ui-tabs__tab:before{transition:none!important}}.ui-tab-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;overflow:hidden}.ui-tab-preview .ui-tabs{font-size:.7rem;max-width:100%}.ui-tab-preview .ui-tabs__tab{padding-left:.5rem;padding-right:.5rem}.ui-hero__tabs{display:flex;align-items:center;justify-content:flex-end;min-width:0}.ui-nav-tabs--main,.ui-nav-tabs--editor{display:flex;flex-wrap:wrap;width:100%;font-family:var(--control-type-ui-family, inherit);font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 600);letter-spacing:var(--control-type-tracking-label, .06em);line-height:var(--control-type-label-lineHeight, 1.25)}.ui-nav-tabs--main{margin-bottom:0}.ui-nav-tabs--main .ui-tabs__tab{padding-top:.52rem;padding-bottom:.52rem}.ui-nav-tabs--editor{margin:1rem 0}.slide-toggle.slide-toggle--holographic,.slide-toggle.slide-toggle--magnetic-slide,.slide-toggle.slide-toggle--wave-control,.slide-toggle.slide-toggle--glass-neon,.slide-toggle.slide-toggle--pulse-toggle,.slide-toggle.slide-toggle--gesture-switch,.slide-toggle.slide-toggle--expanding-ring,.slide-toggle.slide-toggle--sound-wave,.slide-toggle.slide-toggle--portal-switch{--st-w: 3.2rem;--st-h: 1.7rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.2rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border-radius:999px}.slide-toggle.slide-toggle--holographic .slide-toggle__thumb,.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__thumb,.slide-toggle.slide-toggle--wave-control .slide-toggle__thumb,.slide-toggle.slide-toggle--glass-neon .slide-toggle__thumb,.slide-toggle.slide-toggle--pulse-toggle .slide-toggle__thumb,.slide-toggle.slide-toggle--gesture-switch .slide-toggle__thumb,.slide-toggle.slide-toggle--expanding-ring .slide-toggle__thumb,.slide-toggle.slide-toggle--sound-wave .slide-toggle__thumb,.slide-toggle.slide-toggle--portal-switch .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);z-index:3;width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:radial-gradient(circle at 34% 28%,#fff,#e7edf6 52%,#c9d3e2);box-shadow:0 1px 3px #00000080,inset 0 0 0 1px #ffffff2e;transform:translateY(-50%);transition:transform .4s cubic-bezier(.34,1.3,.56,1)}.slide-toggle.slide-toggle--holographic.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--magnetic-slide.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--wave-control.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--glass-neon.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--pulse-toggle.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--gesture-switch.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--expanding-ring.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--sound-wave.is-on .slide-toggle__thumb,.slide-toggle.slide-toggle--portal-switch.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%)}.slide-toggle.slide-toggle--holographic{border:1px solid var(--control-color-border);background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--control-color-textMuted) 12%,transparent) 0 1px,transparent 1px 4px),linear-gradient(180deg,#0c1118,#060a10);box-shadow:inset 0 0 8px #00000059;overflow:hidden}.slide-toggle.slide-toggle--holographic.is-on{border-color:color-mix(in srgb,var(--control-color-ok) 45%,var(--control-color-border));box-shadow:inset 0 0 10px color-mix(in srgb,var(--control-color-ok) 30%,transparent),0 0 16px color-mix(in srgb,var(--control-color-ok) 45%,transparent)}.slide-toggle.slide-toggle--holographic .slide-toggle__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--control-color-ok) 35%,transparent) 50%,transparent 65%);background-size:220% 100%;background-position:120% 0;opacity:0;transition:opacity .3s ease}.slide-toggle.slide-toggle--holographic.is-on .slide-toggle__glow{opacity:1;animation:st-sheen 2.6s ease-in-out infinite}.slide-toggle.slide-toggle--holographic .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,#d4dae3);box-shadow:0 1px 3px #0006}.slide-toggle.slide-toggle--holographic.is-on .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 55%,#ffffff));box-shadow:0 0 12px color-mix(in srgb,var(--control-color-ok) 85%,transparent)}@keyframes st-sheen{0%,to{background-position:120% 0}50%{background-position:-20% 0}}.slide-toggle.slide-toggle--magnetic-slide{border:1px solid var(--control-color-border);background:var(--control-color-bg);overflow:visible}.slide-toggle.slide-toggle--magnetic-slide.is-on{background:radial-gradient(120% 140% at 80% 50%,color-mix(in srgb,var(--control-color-ok) 14%,var(--control-color-bg)),var(--control-color-bg))}.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__thumb{background:radial-gradient(circle at 32% 26%,#f4f6fb,#b7bfca 38%,#5f6772 72%,#2c3138);box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #0000008c,0 2px 5px #00000080}.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__magnetic-field{position:absolute;top:50%;left:calc(var(--st-travel) + var(--st-pad) + var(--st-thumb) / 2);width:calc(var(--st-thumb) + .85rem);height:calc(var(--st-thumb) + .85rem);border:1.5px solid color-mix(in srgb,var(--control-color-ok) 60%,transparent);border-radius:999px;transform:translate(-50%,-50%) scale(.4);opacity:0;box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 45%,transparent);transition:opacity .3s ease,transform .3s ease}.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__magnetic-field:before,.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__magnetic-field:after{content:"";position:absolute;top:-.28rem;right:-.28rem;bottom:-.28rem;left:-.28rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--control-color-ok) 40%,transparent)}.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__magnetic-field:after{top:.18rem;right:.18rem;bottom:.18rem;left:.18rem;opacity:.6}.slide-toggle.slide-toggle--magnetic-slide.is-on .slide-toggle__magnetic-field{opacity:1;transform:translate(-50%,-50%) scale(1);animation:st-spin 3s linear infinite}.slide-toggle.slide-toggle--wave-control{--st-w: 3.5rem;border:1px solid var(--control-color-border);background:linear-gradient(180deg,#0b1016,#070b11);overflow:hidden}.slide-toggle.slide-toggle--wave-control .slide-toggle__wave{position:absolute;top:0;right:0;bottom:0;left:0;width:200%;height:100%;color:var(--control-color-textMuted);opacity:.45}.slide-toggle.slide-toggle--wave-control.is-on .slide-toggle__wave{color:var(--control-color-ok)}.slide-toggle.slide-toggle--wave-control .slide-toggle__wave path{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke}.slide-toggle.slide-toggle--wave-control .slide-toggle__wave path:nth-child(2){opacity:.45}.slide-toggle.slide-toggle--wave-control.is-on .slide-toggle__wave{animation:st-wave-scroll 1.8s linear infinite;opacity:.85}.slide-toggle.slide-toggle--wave-control .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,#d8dde5);box-shadow:0 1px 3px #0006}.slide-toggle.slide-toggle--wave-control.is-on .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 55%,#ffffff));box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 80%,transparent)}@keyframes st-wave-scroll{to{transform:translate(-50%)}}.slide-toggle.slide-toggle--flip-switch{--st-w: 3.5rem;--st-h: 2.05rem;width:var(--st-w);height:var(--st-h);border:none;background:transparent;perspective:360px}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateX(8deg);transition:transform .5s cubic-bezier(.46,1.3,.5,1)}.slide-toggle.slide-toggle--flip-switch.is-on .slide-toggle__flip{transform:rotateX(8deg) rotateY(180deg)}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:.6rem;backface-visibility:hidden;box-shadow:0 4px 10px #00000073}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip-face--off{justify-content:flex-start;padding-left:.42rem;background:linear-gradient(150deg,#2a2f37,#15181d);border:1px solid var(--control-color-border)}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip-face--off:before{content:"";width:.78rem;height:.78rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--control-color-textMuted) 70%,transparent)}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip-face--on{justify-content:flex-end;padding-right:.52rem;background:linear-gradient(150deg,color-mix(in srgb,var(--control-color-ok) 75%,#ffffff),var(--control-color-ok));transform:rotateY(180deg)}.slide-toggle.slide-toggle--flip-switch .slide-toggle__flip-face--on:before{content:"";width:.2rem;height:.9rem;border-radius:999px;background:#fff;box-shadow:0 0 6px #ffffffb3}.slide-toggle.slide-toggle--orbital-switch{--st-w: 3.3rem;--st-h: 2.05rem;width:var(--st-w);height:var(--st-h);border:none;background:transparent;overflow:visible}.slide-toggle.slide-toggle--orbital-switch.is-on{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--control-color-ok) 8%,transparent),transparent 70%)}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-ring{position:absolute;top:.25rem;right:.35rem;bottom:.25rem;left:.35rem;border:1.5px solid color-mix(in srgb,var(--control-color-textMuted) 50%,transparent);border-radius:999px;transform:rotate(-22deg) scaleY(.62);box-shadow:none;pointer-events:none}.slide-toggle.slide-toggle--orbital-switch.is-on .slide-toggle__orbit-ring{border-color:color-mix(in srgb,var(--control-color-ok) 55%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--control-color-ok) 30%,transparent)}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-core{position:absolute;top:50%;left:50%;width:.95rem;height:.95rem;border-radius:999px;background:radial-gradient(circle at 34% 30%,#fff,#d4dae3 60%,#aeb6c2);transform:translate(-50%,-50%);box-shadow:inset -2px -2px 4px #00000040;z-index:2}.slide-toggle.slide-toggle--orbital-switch.is-on .slide-toggle__orbit-core{box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 40%,transparent),inset -2px -2px 4px #00000040}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-rotator{position:absolute;top:.25rem;right:.35rem;bottom:.25rem;left:.35rem;transform:rotate(-22deg) scaleY(.62);transform-origin:center center;pointer-events:none;z-index:1}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-rotator.is-spinning{animation:st-orbit-spin 2.4s linear infinite}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-rotator.is-orbit-coast{animation:st-orbit-spin 2.4s linear 1;animation-fill-mode:forwards}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-sat{position:absolute;top:0;left:50%;width:.34rem;height:.34rem;margin-left:-.17rem;margin-top:-.17rem;border-radius:999px;background:var(--control-color-textMuted);box-shadow:none;transform:scaleY(1.613)}.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-sat.is-lit{background:var(--control-color-ok);box-shadow:0 0 8px color-mix(in srgb,var(--control-color-ok) 85%,transparent)}@keyframes st-orbit-spin{0%{transform:rotate(-22deg) scaleY(.62) rotate(0)}to{transform:rotate(-22deg) scaleY(.62) rotate(360deg)}}.slide-toggle.slide-toggle--liquid-metal{--st-w: 3.5rem;--st-h: 1.7rem;--st-pad: calc((var(--st-h) - var(--st-thumb)) / 2);--st-thumb: 1.3rem;--st-travel: calc(var(--st-w) - var(--st-thumb) - 2 * var(--st-pad));width:var(--st-w);height:var(--st-h);border:none;border-radius:999px;background:radial-gradient(60% 120% at 22% 30%,#fff,#fff0 45%),linear-gradient(180deg,#c7ccd3,#8a8f97 38%,#595d64 60%,#2f3237);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -3px 5px #0000008c,0 2px 6px #00000073;overflow:hidden}.slide-toggle.slide-toggle--liquid-metal:after{content:"";position:absolute;top:50%;left:50%;width:38%;height:70%;transform:translate(-50%,-50%);border-radius:999px;box-shadow:0 0 10px 4px #0006}.slide-toggle.slide-toggle--liquid-metal .slide-toggle__thumb{position:absolute;top:50%;left:var(--st-pad);z-index:2;width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;background:radial-gradient(circle at 34% 26%,#fff,#d3d8df,#80868f 72%,#3a3d43);box-shadow:inset 0 1px 1px #ffffffd9,inset 0 -2px 4px #00000080,0 2px 4px #00000080;transform:translateY(-50%);transition:transform .88s cubic-bezier(.42,1.65,.32,1),border-radius .55s ease,width .55s ease,filter .4s ease}.slide-toggle.slide-toggle--liquid-metal.is-on .slide-toggle__thumb{transform:translate(var(--st-travel),-50%)}.slide-toggle.slide-toggle--liquid-metal.is-sliding .slide-toggle__thumb{border-radius:48% 52% 54% 46%/52% 48%;width:calc(var(--st-thumb) + .22rem);filter:blur(.15px)}.slide-toggle.slide-toggle--liquid-metal.is-sliding:before{content:"";position:absolute;top:50%;left:var(--st-pad);z-index:1;width:calc(var(--st-travel) + var(--st-thumb) * .55);height:calc(var(--st-thumb) * .72);border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--control-color-ok) 35%,#b8bcc4) 42%,color-mix(in srgb,var(--control-color-ok) 55%,#d0d4da) 100%);opacity:.75;transform:translateY(-50%) scaleX(.35);filter:blur(2px);animation:st-liquid-bridge .88s cubic-bezier(.42,1.65,.32,1) forwards}.slide-toggle.slide-toggle--liquid-metal.is-on{background:radial-gradient(80% 140% at 18% 40%,color-mix(in srgb,var(--control-color-ok) 45%,#ffffff) 0%,transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--control-color-ok) 42%,#c7ccd3),color-mix(in srgb,var(--control-color-ok) 58%,#595d64) 55%,color-mix(in srgb,var(--control-color-ok) 35%,#2f3237));box-shadow:inset 0 1px 1px #ffffff73,inset 0 -3px 5px #00000073,0 0 16px color-mix(in srgb,var(--control-color-ok) 55%,transparent)}@keyframes st-liquid-bridge{0%{opacity:0;transform:translateY(-50%) scaleX(.2)}35%{opacity:.85;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) scaleX(.15)}}.slide-toggle.slide-toggle--glass-neon{border:1.5px solid color-mix(in srgb,var(--control-color-textMuted) 45%,var(--control-color-border));background:color-mix(in srgb,var(--control-color-surface) 50%,rgba(255,255,255,.04));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0f}.slide-toggle.slide-toggle--glass-neon.is-on{border-color:color-mix(in srgb,var(--control-color-ok) 70%,transparent);background:color-mix(in srgb,var(--control-color-ok) 8%,rgba(255,255,255,.04));box-shadow:0 0 16px color-mix(in srgb,var(--control-color-ok) 60%,transparent),inset 0 0 10px color-mix(in srgb,var(--control-color-ok) 30%,transparent)}.slide-toggle.slide-toggle--glass-neon .slide-toggle__thumb{background:linear-gradient(180deg,#ffffffd9,#ffffff80);border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 3px #00000059}.slide-toggle.slide-toggle--glass-neon.is-on .slide-toggle__thumb{border-color:#fff9;box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 55%,transparent)}.slide-toggle.slide-toggle--pulse-toggle{border:1px solid var(--control-color-border);background:linear-gradient(180deg,#14171c,#0d0f13);overflow:visible}.slide-toggle.slide-toggle--pulse-toggle.is-on{box-shadow:0 0 14px color-mix(in srgb,var(--control-color-ok) 40%,transparent)}.slide-toggle.slide-toggle--pulse-toggle .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 45%,#ffffff));box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 80%,transparent)}.slide-toggle.slide-toggle--pulse-toggle .slide-toggle__ring{position:absolute;top:50%;left:calc(var(--st-travel) + var(--st-pad) + var(--st-thumb) / 2);width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;border:1.5px solid var(--control-color-ok);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.slide-toggle.slide-toggle--pulse-toggle.is-on .slide-toggle__ring{animation:st-pulse-ring 1.8s ease-out infinite}.slide-toggle.slide-toggle--pulse-toggle.is-on .slide-toggle__ring--2{animation-delay:.9s}@keyframes st-pulse-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.slide-toggle.slide-toggle--gesture-switch{border:1px solid var(--control-color-border);background:linear-gradient(180deg,#14171c,#0e1014)}.slide-toggle.slide-toggle--gesture-switch .slide-toggle__gesture{position:absolute;top:50%;left:.5rem;display:flex;align-items:center;gap:.1rem;z-index:1;font-size:.78rem;line-height:1;color:color-mix(in srgb,var(--control-color-ok) 80%,var(--control-color-text));transform:translateY(-50%);opacity:.85}.slide-toggle.slide-toggle--gesture-switch.is-on .slide-toggle__gesture{animation:st-nudge 1.4s ease-in-out infinite}.slide-toggle.slide-toggle--gesture-switch .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,#dbe2ec);box-shadow:0 1px 4px #00000080,0 0 8px color-mix(in srgb,var(--control-color-ok) 35%,transparent)}@keyframes st-nudge{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(.18rem)}}.slide-toggle.slide-toggle--expanding-ring{border:1px solid var(--control-color-border);background:linear-gradient(180deg,#14171c,#0e1014);overflow:visible}.slide-toggle.slide-toggle--expanding-ring .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,#d8dde5);box-shadow:0 1px 3px #0006}.slide-toggle.slide-toggle--expanding-ring.is-on .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 40%,#ffffff));box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 70%,transparent)}.slide-toggle.slide-toggle--expanding-ring .slide-toggle__ring{position:absolute;top:50%;left:calc(var(--st-travel) + var(--st-pad) + var(--st-thumb) / 2);width:var(--st-thumb);height:var(--st-thumb);border-radius:999px;border:2px solid var(--control-color-ok);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.slide-toggle.slide-toggle--expanding-ring.is-on .slide-toggle__ring{animation:st-expand 1.6s ease-out infinite}.slide-toggle.slide-toggle--expanding-ring.is-on .slide-toggle__ring--2{animation-delay:.8s}@keyframes st-expand{0%{opacity:.7;transform:translate(-50%,-50%) scale(.5);border-width:2.5px}to{opacity:0;transform:translate(-50%,-50%) scale(2.1);border-width:.5px}}.slide-toggle.slide-toggle--sound-wave{--st-w: 3.5rem;border:1px solid var(--control-color-border);background:linear-gradient(180deg,#12151a,#0c0e12)}.slide-toggle.slide-toggle--sound-wave .slide-toggle__soundwave{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;gap:.12rem;padding-left:.55rem;padding-right:1.4rem}.slide-toggle.slide-toggle--sound-wave .slide-toggle__soundwave span{flex:1;height:.3rem;min-width:.1rem;border-radius:999px;background:color-mix(in srgb,var(--control-color-textMuted) 55%,transparent);transform-origin:center;transform:scaleY(.5)}.slide-toggle.slide-toggle--sound-wave.is-on .slide-toggle__soundwave span{background:color-mix(in srgb,var(--control-color-ok) 80%,transparent);animation:st-eq .9s ease-in-out infinite;animation-delay:calc(var(--i) * .08s)}.slide-toggle.slide-toggle--sound-wave .slide-toggle__thumb{background:var(--control-color-surface);border:2px solid var(--control-color-textMuted);box-shadow:0 1px 3px #00000059}.slide-toggle.slide-toggle--sound-wave.is-on .slide-toggle__thumb{border-color:var(--control-color-ok);box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 55%,transparent)}@keyframes st-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1.9)}}.slide-toggle.slide-toggle--card-slide{--st-w: 3.8rem;--st-h: 1.95rem;width:var(--st-w);height:var(--st-h);border:1px solid var(--control-color-border);border-radius:999px;background:linear-gradient(180deg,var(--control-color-surfaceElevated),var(--control-color-surface));overflow:hidden}.slide-toggle.slide-toggle--card-slide.is-on{background:linear-gradient(180deg,color-mix(in srgb,var(--control-color-ok) 14%,var(--control-color-surface)),var(--control-color-surface))}.slide-toggle.slide-toggle--card-slide .slide-toggle__card{position:absolute;top:.16rem;right:.16rem;bottom:.16rem;left:.16rem;transition:transform .4s cubic-bezier(.34,1.3,.56,1)}.slide-toggle.slide-toggle--card-slide.is-on .slide-toggle__card{transform:translate(calc(var(--st-w) - 1.85rem - .32rem))}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-inner{width:1.7rem;height:100%;border-radius:.4rem;background:linear-gradient(160deg,#f5f6f8,#d8dce2);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.16rem;padding:0 .28rem;box-shadow:0 2px 6px #0006;transition:background .3s ease}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-lines{display:flex;flex-direction:column;gap:.16rem;width:100%}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-lines i{height:.16rem;border-radius:999px;background:#9aa1ac}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-lines i:nth-child(1){width:80%}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-lines i:nth-child(2){width:55%}.slide-toggle.slide-toggle--card-slide .slide-toggle__card-check{display:none;width:1rem;height:1rem;color:#fff}.slide-toggle.slide-toggle--card-slide.is-on .slide-toggle__card-inner{background:var(--control-color-ok);align-items:center}.slide-toggle.slide-toggle--card-slide.is-on .slide-toggle__card-lines{display:none}.slide-toggle.slide-toggle--card-slide.is-on .slide-toggle__card-check{display:block}.slide-toggle.slide-toggle--time-switch{--st-h: 1.5rem;--st-pad: .16rem;--st-thumb: calc(var(--st-h) - 2 * var(--st-pad));--st-w: 3.35rem;width:var(--st-w);height:var(--st-h);border:1px solid var(--control-color-border);border-radius:999px;background:linear-gradient(180deg,#15181d,#0d0f13);overflow:hidden;transition:width .38s cubic-bezier(.34,1.1,.64,1),border-color .25s ease,background .25s ease}.slide-toggle.slide-toggle--time-switch .slide-toggle__time{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.slide-toggle.slide-toggle--time-switch .slide-toggle__time-ball,.slide-toggle.slide-toggle--time-switch .slide-toggle__time-readout{position:absolute;top:50%;transition:left .52s cubic-bezier(.34,1.25,.64,1),right .52s cubic-bezier(.34,1.25,.64,1),transform .52s cubic-bezier(.34,1.25,.64,1),color .28s ease,box-shadow .28s ease,background .28s ease}.slide-toggle.slide-toggle--time-switch .slide-toggle__time-ball{left:var(--st-pad);right:auto;width:var(--st-thumb);height:var(--st-thumb);border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 35% 30%,#fff,#d4dae3);box-shadow:0 1px 3px #00000061,inset 0 -1px color-mix(in srgb,var(--control-color-text) 8%,transparent)}.slide-toggle.slide-toggle--time-switch .slide-toggle__time-readout{right:var(--st-pad);left:auto;transform:translateY(-50%);font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;line-height:1;color:var(--control-color-textMuted);white-space:nowrap}.slide-toggle.slide-toggle--time-switch.is-on .slide-toggle__time-ball{left:auto;right:var(--st-pad);background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 28%,#e8ecef));box-shadow:0 0 10px color-mix(in srgb,var(--control-color-ok) 55%,transparent),0 1px 3px #00000059}.slide-toggle.slide-toggle--time-switch.is-on .slide-toggle__time-readout{left:var(--st-pad);right:auto;color:color-mix(in srgb,var(--control-color-ok) 62%,var(--control-color-textMuted));text-shadow:0 0 6px color-mix(in srgb,var(--control-color-ok) 28%,transparent)}.slide-toggle.slide-toggle--time-switch:not(.is-on) .slide-toggle__time-ball{animation:st-time-ball-idle 2.8s ease-in-out infinite}@keyframes st-time-ball-idle{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.04)}}.slide-toggle.slide-toggle--portal-switch{border:1px solid var(--control-color-border);background:linear-gradient(180deg,#0b0f15,#070a0f);overflow:hidden}.slide-toggle.slide-toggle--portal-switch .slide-toggle__portal{position:absolute;top:50%;left:calc(var(--st-travel) + var(--st-pad) + var(--st-thumb) / 2);width:calc(var(--st-thumb) + .7rem);height:calc(var(--st-thumb) + .7rem);border-radius:999px;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--control-color-textMuted) 45%,transparent),transparent 55%,color-mix(in srgb,var(--control-color-textMuted) 25%,transparent),transparent);transform:translate(-50%,-50%);opacity:.25;transition:opacity .35s ease}.slide-toggle.slide-toggle--portal-switch.is-on .slide-toggle__portal{background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--control-color-ok) 70%,transparent),transparent 55%,color-mix(in srgb,var(--control-color-ok) 40%,transparent),transparent);opacity:.95;animation:st-spin 2.2s linear infinite}.slide-toggle.slide-toggle--portal-switch .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,#d8dde5);box-shadow:0 1px 3px #0006}.slide-toggle.slide-toggle--portal-switch.is-on .slide-toggle__thumb{background:radial-gradient(circle at 35% 30%,#fff,color-mix(in srgb,var(--control-color-ok) 35%,#ffffff));box-shadow:0 0 12px color-mix(in srgb,var(--control-color-ok) 85%,transparent)}@keyframes st-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.slide-toggle.slide-toggle--holographic .slide-toggle__glow,.slide-toggle.slide-toggle--magnetic-slide .slide-toggle__magnetic-field,.slide-toggle.slide-toggle--wave-control .slide-toggle__wave,.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-rotator.is-spinning,.slide-toggle.slide-toggle--orbital-switch .slide-toggle__orbit-rotator.is-orbit-coast,.slide-toggle.slide-toggle--pulse-toggle .slide-toggle__ring,.slide-toggle.slide-toggle--expanding-ring .slide-toggle__ring,.slide-toggle.slide-toggle--sound-wave .slide-toggle__soundwave span,.slide-toggle.slide-toggle--gesture-switch .slide-toggle__gesture,.slide-toggle.slide-toggle--portal-switch .slide-toggle__portal,.slide-toggle.slide-toggle--time-switch .slide-toggle__time-ball,.slide-toggle.slide-toggle--time-switch .slide-toggle__time-readout{animation:none!important;transition:none!important}.slide-toggle.slide-toggle--time-switch{transition:none!important}}.slide-toggle.slide-toggle--holographic.is-on{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--control-color-ok) 12%,transparent) 0 1px,transparent 1px 4px),linear-gradient(180deg,#0c1118,#060a10)}.slide-toggle.slide-toggle--wave-control.is-on{background:linear-gradient(180deg,#0b1016,#070b11)}.slide-toggle.slide-toggle--magnetic-slide.is-on,.slide-toggle.slide-toggle--pulse-toggle.is-on,.slide-toggle.slide-toggle--expanding-ring.is-on,.slide-toggle.slide-toggle--gesture-switch.is-on,.slide-toggle.slide-toggle--sound-wave.is-on,.slide-toggle.slide-toggle--time-switch.is-on{background:linear-gradient(180deg,#14171c,#0d0f13)}.slide-toggle.slide-toggle--portal-switch.is-on{background:radial-gradient(circle at 78% 50%,color-mix(in srgb,var(--control-color-ok) 22%,#0b0f15),#070a0f)}.slide-toggle.slide-toggle--orbital-switch.is-on,.slide-toggle.slide-toggle--flip-switch.is-on{background:transparent}.slide-toggle.slide-toggle--magnetic-slide,.slide-toggle.slide-toggle--pulse-toggle,.slide-toggle.slide-toggle--expanding-ring,.slide-toggle.slide-toggle--orbital-switch,.slide-toggle.slide-toggle--flip-switch,.slide-toggle.slide-toggle--portal-switch{overflow:visible}.ui-variant-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.ui-variant-card__preview{justify-content:center;min-height:3rem}.ui-variant-card__states .is-active,.ui-live-preview .is-active{color:var(--control-color-text);font-weight:600}:root{font-style:var(--control-type-ui-style, normal)}.ui-settings{display:flex;flex-direction:column;gap:var(--control-space-lg)}.ui-section{display:flex;flex-direction:column;gap:var(--control-space-md);padding:var(--control-space-lg);border:1px solid var(--control-color-border);border-radius:var(--control-radius-lg);background:var(--control-color-surface)}.ui-section__header{display:flex;flex-direction:column;gap:.3rem}.ui-section__title{display:flex;align-items:center;gap:var(--control-space-sm)}.ui-section__title h3{margin:0;font-size:1.05rem;font-weight:650;color:var(--control-color-text)}.ui-count{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);background:var(--control-color-bg);border:1px solid var(--control-color-border);border-radius:999px;padding:.1rem .55rem}.ui-section__desc{margin:0;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);max-width:54ch}.ui-section__note{margin:.35rem 0 0;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);max-width:62ch;line-height:1.45}.ui-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--control-space-lg);flex-wrap:wrap;padding:var(--control-space-md) var(--control-space-lg);border:1px solid color-mix(in srgb,var(--control-color-ok) 28%,var(--control-color-border));border-radius:var(--control-radius-md);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--control-color-ok) 9%,transparent),transparent 60%),linear-gradient(180deg,var(--control-color-surfaceElevated),var(--control-color-surface))}.ui-hero__info{display:flex;flex-direction:column;gap:.18rem;min-width:0}.ui-hero__label{font-size:var(--control-type-caption-size);text-transform:uppercase;letter-spacing:.08em;color:var(--control-color-textMuted)}.ui-hero__name{font-size:1.15rem;font-weight:650;color:var(--control-color-text)}.ui-hero__sub{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.ui-hero__preview{display:flex;align-items:center;justify-content:center}.ui-hero__scroll{width:17rem;max-width:100%;height:5rem;overflow-y:scroll;overflow-x:hidden;border-radius:var(--control-radius-sm);background:var(--control-color-bg);border:1px solid var(--control-color-border)}.ui-hero__scroll .scrollbar-live__filler{height:14rem}.ui-hero__font-sample{margin:0;flex:1 1 14rem;max-width:100%;font-size:1.05rem;line-height:1.45;color:var(--control-color-text);text-align:right}.ui-font-select{width:100%;max-width:28rem}.ui-toolbar{display:flex;align-items:center}.ui-search{display:inline-flex;align-items:center;gap:.45rem;width:100%;max-width:20rem;padding:.42rem .7rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg);color:var(--control-color-textMuted);transition:border-color .15s ease,box-shadow .15s ease}.ui-search:focus-within{border-color:var(--control-color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--control-color-focus) 35%,transparent)}.ui-search svg{width:.95rem;height:.95rem;flex-shrink:0}.ui-search input{flex:1;min-width:0;border:none;background:transparent;color:var(--control-color-text);font-size:.9rem;outline:none}.ui-search input::placeholder{color:var(--control-color-textMuted)}.ui-search input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--control-space-sm)}.ui-variant-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:var(--control-space-md) var(--control-space-sm) var(--control-space-sm);border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-bg);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .1s ease}.ui-variant-card:hover{border-color:var(--control-color-accentMuted);background:var(--control-color-surface);transform:translateY(-1px)}.ui-variant-card:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.ui-variant-card.is-selected{border-color:var(--control-color-ok);background:color-mix(in srgb,var(--control-color-ok) 9%,var(--control-color-bg));box-shadow:0 0 0 1px var(--control-color-ok),0 6px 16px color-mix(in srgb,var(--control-color-ok) 16%,transparent)}.ui-variant-card__select{position:absolute;top:.45rem;left:.45rem;width:1.15rem;height:1.15rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--control-color-textMuted) 55%,transparent);background:var(--control-color-surface);display:flex;align-items:center;justify-content:center;color:var(--control-color-bg);transition:background .15s ease,border-color .15s ease}.ui-variant-card.is-selected .ui-variant-card__select{background:var(--control-color-ok);border-color:var(--control-color-ok)}.ui-variant-card__select svg{width:.85rem;height:.85rem}.ui-variant-card__name{font-size:var(--control-type-label-size);font-weight:600;color:var(--control-color-text);padding-inline:.6rem}.ui-variant-card__preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.4rem}.ui-variant-grid--scrollbar .scrollbar-preview{width:100%;margin-top:.1rem}.ui-empty{padding:var(--control-space-xl) var(--control-space-lg);text-align:center;color:var(--control-color-textMuted);border:1px dashed var(--control-color-border);border-radius:var(--control-radius-md)}.ui-section--tabs .ui-hero,.ui-section--scrollbar .ui-hero{border-color:color-mix(in srgb,var(--control-color-accent) 28%,var(--control-color-border));background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--control-color-accent) 9%,transparent),transparent 60%),linear-gradient(180deg,var(--control-color-surfaceElevated),var(--control-color-surface))}.ui-section--tabs .ui-variant-card.is-selected,.ui-section--scrollbar .ui-variant-card.is-selected{border-color:var(--control-color-accent);background:color-mix(in srgb,var(--control-color-accent) 9%,var(--control-color-bg));box-shadow:0 0 0 1px var(--control-color-accent),0 6px 16px color-mix(in srgb,var(--control-color-accent) 16%,transparent)}.ui-section--tabs .ui-variant-card.is-selected .ui-variant-card__select,.ui-section--scrollbar .ui-variant-card.is-selected .ui-variant-card__select{background:var(--control-color-accent);border-color:var(--control-color-accent)}@media(max-width:640px){.ui-hero{gap:var(--control-space-md)}.ui-variant-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}}.features-editor{display:flex;flex-direction:column;gap:var(--control-space-lg)}.fx-intro{display:flex;flex-direction:column;gap:.4rem;padding:var(--control-space-md) var(--control-space-lg);border:1px solid color-mix(in srgb,var(--control-color-accent) 26%,var(--control-color-border));border-radius:var(--control-radius-md);background:radial-gradient(130% 160% at 0% 0%,color-mix(in srgb,var(--control-color-accent) 9%,transparent),transparent 60%),var(--control-color-surface)}.fx-intro__head{display:flex;align-items:center;gap:var(--control-space-sm)}.fx-intro__head h3{margin:0;font-size:1.05rem;font-weight:650;color:var(--control-color-text)}.fx-intro__text{margin:0;font-size:.86rem;color:var(--control-color-text);max-width:70ch}.fx-intro__example{margin:0;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);padding:.35rem .6rem;border-left:2px solid color-mix(in srgb,var(--control-color-ok) 60%,transparent);background:var(--control-color-bg);border-radius:0 var(--control-radius-sm) var(--control-radius-sm) 0;max-width:70ch}.fx-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:var(--control-space-xl) var(--control-space-lg);border:1px dashed var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-bg)}.fx-empty__icon{color:var(--control-color-accentMuted)}.fx-empty__icon svg{width:2.2rem;height:2.2rem}.fx-empty__title{margin:.2rem 0 0;font-size:1rem;font-weight:650;color:var(--control-color-text)}.fx-empty__text{margin:0;font-size:.85rem;color:var(--control-color-textMuted);max-width:52ch}.fx-empty__actions{display:flex;gap:var(--control-space-sm);margin-top:.5rem;flex-wrap:wrap;justify-content:center}.fx-list{display:flex;flex-direction:column;gap:var(--control-space-sm)}.fx-card{display:flex;flex-direction:column;gap:.55rem;padding:var(--control-space-md);border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface)}.fx-card__row{display:flex;align-items:flex-end;gap:var(--control-space-md);flex-wrap:wrap}.fx-field{display:flex;flex-direction:column;gap:.28rem;min-width:0}.fx-field--grow{flex:1 1 14rem}.fx-field--surface{flex:1 1 10rem}.fx-field--toggle{flex:0 0 auto}.fx-field__label{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);text-transform:uppercase;letter-spacing:.05em}.fx-select,.fx-input{width:100%;padding:.5rem .7rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg);color:var(--control-color-text);font-size:.88rem}.fx-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:1.8rem;background-image:linear-gradient(45deg,transparent 50%,var(--control-color-textMuted) 50%),linear-gradient(135deg,var(--control-color-textMuted) 50%,transparent 50%);background-position:calc(100% - 1rem) center,calc(100% - .7rem) center;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat;cursor:pointer}.fx-select:focus,.fx-input:focus{outline:2px solid var(--control-color-focus);outline-offset:1px;border-color:var(--control-color-accent)}.fx-input::placeholder{color:var(--control-color-textMuted)}.fx-toggle{display:flex;align-items:center;gap:.5rem;height:2.4rem}.fx-toggle .is-on{color:var(--control-color-ok);font-weight:600;font-size:.82rem}.fx-toggle .is-off{color:var(--control-color-textMuted);font-size:.82rem}.fx-remove{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.2rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg);color:var(--control-color-textMuted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.fx-remove svg{width:.95rem;height:.95rem}.fx-remove:hover{color:var(--control-color-danger);border-color:color-mix(in srgb,var(--control-color-danger) 55%,var(--control-color-border));background:color-mix(in srgb,var(--control-color-danger) 10%,var(--control-color-bg))}.fx-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding-top:.1rem}.fx-meta__desc{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.fx-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .5rem;border-radius:999px;border:1px solid transparent}.fx-badge--preview{color:var(--control-color-accent);background:color-mix(in srgb,var(--control-color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--control-color-accent) 35%,transparent)}.fx-badge--interaction{color:var(--control-color-ok);background:color-mix(in srgb,var(--control-color-ok) 14%,transparent);border-color:color-mix(in srgb,var(--control-color-ok) 35%,transparent)}.fx-badge--admin{color:var(--control-color-warn);background:color-mix(in srgb,var(--control-color-warn) 14%,transparent);border-color:color-mix(in srgb,var(--control-color-warn) 35%,transparent)}.fx-badge--platform{color:var(--control-color-danger);background:color-mix(in srgb,var(--control-color-danger) 14%,transparent);border-color:color-mix(in srgb,var(--control-color-danger) 35%,transparent)}.fx-chip{font-size:.68rem;padding:.12rem .5rem;border-radius:999px;background:var(--control-color-bg);border:1px solid var(--control-color-border);color:var(--control-color-textMuted)}.fx-chip.is-ok{color:var(--control-color-ok);border-color:color-mix(in srgb,var(--control-color-ok) 35%,transparent)}.fx-chip.is-warn{color:var(--control-color-warn);border-color:color-mix(in srgb,var(--control-color-warn) 45%,transparent)}.fx-warn{margin:0;font-size:var(--control-type-caption-size);color:var(--control-color-warn);background:color-mix(in srgb,var(--control-color-warn) 10%,transparent);border-radius:var(--control-radius-sm);padding:.35rem .55rem}.fx-actions{display:flex;gap:var(--control-space-sm);flex-wrap:wrap}.features-editor .btn.primary{background:var(--control-color-ok);color:var(--control-color-bg);border-color:var(--control-color-ok)}.features-editor .btn.ghost{background:transparent}.fx-reference{border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface);padding:0 var(--control-space-md)}.fx-reference>summary{cursor:pointer;padding:var(--control-space-md) 0;font-weight:600;font-size:.9rem;color:var(--control-color-text);list-style:none}.fx-reference>summary::-webkit-details-marker{display:none}.fx-reference>summary:before{content:"▸ ";color:var(--control-color-textMuted)}.fx-reference[open]>summary:before{content:"▾ "}.fx-reference__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--control-space-sm);padding-bottom:var(--control-space-md)}.fx-ref-item{display:flex;flex-direction:column;gap:.35rem;padding:var(--control-space-sm) var(--control-space-md);border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg)}.fx-ref-item__head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.fx-ref-item__name{font-weight:600;font-size:.85rem;color:var(--control-color-text)}.fx-ref-item__id{font-size:.66rem;color:var(--control-color-textMuted)}.fx-ref-item__desc{margin:0;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.fx-ref-item__meta{display:flex;flex-wrap:wrap;gap:.35rem}@media(max-width:640px){.fx-card__row{gap:var(--control-space-sm)}.fx-field--toggle{width:100%}}.page-title,.app-main .row>h2,.app-main .stack>h2:first-child{margin:0;font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-size:var(--control-type-title-size, 1.125rem);font-weight:var(--control-type-title-weight, 700);letter-spacing:var(--control-type-tracking-display, .04em);line-height:1.2;color:var(--control-color-text)}.app-header__brand h1{font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-size:var(--control-type-headline-size, 1.375rem);font-weight:var(--control-type-headline-weight, 700);letter-spacing:var(--control-type-tracking-display, .04em);line-height:1.15;color:var(--control-color-text)}:root{--editor-row-action-size: 2rem;--editor-row-actions-width: calc(3 * var(--editor-row-action-size) + 2 * .35rem);font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-size:var(--control-type-body-size);line-height:var(--control-type-body-lineHeight, 1.45);color:var(--control-color-text);background:var(--control-color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scrollbar-gutter:stable;height:100%}body{margin:0;min-height:100%}#root{min-height:100dvh}*{scrollbar-width:thin;scrollbar-color:var(--control-color-accentMuted) transparent}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--control-color-surface);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--control-color-accentMuted);border:3px solid transparent;background-clip:padding-box;border-radius:999px;transition:background .15s ease}*::-webkit-scrollbar-thumb:hover{background:var(--control-color-accent);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:var(--control-color-focus);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.layout{width:100%;max-width:none;margin:0;min-height:100dvh;padding:1rem clamp(1rem,2vw,2rem) 1.5rem;display:flex;flex-direction:column;box-sizing:border-box}header{margin-bottom:0}.app-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1rem}.app-header__brand h1{margin:0}.app-header__account{display:flex;align-items:center;gap:.75rem}.app-main{flex:1;min-width:0;padding-top:1.25rem}.layout--fixed{height:100dvh;min-height:0;overflow:hidden}.app-main--fixed{display:flex;flex-direction:column;min-height:0;overflow:hidden}@media(max-width:900px){.layout--fixed{height:auto;min-height:100dvh;overflow:visible}.app-main--fixed{overflow:visible}}.locale-select--header{width:4.25rem;flex:0 0 auto}.locale-select--header .custom-select__trigger{min-height:2rem;padding:.35rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.04em}.locale-select--header .custom-select__value{text-align:center}.locale-select--field{width:min(100%,18rem)}.locale-select--field .custom-select__trigger{min-height:2.5rem}header .muted{margin:.2rem 0 0}.muted{color:var(--control-color-textMuted);font-size:var(--control-type-caption-size)}.error{color:var(--control-color-danger)}.ok{color:var(--control-color-ok)}code{font-family:ui-monospace,monospace;font-size:.85em;color:var(--control-color-accent)}header h1{margin:0;font-size:1.5rem;font-weight:var(--control-type-headline-weight, 700);letter-spacing:-.02em;line-height:1.15}.btn,.mini{display:inline-flex;align-items:center;justify-content:center;font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-weight:var(--control-type-label-weight, 600);letter-spacing:var(--control-type-tracking-label, .06em);color:var(--control-color-text);background:var(--control-color-surface);border:1px solid var(--control-color-border);cursor:pointer;text-decoration:none;box-shadow:var(--control-shadow-none, none);transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}.btn{min-height:var(--control-touch-min);padding:var(--control-space-sm) var(--control-space-md);border-radius:var(--control-radius-md);font-size:var(--control-type-label-size, .8125rem)}.btn:hover:not(:disabled){background:var(--control-color-surfaceElevated);border-color:var(--control-color-accent)}.btn:focus-visible,.mini:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.btn:active:not(:disabled),.mini:active:not(:disabled){transform:scale(.98)}.btn:disabled,.mini:disabled{opacity:var(--control-opacity-disabled);cursor:not-allowed;pointer-events:none}.btn.primary{background:var(--control-color-accent);border-color:var(--control-color-accent);color:var(--control-color-bg)}.btn.primary:hover:not(:disabled){background:var(--control-color-surfaceElevated);border-color:var(--control-color-accent);color:var(--control-color-text)}.btn.danger{background:var(--control-color-danger);border-color:var(--control-color-danger);color:var(--control-color-bg)}.btn.danger:hover:not(:disabled){background:var(--control-color-surfaceElevated);border-color:var(--control-color-danger);color:var(--control-color-danger)}.mini{padding:.2rem .5rem;margin-left:.25rem;border-radius:var(--control-radius-sm);font-size:var(--control-type-caption-size)}.mini:hover:not(:disabled){background:var(--control-color-surfaceElevated);border-color:var(--control-color-accent)}.mini.danger{color:var(--control-color-danger)}.mini.danger:hover:not(:disabled){background:var(--control-color-surfaceElevated);border-color:var(--control-color-danger);color:var(--control-color-danger)}.btn-group{display:flex;gap:var(--control-space-sm)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.row h2{margin:0;font-size:1.125rem;font-weight:var(--control-type-title-weight, 700);letter-spacing:-.01em}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}@media(min-width:1024px){.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.card{display:block;padding:1.1rem 1.15rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-lg);background:var(--control-color-surfaceElevated);text-decoration:none;color:inherit;box-shadow:var(--control-shadow-none, none);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.card:hover{background:var(--control-color-surface);border-color:var(--control-color-accentMuted);box-shadow:var(--control-shadow-raised, 0 2px 12px rgba(0, 0, 0, .35));transform:translateY(-1px)}.card strong{display:block;font-size:var(--control-type-title-size, 1.125rem);margin-bottom:.25rem}.card .muted{font-size:var(--control-type-caption-size)}.card.is-active{border-color:var(--control-color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--control-color-accent) 40%,transparent)}.layout a.card,.layout a.card:visited,.layout a.card:any-link{color:inherit;text-decoration:none}.layout a.card strong{color:var(--control-color-text)}.layout a.card .muted{color:var(--control-color-textMuted)}.presentation-card{display:flex;flex-direction:column;gap:.5rem;min-width:0}.presentation-card__badge{display:inline-flex;align-items:center;align-self:flex-start;margin-bottom:.65rem;padding:.2rem .55rem;border:1px solid color-mix(in srgb,var(--control-color-accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--control-color-accentMuted) 22%,transparent);color:var(--control-color-accent);font-size:var(--control-type-caption-size);font-weight:600;letter-spacing:var(--control-type-tracking-label, .04em);text-transform:uppercase}.presentation-card__activate{align-self:stretch;flex:0 0 auto}.app-tabs{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin-bottom:0;border-bottom:1px solid var(--control-color-border)}.app-tabs a{position:relative;color:var(--control-color-textMuted);text-decoration:none;padding:.65rem 1.35rem .7rem;border:1px solid transparent;border-bottom:none;border-radius:var(--control-radius-md) var(--control-radius-md) 0 0;font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 600);letter-spacing:.02em;background:transparent;transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.app-tabs a:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background .18s ease}.app-tabs a:hover{color:var(--control-color-text);background:color-mix(in srgb,var(--control-color-surfaceElevated) 55%,transparent)}.app-tabs a:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px;z-index:2}.app-tabs a.active{color:var(--control-color-text);background:transparent;border-color:var(--control-color-border);box-shadow:none;z-index:1}.app-tabs a.active:after{background:var(--control-color-accent)}.tabs{display:flex;flex-wrap:wrap;gap:var(--control-space-sm);margin:1rem 0}.tabs a{color:var(--control-color-textMuted);text-decoration:none;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--control-color-border);font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 600);letter-spacing:var(--control-type-tracking-label, .06em);transition:border-color .15s ease,color .15s ease,background .15s ease}.tabs a:hover{color:var(--control-color-text);border-color:var(--control-color-accent)}.tabs a.active{color:var(--control-color-accent);border-color:var(--control-color-accent);background:var(--control-color-surfaceElevated)}textarea,input,select{width:100%;background:var(--control-color-surfaceElevated);color:var(--control-color-text);border:1px solid color-mix(in srgb,var(--control-color-text) 8%,transparent);border-radius:var(--control-radius-md);padding:.6rem .7rem;font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-size:var(--control-type-label-size, .8125rem);transition:outline-color .15s ease,border-color .15s ease}textarea:hover:not(:disabled),input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--control-color-accent)}textarea:focus,input:focus,select:focus{outline:2px solid var(--control-color-accent);outline-offset:1px;border-color:var(--control-color-accent)}input[type=checkbox]{width:auto;accent-color:var(--control-color-accent)}.title-input{font-size:1.25rem;font-weight:var(--control-type-headline-weight, 700);letter-spacing:var(--control-type-tracking-display, .04em);max-width:60%}textarea{font-family:ui-monospace,monospace;font-size:var(--control-type-mono-size, .8125rem);resize:vertical;min-height:120px}.textarea-roll{position:relative;border:1px solid color-mix(in srgb,var(--control-color-text) 8%,transparent);border-radius:var(--control-radius-md);background:var(--control-color-surfaceElevated);overflow:hidden;transition:border-color .15s ease}.textarea-roll:hover{border-color:var(--control-color-accent)}.textarea-roll:focus-within{border-color:var(--control-color-accent);outline:2px solid var(--control-color-accent);outline-offset:1px}.textarea-roll__field{display:block;width:100%;margin:0;background:transparent;border:none;border-radius:0}.textarea-roll__field:focus{outline:none}.textarea-roll__edge{position:absolute;left:0;right:0;height:26px;pointer-events:none;z-index:1}.textarea-roll__edge--top{top:0;background:linear-gradient(to bottom,var(--control-color-surfaceElevated) 0%,transparent 100%);box-shadow:inset 0 7px 12px -8px var(--control-shadow-overlay, 0 8px 32px rgba(0, 0, 0, .5))}.textarea-roll__edge--bottom{bottom:0;background:linear-gradient(to top,var(--control-color-surfaceElevated) 0%,transparent 100%);box-shadow:inset 0 -7px 12px -8px var(--control-shadow-overlay, 0 8px 32px rgba(0, 0, 0, .5))}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--control-color-border);padding:.5rem;text-align:left;vertical-align:top}pre{background:var(--control-color-surface);padding:1rem;border-radius:var(--control-radius-sm);overflow:auto;font-family:ui-monospace,monospace;font-size:var(--control-type-label-size, .8125rem)}label{display:block;margin:.75rem 0;font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 600)}.stack>.field{margin-bottom:1.5rem}.field{margin:1rem 0}.field>.btn{margin-top:var(--control-space-md)}.field-label{font-size:var(--control-type-label-size, .8125rem);font-weight:var(--control-type-label-weight, 700);letter-spacing:var(--control-type-tracking-display, .04em);text-transform:uppercase;color:var(--control-color-textMuted);margin-bottom:.5rem}.ord{list-style:none;margin:0 0 .5rem;padding:0}.ord li,.trigger-row{display:grid;grid-template-columns:1fr var(--editor-row-actions-width);align-items:center;gap:var(--control-space-sm);min-height:var(--control-touch-min);padding:var(--control-space-sm) var(--control-space-md);border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);margin-bottom:var(--control-space-xs);background:var(--control-color-surface);transition:border-color .15s ease,background .15s ease}.ord li:hover,.trigger-row:hover{border-color:var(--control-color-accent);background:var(--control-color-surfaceElevated)}.editor-row__actions{display:flex;justify-content:flex-end;align-items:center;width:100%;min-height:var(--editor-row-action-size)}.row-actions{display:grid;grid-template-columns:repeat(3,var(--editor-row-action-size));gap:.35rem;flex-shrink:0}.row-actions__ghost{width:var(--editor-row-action-size);height:var(--editor-row-action-size)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--editor-row-action-size);height:var(--editor-row-action-size);padding:0;margin:0;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-surfaceElevated);color:var(--control-color-textMuted);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease,opacity .15s ease}.icon-btn__svg{width:.875rem;height:.875rem;display:block}.icon-btn:hover:not(:disabled){color:var(--control-color-text);border-color:var(--control-color-accentMuted);background:var(--control-color-surface)}.icon-btn:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.icon-btn:active:not(:disabled){transform:scale(.96)}.icon-btn:disabled{opacity:var(--control-opacity-disabled);cursor:not-allowed}.icon-btn--danger{color:var(--control-color-danger)}.icon-btn--danger:hover:not(:disabled){border-color:var(--control-color-danger);color:var(--control-color-danger);background:color-mix(in srgb,var(--control-color-danger) 12%,var(--control-color-surface))}.inline{display:flex;gap:var(--control-space-sm);align-items:center;margin-bottom:.5rem}.inline input,.inline .custom-select{width:auto;flex:1;min-width:11rem}.trigger-list{list-style:none;margin:0;padding:0}.trigger-row__main{display:flex;align-items:center;gap:.65rem;min-width:0}.trigger-row__label{flex:0 0 auto}.trigger-row__event{flex:1 1 10rem;min-width:0;font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);padding:.35rem .45rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg);color:var(--control-color-text)}.trigger-row__event:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:1px;border-color:var(--control-color-accent)}.custom-select{position:relative;min-width:10rem}.custom-select.is-disabled{opacity:.55}.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:2.35rem;padding:.45rem .65rem .45rem .75rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--control-color-surfaceElevated) 92%,var(--control-color-text)) 0%,var(--control-color-surfaceElevated) 100%);color:var(--control-color-text);font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-size:var(--control-type-label-size, .8125rem);font-weight:500;letter-spacing:.01em;cursor:pointer;box-shadow:inset 0 1px color-mix(in srgb,var(--control-color-text) 6%,transparent),0 1px 2px #0000002e;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.custom-select__trigger:hover:not(:disabled){border-color:var(--control-color-accentMuted)}.custom-select__trigger:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px;border-color:var(--control-color-accent)}.custom-select.is-open .custom-select__trigger{border-color:var(--control-color-accent);box-shadow:inset 0 1px color-mix(in srgb,var(--control-color-text) 8%,transparent),0 0 0 1px color-mix(in srgb,var(--control-color-accent) 35%,transparent),0 4px 16px #00000047}.custom-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size)}.custom-select__value--placeholder{color:var(--control-color-textMuted);font-family:var(--control-type-ui-family);font-style:var(--control-type-ui-style, normal);font-style:normal}.custom-select__chevron{flex:0 0 auto;width:.55rem;height:.55rem;border-right:2px solid var(--control-color-accent);border-bottom:2px solid var(--control-color-accent);transform:rotate(45deg) translateY(-1px);transition:transform .18s ease,border-color .18s ease}.custom-select.is-open .custom-select__chevron{transform:rotate(-135deg) translateY(1px);border-color:var(--control-color-focus)}.custom-select__menu{position:fixed;z-index:180;max-height:15rem;overflow-y:auto;padding:.35rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-lg);background:var(--control-color-surfaceElevated);box-shadow:var(--control-shadow-raised, 0 10px 36px rgba(0, 0, 0, .5))}.custom-select__option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .65rem;border:1px solid transparent;border-radius:var(--control-radius-sm);background:transparent;color:var(--control-color-text);font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);text-align:left;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.custom-select__option:hover{background:color-mix(in srgb,var(--control-color-accentMuted) 22%,transparent);border-color:color-mix(in srgb,var(--control-color-accentMuted) 45%,transparent)}.custom-select__option.is-active{background:color-mix(in srgb,var(--control-color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--control-color-accent) 55%,transparent);color:var(--control-color-text)}.custom-select__option:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:1px}.custom-select__option-check{flex:0 0 auto;width:.45rem;height:.75rem;border-right:2px solid var(--control-color-accent);border-bottom:2px solid var(--control-color-accent);transform:rotate(45deg) translate(-1px,-1px)}.custom-select__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select--styled .custom-select__value:not(.custom-select__value--placeholder){font-family:inherit;font-size:var(--control-type-label-size, .8125rem)}.custom-select--styled .custom-select__option{font-family:inherit;font-size:var(--control-type-label-size, .8125rem)}.checkbox-row{display:flex;align-items:center;gap:var(--control-space-sm);margin:.35rem 0;font-weight:400}.panel{margin-top:1.5rem;padding:1rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.preview-frame{width:100%;height:78vh;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-bg)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.token-row{display:flex;flex-direction:column;gap:.2rem;margin:0;font-weight:400}.token-row code{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.token-row input{font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);padding:.3rem .45rem}.token-row--wide{margin-bottom:.75rem}.type-list{display:flex;flex-direction:column;gap:.6rem}.type-item{display:flex;flex-direction:column;gap:.55rem;padding:.7rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface)}.type-sample-box{border:1px dashed var(--control-color-accentMuted);background:var(--control-color-surfaceElevated);padding:.15rem .55rem;border-radius:var(--control-radius-sm)}.type-sample{display:block;color:var(--control-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-control-groups{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}@media(max-width:720px){.type-control-groups{grid-template-columns:1fr}}.type-control-group{padding:.55rem .65rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-bg)}.type-control-group__title{display:block;font-size:var(--control-type-label-size, .8125rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--control-color-text);margin-bottom:.15rem}.type-control-group__hint{margin:0 0 .45rem;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);line-height:1.35}.type-controls{display:flex;flex-wrap:wrap;gap:.5rem}.type-controls label{display:flex;flex-direction:column;gap:.15rem;margin:0;font-weight:400}.type-controls label span{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.track-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.7rem}.track-item{display:flex;flex-direction:column;gap:.2rem;margin:0;font-weight:400}.track-item .track-sample{font-weight:700;color:var(--control-color-text)}.space-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem;padding:.55rem .65rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-surface)}.space-row__controls{display:flex;flex-direction:column;gap:.2rem;flex:0 1 auto;min-width:14rem}.space-row__hint{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.space-row__token{font-size:var(--control-type-caption-size);color:var(--control-color-accentMuted)}.space-demo{display:flex;align-items:center;flex:1 1 auto;min-width:8rem;justify-content:flex-end}.space-demo__el{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--control-color-surfaceElevated);border:1px solid var(--control-color-accent);border-radius:var(--control-radius-sm);font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);flex-shrink:0}.space-demo__gap{height:.5rem;flex-shrink:0;flex-grow:0;min-width:2px;background:var(--control-color-accent);border-radius:2px;transition:width .12s ease}.space-demo__readout{margin-left:.55rem;min-width:2.75rem;font-size:var(--control-type-caption-size);color:var(--control-color-text);font-variant-numeric:tabular-nums;text-align:right}.radius-list{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start}.radius-item{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.radius-box{width:64px;height:64px;background:var(--control-color-surfaceElevated);border:1px solid var(--control-color-accent);transition:border-radius .1s ease}.radius-item code{font-size:var(--control-type-caption-size)}.touch-demo{display:flex;align-items:center;margin-bottom:.7rem;min-height:48px}.touch-box{display:flex;align-items:center;justify-content:center;background:var(--control-color-surfaceElevated);border:1px solid var(--control-color-accent);border-radius:var(--control-radius-sm);font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);flex-shrink:0}.touch-gap{height:1px;flex-shrink:0}.unit-legend{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);margin:0 0 .6rem}.numfield{display:flex;flex-direction:column;gap:.25rem}.numfield--inline{flex-direction:row;align-items:center;gap:.75rem}.numfield--inline .numfield__label{flex:0 0 auto;min-width:6.5rem;white-space:nowrap}.numfield__head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:wrap}.numfield--inline .numfield__head{flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:.15rem;min-width:6.5rem}.numfield--inline .numfield__control{flex:0 0 auto}.setting-actions{display:inline-flex;gap:.2rem;flex-shrink:0}.setting-actions .mini{padding:.12rem .4rem;font-size:.68rem;line-height:1.2}.setting-actions .mini:disabled{opacity:.35;cursor:not-allowed}.numfield__label{font-size:var(--control-type-caption-size);color:var(--control-color-text)}.numfield__control{display:inline-flex;align-items:stretch;width:fit-content;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);overflow:hidden;background:var(--control-color-surfaceElevated)}.numfield__control:focus-within{border-color:var(--control-color-accent)}.numfield .step{width:2rem;min-width:2rem;border:none;border-radius:0;background:var(--control-color-surface);color:var(--control-color-text);cursor:pointer;font-size:1.05rem;line-height:1;padding:0;transition:background .15s ease,color .15s ease}.numfield .step:hover{background:var(--control-color-surfaceElevated);color:var(--control-color-accent)}.numfield__input{width:4.5rem;border:none;border-radius:0;background:transparent;color:var(--control-color-text);text-align:center;font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);padding:.35rem .25rem}.numfield__input:focus{outline:none}.numfield__unit{width:auto;min-width:3.4rem;border:none;border-left:1px solid var(--control-color-border);border-radius:0;background:var(--control-color-surface);color:var(--control-color-text);padding:0 .35rem;font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size)}.numfield__badge{display:inline-flex;align-items:center;padding:0 .55rem;border-left:1px solid var(--control-color-border);background:var(--control-color-surface);color:var(--control-color-textMuted);font-size:var(--control-type-caption-size);white-space:nowrap}.numfield--text{flex:1;min-width:16rem;margin-bottom:.5rem}.textfield__input{width:100%;font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size)}.numfield-row{display:flex;flex-wrap:wrap;gap:.9rem}.color-groups{display:flex;flex-direction:column;gap:1.25rem}.color-group{padding:.85rem 1rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-bg)}.color-group__head{margin-bottom:.65rem}.color-group__title{display:block;font-size:var(--control-type-label-size, .8125rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--control-color-text)}.color-group__hint{display:block;margin-top:.35rem;max-width:52rem;font-size:var(--control-type-body-size, .9375rem);line-height:1.45;color:var(--control-color-text);opacity:.82}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.65rem}.swatch-item{--swatch-inset: .75rem;position:relative;display:flex;flex-direction:row;align-items:stretch;gap:var(--swatch-inset);padding:var(--swatch-inset);min-height:5.5rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface);transition:border-color .15s ease,background .15s ease}.swatch-preview{flex:0 0 auto;align-self:stretch;width:auto;height:auto;min-width:4.25rem;min-height:4.25rem;aspect-ratio:1;max-height:none;padding:0;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--control-color-text) 8%,transparent);transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.swatch-preview:hover{border-color:var(--control-color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--control-color-text) 12%,transparent),0 0 0 2px color-mix(in srgb,var(--control-color-focus) 35%,transparent)}.swatch-preview:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.swatch-meta__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.swatch-item:hover{border-color:var(--control-color-accent);background:var(--control-color-surfaceElevated)}.swatch-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}.swatch-meta__label{font-size:var(--control-type-label-size, .8125rem);font-weight:600;color:var(--control-color-text)}.swatch-meta__key{font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);color:var(--control-color-textMuted)}.swatch-hex{font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);padding:.25rem .4rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-surfaceElevated);color:var(--control-color-text);width:100%;max-width:8rem}.swatch-hex:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:1px;border-color:var(--control-color-accent)}.color-picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;border:none;padding:0;margin:0;background:transparent;cursor:default}.color-picker{position:fixed;z-index:201;width:min(19.5rem,calc(100vw - 1.5rem));padding:1rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-lg);background:var(--control-color-bg);box-shadow:0 12px 40px #000000a6;pointer-events:auto}.color-picker__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.color-picker__title{font-size:var(--control-type-label-size, .8125rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--control-color-text)}.color-picker__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-surface);color:var(--control-color-textMuted);font-size:.75rem;line-height:1;cursor:pointer}.color-picker__close:hover{color:var(--control-color-text);border-color:var(--control-color-accentMuted)}.color-picker__sl{position:relative;height:10.5rem;border-radius:var(--control-radius-md);overflow:hidden;cursor:crosshair;border:1px solid var(--control-color-border);touch-action:none}.color-picker__sl-white,.color-picker__sl-black{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.color-picker__sl-white{background:linear-gradient(to right,#fff,transparent)}.color-picker__sl-black{background:linear-gradient(to top,#000,transparent)}.color-picker__cursor{position:absolute;width:.9rem;height:.9rem;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.color-picker__hue{position:relative;height:.8rem;margin-top:.75rem;border-radius:999px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border:1px solid var(--control-color-border);cursor:ew-resize;touch-action:none}.color-picker__hue-thumb{position:absolute;top:50%;width:.8rem;height:.8rem;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #00000080;transform:translate(-50%,-50%);pointer-events:none}.color-picker__footer{display:flex;align-items:stretch;gap:.75rem;margin-top:.85rem}.color-picker__preview{flex:0 0 3.25rem;width:3.25rem;min-height:4.75rem;border-radius:var(--control-radius-md);border:1px solid var(--control-color-border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--control-color-text) 8%,transparent)}.color-picker__fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.color-picker__field{display:flex;flex-direction:column;gap:.2rem;min-width:0}.color-picker__field-label{font-size:var(--control-type-caption-size);color:var(--control-color-textMuted);letter-spacing:.08em;text-transform:uppercase}.color-picker__input{font-family:ui-monospace,monospace;font-size:var(--control-type-caption-size);padding:.45rem .55rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-sm);background:var(--control-color-surface);color:var(--control-color-text);width:100%;box-sizing:border-box}.color-picker__input:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:1px;border-color:var(--control-color-accent)}.color-picker__rgb{display:flex;flex-direction:column;gap:.2rem}.color-picker__rgb-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.color-picker__actions{display:flex;flex-direction:column;gap:.45rem;margin-top:.85rem}.color-picker__action{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.35rem;padding:.55rem .75rem;border:1px solid var(--control-color-border);border-radius:var(--control-radius-md);background:var(--control-color-surface);color:var(--control-color-textMuted);font-size:var(--control-type-label-size, .8125rem);font-weight:500;cursor:pointer}.color-picker__action:hover:not(:disabled){color:var(--control-color-text);border-color:var(--control-color-accentMuted)}.color-picker__action:disabled{opacity:.35;cursor:not-allowed}.scroll-edge-roll{position:relative;overflow-y:auto;overflow-x:hidden;max-height:240px;border:1px solid color-mix(in srgb,var(--control-color-text) 8%,transparent);border-radius:var(--control-radius-md);background:var(--control-color-surface)}.scroll-edge-roll:focus-visible{outline:2px solid var(--control-color-focus);outline-offset:2px}.scroll-edge-roll__content{position:relative;z-index:0;padding:.75rem;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}.scroll-edge-roll__edge{position:sticky;left:0;right:0;height:28px;flex-shrink:0;pointer-events:none;z-index:1}.scroll-edge-roll__edge--top{top:0;margin-bottom:-28px;background:linear-gradient(to bottom,var(--control-color-surface) 0%,transparent 100%);box-shadow:inset 0 6px 12px -8px var(--control-shadow-overlay, 0 8px 32px rgba(0, 0, 0, .5))}.scroll-edge-roll__edge--bottom{bottom:0;margin-top:-28px;background:linear-gradient(to top,var(--control-color-surface) 0%,transparent 100%);box-shadow:inset 0 -6px 12px -8px var(--control-shadow-overlay, 0 8px 32px rgba(0, 0, 0, .5))}@media(prefers-reduced-motion:reduce){.btn,.mini,.card,.app-tabs a,.tabs a,textarea,input,select{transition:none!important}.card:hover{transform:none}.btn:active:not(:disabled),.mini:active:not(:disabled){transform:none}}.content-page__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem}.content-page__filters{display:flex;flex-wrap:wrap;gap:.75rem}.content-page__filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.content-page__filters select,.content-page__filters input,.content-page__new-key input,.content-row input,.content-row textarea{background:#111;border:1px solid var(--border, #1f1f1f);color:inherit;padding:.4rem .5rem;border-radius:4px}.content-page__new-key{display:flex;gap:.5rem;margin-bottom:1rem}.content-page__new-key input{flex:1}.content-page__list{display:flex;flex-direction:column;gap:.75rem}.content-row{border:1px solid var(--border, #1f1f1f);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.content-row__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.content-row__status{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.status-published{color:#39c46a}.status-draft{color:#ffb020}.status-reviewed{color:#8a9199}.content-row__actions{display:flex;gap:.5rem}.content-page__error{color:#ff4d4f;margin-bottom:.75rem}.content-page button{background:#1a1a1a;border:1px solid var(--border, #1f1f1f);color:inherit;padding:.35rem .65rem;border-radius:4px;cursor:pointer}.content-page button:disabled{opacity:.5;cursor:not-allowed}