@font-face{font-family:OfficeCodePro;src:url(../fonts/officecodepro-light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(../fonts/officecodepro-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(../fonts/officecodepro-medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:OfficeCodePro;src:url(../fonts/officecodepro-bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{color-scheme:light dark;--background: rgb(246 245 243);--surface: rgb(255 255 255);--surface-raised: rgb(238 237 235);--text-primary: rgb(17 17 17);--text-secondary: rgb(102 102 102);--text-tertiary: rgb(153 153 153);--separator: rgb(224 224 224);--accent: rgb(235 71 46);--danger: rgb(198 51 42);--checker-a: rgb(255 255 255);--checker-b: rgb(238 237 235);--overlay-background: rgb(0 0 0);--overlay-text: rgb(255 255 255);--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 22px;--top-bar-height: 48px;--radius-ui: 4px;--radius-inner: 3px;--control-slot: 32px;--control-hit: 28px;--control-inset: 2px;--font-mono: "OfficeCodePro", "SFMono-Regular", Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}@media (prefers-color-scheme: dark){:root{--background: rgb(17 17 17);--surface: rgb(28 28 28);--surface-raised: rgb(40 40 40);--text-primary: rgb(238 238 238);--text-secondary: rgb(153 153 153);--text-tertiary: rgb(97 97 97);--separator: rgb(46 46 46);--accent: rgb(220 220 220);--danger: rgb(235 71 46);--checker-a: rgb(17 17 17);--checker-b: rgb(40 40 40);--overlay-background: rgb(255 255 255);--overlay-text: rgb(17 17 17)}}body[data-theme=light]{color-scheme:light;--background: rgb(246 245 243);--surface: rgb(255 255 255);--surface-raised: rgb(238 237 235);--text-primary: rgb(17 17 17);--text-secondary: rgb(102 102 102);--text-tertiary: rgb(153 153 153);--separator: rgb(224 224 224);--accent: rgb(235 71 46);--danger: rgb(198 51 42);--checker-a: rgb(255 255 255);--checker-b: rgb(238 237 235);--overlay-background: rgb(0 0 0);--overlay-text: rgb(255 255 255)}body[data-theme=dark]{color-scheme:dark;--background: rgb(17 17 17);--surface: rgb(28 28 28);--surface-raised: rgb(40 40 40);--text-primary: rgb(238 238 238);--text-secondary: rgb(153 153 153);--text-tertiary: rgb(97 97 97);--separator: rgb(46 46 46);--accent: rgb(220 220 220);--danger: rgb(235 71 46);--checker-a: rgb(17 17 17);--checker-b: rgb(40 40 40);--overlay-background: rgb(255 255 255);--overlay-text: rgb(17 17 17)}*{box-sizing:border-box}html{min-width:320px;background:var(--background);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--background);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;letter-spacing:0;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button,input,textarea{font:inherit;color:inherit}button{border:0;color:inherit;background:transparent;cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 80%,transparent);outline-offset:2px}a{color:var(--accent);text-decoration:none}.icon{--icon-url: none;display:inline-block;width:var(--icon-md);height:var(--icon-md);flex:none;background:currentColor;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.mono-label,.tool-tile,.toolbar-item,.option-tile,.segmented-control button,.toggle-row,.sidebar-title,.disclosure,.swatch,.tab-button,.style-card,.size-tile{text-transform:uppercase}.mono-label{display:inline-block;font-size:9px;font-weight:500;line-height:1.25;color:var(--text-secondary);letter-spacing:.02em}.mono-label--strong{color:var(--text-primary)}.mono-label--muted{color:var(--text-tertiary)}.mono-label--faint{color:color-mix(in srgb,var(--text-tertiary) 68%,transparent)}.mono-label--accent{color:var(--accent)}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;color:var(--text-primary);background:transparent;transition:color .15s ease,background .15s ease,opacity .15s ease}.icon-button:hover{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.icon-button.is-accent{color:var(--accent)}.icon-button.is-danger:hover,.icon-button.is-danger{color:var(--danger)}.icon-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.top-icon{width:40px;height:40px;color:var(--text-secondary)}.top-icon .icon{width:20px;height:20px}.top-icon:hover{color:var(--accent);background:transparent}.tool-tile{min-width:0;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--text-tertiary);background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent);font-size:9px;font-weight:500;line-height:1.15;overflow-wrap:anywhere}.tool-tile .icon{width:var(--icon-md);height:var(--icon-md)}.tool-tile:hover,.tool-tile.is-active{color:var(--text-primary);background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.ruler-slider{--progress: .5;padding:var(--spacing-sm) 0;user-select:none}.ruler-slider__top{display:flex;align-items:first baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.ruler-slider__label,.ruler-slider__value{font-size:9px;font-weight:500;line-height:1.25;text-transform:uppercase}.ruler-slider__label{flex:1;color:var(--text-secondary);overflow-wrap:anywhere}.ruler-slider__value{width:56px;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.ruler-slider.is-default .ruler-slider__value{color:var(--text-tertiary)}.ruler-slider__rail{position:relative;height:36px;margin:0 8px;cursor:ew-resize;touch-action:none}.ruler-slider__rail:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--separator) 14%,transparent)}.ruler-slider__ticks{position:absolute;inset:0}.ruler-slider__minor{position:absolute;top:50%;left:0;right:0;height:7px;transform:translate(-.5px,-50%);background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--text-tertiary) 16%,transparent) 0 1px,transparent 1px,transparent max(1px,calc(100% / var(--tick-steps, 1))))}.ruler-slider__tick{position:absolute;top:50%;width:1px;height:7px;transform:translate(-.5px,-50%);background:color-mix(in srgb,var(--text-tertiary) 16%,transparent)}.ruler-slider__tick.is-medium{height:12px;background:color-mix(in srgb,var(--text-tertiary) 32%,transparent)}.ruler-slider__tick.is-major{height:18px;background:color-mix(in srgb,var(--text-secondary) 42%,transparent)}.ruler-slider__tick.is-zero{height:18px;background:color-mix(in srgb,var(--text-primary) 55%,transparent)}.ruler-slider__indicator{position:absolute;top:50%;left:calc(var(--progress) * 100%);width:3px;height:28px;transform:translate(-1.5px,-50%) scale(var(--ind-scale, 1));background:var(--text-primary);transition:transform .12s ease}.ruler-slider__rail:hover .ruler-slider__indicator{--ind-scale: 1.1}.ruler-slider.is-dragging .ruler-slider__indicator{--ind-scale: 1.24}.segmented-control{display:inline-flex;gap:var(--spacing-xxs);width:fit-content}.segmented-control--full{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(48px,1fr);width:100%}.segmented-control button{min-width:48px;min-height:34px;padding:var(--spacing-sm);color:var(--text-tertiary);background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);font-size:9px;font-weight:500}.segmented-control button:hover{background:color-mix(in srgb,var(--surface-raised) 55%,transparent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.segmented-control button.is-selected{color:var(--accent);background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);min-height:42px;padding:var(--spacing-xxs) var(--spacing-xs);color:var(--text-secondary);font-size:9px;font-weight:500}.toggle-row--bare{min-height:0;padding:0;justify-content:flex-start}.toggle-row__switch{display:inline-flex;gap:var(--spacing-xxs);flex:none}.toggle-row__switch .seg{min-width:52px;padding:var(--spacing-sm);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);font-size:9px;font-weight:500;color:var(--text-tertiary);background:var(--surface)}.toggle-row__switch .seg:hover{background:color-mix(in srgb,var(--surface-raised) 55%,transparent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}.toggle-row__switch .seg.is-selected{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.toggle-row__switch .seg--on.is-selected{color:var(--accent)}.toggle-row__switch .seg--off.is-selected{color:var(--text-primary)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs)}.option-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-tile{min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--text-primary);background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent);font-size:9px;font-weight:500;text-align:left}.option-tile small{min-height:12px;color:var(--accent);font-size:10px;font-weight:300}.option-tile:hover,.option-tile.is-selected{color:var(--accent);background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.disclosure{border-top:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.disclosure>button{width:100%;min-height:36px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);color:var(--accent);text-align:left;font-size:9px;font-weight:500;text-transform:uppercase}.disclosure .icon{width:var(--icon-sm);height:var(--icon-sm)}.disclosure__content{padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--surface) 86%,var(--surface-raised));border:1px solid color-mix(in srgb,var(--separator) 28%,transparent);border-left-color:color-mix(in srgb,var(--accent) 30%,transparent)}.thin-rule{height:1px;background:color-mix(in srgb,var(--separator) 50%,transparent)}.group-divider{height:1px;margin:var(--spacing-sm) 0;background:color-mix(in srgb,var(--separator) 50%,transparent)}.sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);color:var(--text-tertiary);font-size:9px;font-weight:500}.swatch{min-height:44px;display:flex;align-items:end;padding:var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 22%,transparent);font-size:9px;font-weight:500}.curve-graph,.easing-graph{display:block;width:100%;height:auto;touch-action:none;user-select:none}.curve-graph>rect:first-child,.easing-graph>rect:first-child{fill:var(--surface);stroke:color-mix(in srgb,var(--separator) 50%,transparent);stroke-width:1}.grid-lines path{fill:none;stroke:color-mix(in srgb,var(--separator) 30%,transparent);stroke-width:.75}.diagonal{fill:none;stroke:color-mix(in srgb,var(--text-tertiary) 18%,transparent);stroke-width:.75;stroke-dasharray:3 5}.curve-line{fill:none;stroke:var(--text-primary);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.handle-line{fill:none;stroke:color-mix(in srgb,var(--text-tertiary) 55%,transparent);stroke-width:.75;stroke-dasharray:3 4}.ease-hit,.curve-hit{fill:transparent;stroke:none;cursor:grab;pointer-events:all}.curve-handle__outer,.ease-handle__outer{fill:#fff;stroke:#111;stroke-width:1;pointer-events:none}.curve-handle__core,.ease-handle__core{fill:#111;pointer-events:none}.curve-handle.is-active .curve-handle__core,.ease-handle.is-active .ease-handle__core{fill:var(--accent)}.preview-dot{fill:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 25%,transparent));pointer-events:none}.editor{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--background)}.editor--mobile{--mobile-drawer-header-height: 42px;--mobile-drawer-content-height: min(40dvh, 340px);--mobile-drawer-panel-height: calc( var(--mobile-drawer-header-height) + var(--mobile-drawer-content-height) );flex-direction:column}.editor--mobile .editor__main{padding-bottom:0;transition:padding-bottom .3s cubic-bezier(.22,.7,.24,1)}.editor--mobile.editor--drawer-open .editor__main{padding-bottom:var(--mobile-drawer-panel-height)}@media (max-height: 640px){.editor--mobile{--mobile-drawer-content-height: min(34dvh, 250px)}}.editor__main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.editor-topbar{display:flex;align-items:center;gap:var(--spacing-xxs);height:48px;flex:none;padding:0 var(--spacing-md);background:var(--background)}.editor-topbar__name{font-size:9px;font-weight:500;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;max-width:280px}.editor-topbar--mobile .editor-topbar__name{max-width:none}.editor-topbar__actions,.editor-controls{display:flex;align-items:center;gap:var(--spacing-xxs);flex:none}.editor-controls .icon-button{position:relative}.editor-controls .record-toggle .icon{transform:scale(1.35)}.editor-controls .icon-button:disabled{pointer-events:auto}.editor-controls .icon-button:disabled:hover{color:var(--text-secondary);background:transparent}.editor-controls .icon-button__tooltip{position:absolute;z-index:1250;top:calc(100% + 6px);right:0;width:max-content;max-width:140px;padding:5px 7px;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:var(--radius-ui);background:var(--surface);box-shadow:0 10px 24px color-mix(in srgb,rgb(0 0 0) 12%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;transition-delay:0ms}.editor-controls .icon-button:hover .icon-button__tooltip,.editor-controls .icon-button:focus-visible .icon-button__tooltip{opacity:1;transform:translateY(0);transition-delay:.52s}.editor-loading,.editor-missing{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;justify-content:center;height:100vh;height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.canvas-stage{flex:1;min-height:0;display:grid;place-items:center;padding:var(--spacing-lg);overflow:hidden;background:var(--background)}.canvas-layout{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.canvas-layout--compact{flex-direction:column;align-items:center}.canvas-stage__frame{position:relative;flex:none;outline:.5px solid var(--separator);outline-offset:-.5px}.canvas-stage__canvas{display:block}.canvas-layout,.canvas-stage__frame,.canvas-stage__canvas{transition:width .44s cubic-bezier(.22,.7,.24,1),height .44s cubic-bezier(.22,.7,.24,1)}.canvas-layout.no-anim,.canvas-stage__frame.no-anim,.canvas-stage__canvas.no-anim{transition:none}.canvas-stage__rec-border{position:absolute;inset:0;pointer-events:none;outline:1px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:-1px;background:linear-gradient(var(--accent),var(--accent)) padding-box,conic-gradient(var(--accent) calc(var(--rec-progress, 0) * 1turn),transparent 0) border-box;border:2px solid transparent;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.canvas-details{display:flex;flex-direction:column;gap:var(--spacing-xxs);width:124px}.canvas-details--compact{width:100%}.canvas-details__row{display:flex;align-items:baseline;gap:var(--spacing-xs);white-space:nowrap;overflow:hidden}.canvas-details__row--button{width:100%;padding:0;text-align:left;background:transparent;border:0;cursor:pointer}.canvas-details__row--button:hover .canvas-details__label,.canvas-details__row--button:hover .canvas-details__value,.canvas-details__row--button:focus-visible .canvas-details__label,.canvas-details__row--button:focus-visible .canvas-details__value{color:var(--accent)}.canvas-details__row--button:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.canvas-details__label,.canvas-details__value{font-size:9px;font-weight:500;line-height:1.25;letter-spacing:.02em;text-transform:uppercase}.canvas-details__label{color:var(--text-tertiary);flex:none}.canvas-details__value{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.canvas-details__rec{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.canvas-details__rec-dot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent);animation:rec-pulse 1.3s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.canvas-details__rec-label,.canvas-details__rec-loops{font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.canvas-details__rec-label{color:var(--accent)}.canvas-details__rec-loops{color:var(--text-secondary)}.canvas-detail-menu{position:fixed;z-index:1200;min-width:156px;display:flex;flex-direction:column;gap:1px;padding:3px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:var(--radius-ui);box-shadow:0 14px 30px color-mix(in srgb,rgb(0 0 0) 16%,transparent)}.canvas-detail-menu--picker{width:236px;display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm)}.canvas-detail-menu__item{appearance:none;width:100%;height:28px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 7px;background:transparent;border:0;border-radius:var(--radius-inner);color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;cursor:pointer;text-align:left;text-transform:none;transition:background .12s ease,color .12s ease}.canvas-detail-menu__item:before{content:"";width:4px;height:4px;justify-self:center;border-radius:50%;background:transparent}.canvas-detail-menu__item:hover,.canvas-detail-menu__item:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent);outline:none}.canvas-detail-menu__item.is-active{color:var(--accent)}.canvas-detail-menu__item.is-active:before{background:currentColor}.canvas-detail-menu__label,.canvas-detail-menu__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-detail-menu__meta{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.sidebar{width:320px;flex:none;display:flex;flex-direction:column;min-height:0;background:color-mix(in srgb,var(--surface) 72%,transparent);border-left:1px solid var(--separator)}.sidebar__tools{display:flex;align-items:center;gap:var(--spacing-xs);height:48px;flex:none;padding:0 var(--spacing-sm);background:color-mix(in srgb,var(--surface) 72%,transparent)}.sidebar__summary{font-size:10px;font-weight:300;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__tool-actions{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:auto}.sidebar__rule{height:.5px;flex:none;background:var(--separator)}.sidebar__tabs{display:flex;padding:0;gap:0}.tab-button{position:relative;flex:1;display:grid;place-items:center;height:var(--control-slot);padding:0;color:var(--text-tertiary);border-bottom:1.5px solid transparent;transition:color .12s ease,border-color .12s ease}.tab-button:before{content:"";position:absolute;inset:0;border-radius:0;background:transparent;transition:background .12s ease}.tab-button .icon{position:relative;z-index:1;width:var(--icon-sm);height:var(--icon-sm)}.tab-button__tooltip{position:absolute;z-index:40;top:calc(100% + 6px);left:50%;width:max-content;max-width:140px;padding:5px 7px;color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:var(--radius-ui);background:var(--surface);box-shadow:0 10px 24px color-mix(in srgb,rgb(0 0 0) 12%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%,-2px);transition:opacity .12s ease,transform .12s ease;transition-delay:0ms}.tab-button:hover{color:var(--text-secondary)}.tab-button:hover:before{background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.tab-button:hover .tab-button__tooltip,.tab-button:focus-visible .tab-button__tooltip{opacity:1;transform:translate(-50%);transition-delay:.52s}.tab-button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar__content{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md);scrollbar-width:thin}.style-tab,.tools-tab,.layers-tab,.settings-tab,.easing-tab{display:flex;flex-direction:column}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.sidebar-section__head{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-section__title-row{display:flex;align-items:baseline;gap:var(--spacing-sm)}.sidebar-section__title{font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.sidebar-section__detail{margin-left:auto;font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb,var(--text-tertiary) 68%,transparent)}.tools-tab>.sidebar-section:first-child .sidebar-section__title-row{position:relative}.tools-tab>.sidebar-section:first-child .sidebar-section__detail{position:absolute;top:50%;right:0;margin-left:0;transform:translateY(-50%)}.style-stepper{display:inline-flex;align-items:center;gap:3px;line-height:1.25}.style-stepper__name{min-width:0;line-height:1.25}.style-stepper__arrow{display:inline-grid;place-items:center;width:12px;height:12px;padding:0;color:var(--text-tertiary);background:transparent;border:0;border-radius:var(--radius-inner);cursor:pointer;transition:color .12s ease,background .12s ease}.style-stepper__arrow .icon{width:9px;height:9px}.style-stepper__arrow:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.sidebar-section__rule{height:.5px;background:color-mix(in srgb,var(--separator) 45%,transparent)}.sidebar-section__body{display:flex;flex-direction:column;gap:var(--spacing-md)}.sidebar-section__note{display:block;margin-top:var(--spacing-xs);font-size:10px;font-weight:300;text-transform:uppercase}.sidebar-control-group{display:flex;flex-direction:column}.sidebar-group-divider{display:block;height:1px;margin:var(--spacing-sm) 0;background:color-mix(in srgb,var(--separator) 35%,transparent)}.sidebar-divider{display:block;height:.5px;margin:var(--spacing-lg) 0;background:color-mix(in srgb,var(--separator) 40%,transparent)}.inspector-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs);padding:var(--spacing-xxs) 0}.inspector-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);text-align:left;background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 50%,transparent)}.inspector-tile:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.inspector-tile.is-selected{background:var(--surface-raised);border-color:color-mix(in srgb,var(--accent) 52%,transparent)}.inspector-tile__title{font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary)}.inspector-tile.is-selected .inspector-tile__title{color:var(--accent)}.inspector-tile__detail{font-size:10px;font-weight:300;text-transform:uppercase;color:var(--text-tertiary)}.inspector-tile.is-selected .inspector-tile__detail{color:color-mix(in srgb,var(--accent) 72%,transparent)}.inspector-tile__active{margin-top:auto;min-height:12px;font-size:10px;font-weight:300;text-transform:uppercase;color:var(--accent)}.tools-group{display:flex;flex-direction:column}.tools-tab{gap:12px}.tools-tab .sidebar-section{gap:6px}.tools-tab .sidebar-section__head{gap:5px}.tools-tab .sidebar-section__body{gap:7px}.tools-tab .sidebar-section__rule{background:color-mix(in srgb,var(--separator) 32%,transparent)}.tools-tab .sidebar-group-divider{margin:6px 0;background:color-mix(in srgb,var(--separator) 24%,transparent)}.tools-tab .ruler-slider{padding:var(--spacing-xs) 0 0}.tools-tab .ruler-slider__top{margin-bottom:var(--spacing-xs)}.control-block{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.tool-scrubber-meter,.tool-stepper{--tool-control-bg: color-mix(in srgb, var(--text-primary) 3%, transparent);--tool-control-hover-bg: color-mix(in srgb, var(--text-primary) 6%, transparent);--tool-track-bg: color-mix(in srgb, var(--text-primary) 8%, transparent);--tool-tick-bg: color-mix(in srgb, var(--surface) 34%, transparent);--tool-thumb-shadow: color-mix(in srgb, var(--shadow) 20%, transparent);--tool-meter-height: 16px;--tool-meter-thumb-width: 2px;--tool-meter-label-width: 38px;--tool-meter-value-width: 42px;--tool-meter-font-size: 9px;--tool-ruler-rail-height: 18px;--tool-ruler-thumb-size: 8px;--tool-rail-fill-height: 4px;border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:var(--tool-control-bg);font-family:var(--font-mono);font-size:var(--tool-meter-font-size);font-weight:500;letter-spacing:.02em;text-transform:uppercase}.tool-scrubber-meter{min-height:30px;display:grid;grid-template-columns:var(--tool-meter-label-width) minmax(0,1fr) var(--tool-meter-value-width);align-items:center;gap:6px;padding:0 var(--spacing-sm)}.tool-scrubber-meter.is-size-sm{--tool-meter-height: 12px;--tool-meter-thumb-width: 2px;--tool-meter-label-width: 34px;--tool-meter-value-width: 38px;--tool-meter-font-size: 8px;--tool-ruler-rail-height: 14px;--tool-ruler-thumb-size: 6px;min-height:24px;gap:5px}.tool-scrubber-meter.is-size-lg{--tool-meter-height: 18px;--tool-meter-thumb-width: 3px;--tool-meter-label-width: 46px;--tool-meter-value-width: 48px;--tool-meter-font-size: 9px;--tool-ruler-rail-height: 24px;--tool-ruler-thumb-size: 10px;--tool-rail-fill-height: 5px;min-height:32px;gap:6px}.tool-scrubber-meter.is-bare{padding-right:0;padding-left:0;border-color:transparent;background:transparent}.tool-scrubber-meter.is-label-top{min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value" "rail rail";row-gap:4px;column-gap:var(--spacing-sm)}.tool-scrubber-meter__name,.tool-scrubber-meter__value{min-width:0;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-scrubber-meter__value{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.tool-scrubber-meter.is-label-top .tool-scrubber-meter__name{grid-area:name}.tool-scrubber-meter.is-label-top .tool-scrubber-meter__rail{grid-area:rail}.tool-scrubber-meter.is-label-top .tool-scrubber-meter__value{grid-area:value}.tool-scrubber-meter__rail{position:relative;min-width:0;height:var(--tool-meter-height);overflow:hidden;cursor:ew-resize;touch-action:none;border:1px solid color-mix(in srgb,var(--separator) 38%,transparent);border-radius:var(--radius-inner);background:var(--tool-control-bg);outline:none}.tool-scrubber-meter.is-bare .tool-scrubber-meter__rail{background:transparent}.tool-scrubber-meter__rail:focus-visible .tool-scrubber-meter__thumb{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.tool-scrubber-meter__ticks,.tool-scrubber-meter__fill,.tool-scrubber-meter__thumb{position:absolute;pointer-events:none}.tool-scrubber-meter__ticks{inset:0;opacity:.72;background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - .5px),var(--tool-tick-bg) calc(12.5% - .5px),var(--tool-tick-bg) 12.5%)}.tool-scrubber-meter__fill{inset:0 auto 0 0;width:var(--progress);background:var(--accent)}.tool-scrubber-meter__thumb{top:0;bottom:0;left:var(--progress);width:var(--tool-meter-thumb-width);background:var(--surface);transform:translate(-50%)}.tool-scrubber-meter.is-variant-ruler .tool-scrubber-meter__rail{height:var(--tool-ruler-rail-height);overflow:visible;border:0;border-radius:0;background:transparent}.tool-scrubber-meter.is-variant-ruler .tool-scrubber-meter__rail:before{content:"";position:absolute;top:calc(50% - .5px);right:0;left:0;height:1px;background:color-mix(in srgb,var(--text-primary) 14%,transparent)}.tool-scrubber-meter.is-variant-ruler .tool-scrubber-meter__ticks{inset:0;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--text-primary) 14%,transparent) 0 1px,transparent 1px 10%);mask:linear-gradient(to bottom,transparent 0 3px,#000 3px 15px,transparent 15px)}.tool-scrubber-meter.is-variant-ruler .tool-scrubber-meter__fill{top:calc(50% - .5px);bottom:auto;height:1px}.tool-scrubber-meter.is-variant-ruler .tool-scrubber-meter__thumb{top:50%;bottom:auto;width:var(--tool-ruler-thumb-size);height:var(--tool-ruler-thumb-size);border:1px solid var(--accent);border-radius:2px;background:var(--surface);transform:translate(-50%,-50%)}.tool-stepper-control{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.tool-stepper-control__label{min-width:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1.25;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-stepper{min-width:0;min-height:28px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;overflow:hidden;color:var(--text-primary)}.tool-stepper button{width:28px;height:28px;display:grid;place-items:center;color:var(--text-tertiary);background:transparent;border:0;cursor:pointer;transition:color .12s ease,background .12s ease,opacity .12s ease}.tool-stepper button:hover,.tool-stepper button:focus-visible{color:var(--accent);background:var(--tool-control-hover-bg);outline:none}.tool-stepper button:disabled{color:var(--text-tertiary);background:transparent;cursor:not-allowed;opacity:.34}.tool-stepper button .icon{width:11px;height:11px}.tool-stepper>span{min-width:0;color:var(--text-primary);font-size:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.tool-segment-switch-control{display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs) 0}.tool-segment-switch-control__label{min-width:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1.25;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-segment-switch{position:relative;min-height:26px;display:grid;gap:2px;padding:2px;border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.tool-segment-switch:before{content:"";position:absolute;z-index:0;top:2px;bottom:2px;left:var(--thumb-left);width:var(--thumb-width);background:var(--surface);border-radius:var(--radius-inner);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);transition:left .14s ease,width .14s ease}.tool-segment-switch button{position:relative;z-index:1;min-width:0;height:22px;display:grid;place-items:center;padding:0 var(--spacing-sm);overflow:hidden;color:var(--text-tertiary);background:transparent;border:0;border-radius:var(--radius-inner);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .12s ease,background .12s ease}.tool-segment-switch button:not(.is-selected):hover,.tool-segment-switch button:not(.is-selected):focus-visible{color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.tool-segment-switch button.is-selected{color:var(--accent)}.tool-check-row{width:100%;min-height:30px;display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.tool-check-row:hover,.tool-check-row:focus-visible,.tool-check-row.is-selected{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);outline:none}.tool-check-row.is-selected{background:var(--surface)}.tool-check-row__box{width:14px;height:14px;display:grid;place-items:center;color:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 58%,transparent);border-radius:var(--radius-inner);background:color-mix(in srgb,var(--text-primary) 3%,transparent)}.tool-check-row.is-selected .tool-check-row__box{border-color:var(--accent);background:var(--accent)}.tool-check-row__box .icon{width:9px;height:9px}.tool-check-row__label{min-width:0;display:inline-flex;align-items:center;gap:5px;overflow:hidden}.tool-check-row__label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-beta-badge{flex:0 0 auto;padding:1px 4px;color:color-mix(in srgb,var(--text-secondary) 78%,transparent);border:1px solid color-mix(in srgb,var(--separator) 54%,transparent);border-radius:var(--radius-inner);background:color-mix(in srgb,var(--text-primary) 4%,transparent);font-size:7px;line-height:1.25;letter-spacing:.04em;text-transform:uppercase}.tool-check-row:hover .tool-beta-badge,.tool-check-row:focus-visible .tool-beta-badge,.tool-check-row.is-selected .tool-beta-badge{color:color-mix(in srgb,var(--accent) 74%,var(--text-primary));border-color:color-mix(in srgb,var(--accent) 36%,transparent)}.tool-check-row+.tool-check-row,.tool-check-row+.tool-disclosure{margin-top:4px}.tool-disclosure{width:100%;min-width:0;border-top:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.tool-disclosure__trigger{width:100%;min-height:36px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);color:var(--accent);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1;text-align:left;text-transform:uppercase}.tool-disclosure__trigger span,.tool-disclosure__trigger small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-disclosure__trigger small{margin-right:4px;color:var(--text-tertiary);font-size:8px;letter-spacing:.04em}.tool-disclosure__trigger:hover,.tool-disclosure__trigger:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);outline:none}.tool-disclosure__trigger .icon{width:12px;height:12px;transition:transform .14s ease}.tool-disclosure:not(.is-open) .tool-disclosure__trigger .icon{transform:rotate(-90deg)}.tool-disclosure__content{display:grid;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid color-mix(in srgb,var(--separator) 28%,transparent);border-left-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--surface) 86%,var(--surface-raised))}.tool-disclosure-toggle{min-height:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;text-align:left;text-transform:uppercase}.tool-disclosure-toggle span,.tool-disclosure-toggle small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-disclosure-toggle small{margin-right:4px;color:var(--text-tertiary);font-size:8px;letter-spacing:.04em}.tool-disclosure-toggle:hover,.tool-disclosure-toggle:focus-visible,.tool-disclosure-toggle.is-selected,.tool-disclosure-toggle.is-selected small{color:var(--accent);outline:none}.tool-disclosure .tool-check-row,.tool-disclosure .tool-disclosure-toggle,.tool-disclosure .tool-scrubber-meter{width:100%}.tool-dropdown-control{display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs) 0}.tool-dropdown-control__label{min-width:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1.25;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-dropdown{position:relative;min-width:0}.tool-dropdown__button{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.tool-dropdown__button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-dropdown__prefix{flex:none;max-width:76px;color:var(--text-tertiary);font-size:8px;letter-spacing:.02em}.tool-dropdown__value{flex:1}.tool-dropdown-control.is-compact{gap:0;padding:0}.tool-dropdown-control.is-compact .tool-dropdown-control__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tool-dropdown-control.is-compact .tool-dropdown__button{min-height:30px;padding:0 7px}.tool-dropdown__button .icon{width:10px;height:10px;flex:none;color:currentColor}.tool-dropdown__button:hover,.tool-dropdown__button:focus-visible,.tool-dropdown__button[aria-expanded=true]{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-color:color-mix(in srgb,var(--accent) 46%,transparent);outline:none}.tool-dropdown__menu{position:absolute;z-index:1250;top:calc(100% + 4px);left:0;right:0;max-height:244px;display:grid;gap:1px;padding:3px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:var(--radius-ui);background:var(--surface);box-shadow:0 14px 30px color-mix(in srgb,rgb(0 0 0) 14%,transparent)}.tool-dropdown__menu button{min-height:28px;padding:4px 7px;color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-inner);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;letter-spacing:0;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease}.tool-dropdown__menu button:hover,.tool-dropdown__menu button:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.tool-dropdown__menu button.is-active{color:var(--accent)}.tool-nested-dropdown{position:relative;width:100%;min-width:0}.tool-nested-dropdown__trigger{min-height:30px;display:grid;grid-template-columns:minmax(0,1fr) 10px;align-items:center;gap:var(--spacing-xs);padding:0 7px;text-align:left}.tool-nested-dropdown__trigger span{min-width:0;justify-self:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-nested-dropdown__panel{left:0;right:0;width:auto;max-width:none;max-height:none;gap:5px;padding:4px;overflow:visible}.tool-nested-toggle-row{width:100%;min-height:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-sm)}.tool-nested-toggle-row span,.tool-nested-toggle-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-nested-toggle-row small{margin-right:5px;color:var(--text-tertiary);font-size:8px;letter-spacing:.04em}.tool-nested-toggle-row:hover,.tool-nested-toggle-row:focus-visible,.tool-nested-toggle-row.is-selected,.tool-nested-toggle-row.is-selected small{color:var(--accent);outline:none}.tool-nested-dropdown__panel .tool-scrubber-meter{width:100%}.tool-split-group{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:var(--spacing-sm);min-width:0;padding:0}.tool-split-group__column{display:grid;gap:2px;min-width:0}.tool-split-group__side{display:grid;align-items:start;justify-items:start;gap:2px;min-width:0}.tool-split-group.is-pad-left{grid-template-columns:max-content minmax(0,1fr)}.tool-split-group.is-pad-left .tool-split-group__side{width:100%;justify-items:stretch}.tool-split-group.is-single-column{grid-template-columns:minmax(0,1fr);gap:0}.tool-split-group.is-tool-cluster{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:var(--spacing-xs);padding:3px;border:1px solid color-mix(in srgb,var(--separator) 28%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 2.8%,transparent)}.tool-split-group.is-tool-cluster.is-pad-left{grid-template-columns:max-content minmax(0,1fr)}.tool-split-group.is-tool-cluster .tool-split-group__column{align-content:center;gap:3px}.tool-split-group.is-tool-cluster .tool-split-group__side{align-items:stretch;gap:2px;justify-items:stretch}.tool-split-group.is-tool-cluster .tool-segment-switch-control{min-height:28px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:6px;padding:0}.tool-split-group.is-tool-cluster .tool-segment-switch-control.is-label-hidden{grid-template-columns:minmax(0,1fr)}.tool-split-group.is-tool-cluster .tool-segment-switch-control__label{font-size:8px;padding-left:4px}.tool-split-group.is-tool-cluster .tool-segment-switch button{padding:0 var(--spacing-xxs)}.tool-split-group.is-tool-cluster .tool-check-row+.tool-check-row{margin-top:0}.tool-split-group.is-tool-cluster .tool-direction-pad-control{height:100%;padding:0}.tool-split-group.is-tool-cluster .tool-direction-pad{height:100%}.tool-split-group.is-tool-cluster.is-single-column{grid-template-columns:minmax(0,1fr);gap:0}.tool-split-group .tool-dropdown-control,.tool-split-group .tool-direction-pad-control{padding:0}.tool-direction-pad-control{display:grid;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-xs) 0}.tool-direction-pad-control__label{min-width:0;color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;line-height:1.25;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-direction-pad-control.is-compact{gap:0;padding:0}.tool-direction-pad-control.is-compact .tool-direction-pad-control__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tool-direction-pad{width:max-content;display:grid;grid-template-areas:"topLeft up topRight" "left center right" "bottomLeft down bottomRight";grid-template-columns:repeat(3,28px);gap:2px;padding:2px;border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent)}.tool-direction-pad button,.tool-direction-pad__center{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-inner)}.tool-direction-pad__center{grid-area:center;position:relative}.tool-direction-pad__center:before{content:"";width:4px;height:4px;background:color-mix(in srgb,var(--text-tertiary) 48%,transparent)}.tool-direction-pad button{color:var(--text-tertiary);background:transparent;border:0;cursor:pointer;transition:color .12s ease,background .12s ease}.tool-direction-pad button:hover,.tool-direction-pad button:focus-visible,.tool-direction-pad button.is-selected{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.tool-direction-pad button .icon{width:12px;height:12px}.style-tab{gap:var(--spacing-lg)}.style-tab .sidebar-section__title{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.style-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:4px;text-align:left;background:transparent;border:0;border-radius:var(--radius-ui);box-shadow:none;cursor:pointer;transition:background .12s ease,color .12s ease}.style-card:hover,.style-card:focus-visible{background:color-mix(in srgb,var(--text-primary) 4%,transparent);outline:none}.style-card.is-active{background:color-mix(in srgb,var(--accent) 11%,transparent);box-shadow:none}.style-card.is-active:hover,.style-card.is-active:focus-visible{background:color-mix(in srgb,var(--accent) 14%,transparent)}.style-card__preview-wrap{position:relative;display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:transparent;border-radius:var(--radius-inner);box-shadow:none}.style-card__preview{display:block;width:100%;height:100%}.style-card__active{position:absolute;top:4px;left:4px;padding:1px 4px;font-size:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--overlay-text);border-radius:var(--radius-inner);background:var(--accent)}.style-card__name{padding:6px 2px 1px;font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--text-primary)}.style-card.is-active .style-card__name{color:var(--accent)}.style-card__desc{display:none;padding:0 6px 6px;font-family:var(--font-sans);font-size:8.5px;font-weight:400;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--text-tertiary)}.style-list{display:flex;flex-direction:column;gap:2px}.style-row{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;text-align:left;background:transparent;border:0;border-radius:var(--radius-ui);cursor:pointer;color:var(--text-primary);transition:background .12s ease,color .12s ease}.style-row:hover,.style-row:focus-visible{background:color-mix(in srgb,var(--text-primary) 4%,transparent);outline:none}.style-row.is-active{background:color-mix(in srgb,var(--accent) 11%,transparent)}.style-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.style-row__name{font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;line-height:1.2}.style-row.is-active .style-row__name{color:var(--accent)}.style-row__count{flex:none;min-width:20px;height:15px;padding:1px 6px;font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:13px;text-align:center;color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 8%,transparent);border-radius:var(--radius-inner)}.style-row__chevron{flex:none;color:var(--text-tertiary);transition:transform .14s ease}.style-row-wrap.is-open .style-row__chevron{transform:rotate(180deg);color:var(--text-secondary)}.template-dropdown{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-3px);transition:grid-template-rows .18s cubic-bezier(.22,1,.36,1),opacity .14s ease,transform .18s cubic-bezier(.22,1,.36,1)}.template-dropdown.is-open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.template-dropdown__inner{min-height:0;overflow:hidden}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm);padding:8px 6px 12px}.template-card{position:relative;display:flex;flex-direction:column;padding:4px;text-align:left;background:transparent;border:0;border-radius:var(--radius-ui);cursor:pointer;transition:background .12s ease}.template-card:hover,.template-card:focus-visible{background:color-mix(in srgb,var(--text-primary) 4%,transparent);outline:none}.template-card.is-active{background:color-mix(in srgb,var(--accent) 11%,transparent)}.template-card__thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-inner);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.template-card__thumb--live{background:transparent}.template-card__video{display:block;width:100%;height:100%;object-fit:cover}.template-card__thumb--live .style-card__preview,.template-card__thumb--live canvas{display:block;width:100%;height:100%}.template-card.is-active .template-card__thumb{box-shadow:0 0 0 1.5px var(--accent)}.template-card__name{padding:6px 2px 1px;font-family:var(--font-sans);font-size:10px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card.is-active .template-card__name{color:var(--accent)}@media (prefers-reduced-motion: reduce){.template-dropdown{transition:opacity 80ms ease;transform:none}}.layers-tab{gap:12px}.layers-tab .sidebar-section{gap:6px}.layers-tab .sidebar-section__head{gap:5px}.layers-tab .sidebar-section__body{gap:7px}.layers-tab .sidebar-section__rule{background:color-mix(in srgb,var(--separator) 32%,transparent)}.media-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.add-media{min-height:30px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:var(--spacing-xs);min-width:0;padding:0 var(--spacing-sm);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-size:9px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:uppercase;text-align:left;transition:color .12s ease,border-color .12s ease,background .12s ease}.add-media:hover,.add-media:focus-visible{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);outline:none}.add-media .icon{width:12px;height:12px;justify-self:center;color:currentColor}.add-media span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-controls__divider{display:none}.tools-tab .control-block>.color-picker{width:100%}.color-picker{position:relative;display:flex;align-items:stretch;flex:none;width:112px;height:30px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:var(--radius-ui);background:var(--surface)}.color-picker:focus-within{border-color:color-mix(in srgb,var(--accent) 34%,var(--separator))}.color-picker__swatch{position:relative;width:30px;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer}.color-picker__swatch:focus-visible{outline:0}.color-picker__swatch:focus-visible .color-picker__chip,.color-picker__swatch[aria-expanded=true] .color-picker__chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,rgb(0 0 0) 14%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.color-picker__chip{width:16px;height:16px;display:block;border-radius:2px;background-color:var(--swatch-color);background-image:linear-gradient(var(--swatch-color),var(--swatch-color)),conic-gradient(var(--checker-b, var(--surface-raised)) 0 25%,var(--checker-a, var(--surface)) 0 50%,var(--checker-b, var(--surface-raised)) 0 75%,var(--checker-a, var(--surface)) 0);background-size:100% 100%,8px 8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,rgb(0 0 0) 14%,transparent)}.color-picker__hex{flex:1;min-width:0;height:auto;display:block;border-left:1px solid color-mix(in srgb,var(--separator) 40%,transparent)}.color-picker__hex span{display:none}.color-picker__hex input{min-width:0;width:100%;height:100%;border:0;border-radius:0;padding:0 8px;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:30px;letter-spacing:.02em;text-transform:uppercase}.color-picker__hex input:focus{outline:0}.color-picker-popover{position:fixed;z-index:1200;display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--separator);border-radius:4px;background:var(--surface);box-shadow:0 12px 32px color-mix(in srgb,rgb(0 0 0) 26%,transparent)}.color-picker-popover:focus{outline:0}.color-picker-popover__topbar{display:flex;align-items:center;height:22px;padding-bottom:6px;border-bottom:1px solid color-mix(in srgb,var(--separator) 36%,transparent);color:var(--text-primary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.color-picker-popover__sv{position:relative;width:100%;height:148px;border-radius:3px;cursor:crosshair;touch-action:none;background-color:var(--hue-color);background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0)}.color-picker-popover__sv-thumb{position:absolute;width:12px;height:12px;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--ring, rgb(255 255 255)),0 0 0 2.5px #00000059;pointer-events:none}.color-picker-popover__hue{position:relative;height:10px;margin:0 6px;border-radius:3px;cursor:pointer;touch-action:none;outline:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.color-picker-popover__hue:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.color-picker-popover__thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:2px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--ring, rgb(255 255 255)),0 0 0 2.5px #00000059;pointer-events:none}.color-picker-popover__value-field{min-width:0;height:24px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:4px;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:3px;padding:0 2px 0 6px;background:var(--surface)}.color-picker-popover__value-field:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.color-picker-popover__value-field span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.04em}.color-picker-popover__value-field input{min-width:0;width:100%;height:22px;border:0;border-radius:0;padding:0 4px;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:22px;text-align:right;text-transform:uppercase}.color-picker-popover__value-field input:focus{outline:0}.bg-swatch{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:none;cursor:pointer}.bg-swatch__ring{position:absolute;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--separator) 22%,transparent)}.bg-swatch:hover .bg-swatch__ring{border-color:var(--accent)}.bg-swatch__fill{position:absolute;width:14px;height:14px;border:.5px solid color-mix(in srgb,var(--separator) 54%,transparent)}.bg-swatch input{position:absolute;inset:0;opacity:0;cursor:pointer}.layers-empty{display:block;min-height:30px;padding:0 var(--spacing-sm);font-size:9px;font-weight:500;line-height:30px;text-transform:uppercase}.layers-list{min-height:0;display:grid;align-content:start;gap:2px;overflow:auto;scrollbar-width:none}.layers-list::-webkit-scrollbar{display:none}.layer-row{min-width:0;min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid transparent;border-radius:var(--radius-ui);color:var(--text-secondary);transition:color .12s ease,border-color .12s ease,background .12s ease}.layer-row:hover,.layer-row:focus-within{color:var(--accent);border-color:color-mix(in srgb,var(--separator) 26%,transparent);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.layer-row.is-hidden .layer-row__thumb,.layer-row.is-hidden .layer-row__meta{opacity:.42}.layer-row__main{min-width:0;height:32px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:inherit}.layer-row__thumb{width:24px;height:24px;flex:none;justify-self:center;object-fit:cover;background:transparent;border-radius:var(--radius-inner);box-shadow:inset 0 0 0 1px transparent;transition:background .12s ease,box-shadow .12s ease}.layer-row:hover .layer-row__thumb,.layer-row:focus-within .layer-row__thumb{background:var(--surface-raised);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}.layer-row__thumb--empty{display:block}.layer-row__meta{min-width:0;display:grid;gap:2px}.layer-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.layer-row__detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.layer-row:hover .layer-row__detail,.layer-row:focus-within .layer-row__detail{color:color-mix(in srgb,var(--accent) 72%,transparent)}.layer-row__actions{display:flex;box-sizing:border-box;align-items:center;gap:3px;padding-right:4px;flex:none;opacity:0;transition:opacity .12s ease}.layer-row__btn{width:24px;height:24px;display:grid;place-items:center;padding:0;color:var(--text-tertiary);border:0;background:transparent;border-radius:var(--radius-inner);cursor:pointer;line-height:0;transition:color .12s ease,background .12s ease,opacity .12s ease}.layer-row__btn .icon{width:13px;height:13px}.layer-row:hover .layer-row__actions,.layer-row:focus-within .layer-row__actions,.layer-row.is-hidden .layer-row__actions{opacity:1}.layer-row__btn:hover,.layer-row__btn:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent);outline:none}.layer-row__btn.is-on{color:var(--text-secondary)}.layer-row__btn.is-danger:hover,.layer-row__btn.is-danger:focus-visible{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.layer-row__btn:disabled{opacity:0;pointer-events:none}.layer-row:hover .layer-row__btn:disabled,.layer-row:focus-within .layer-row__btn:disabled{opacity:.22}.presets-tab{display:flex;flex-direction:column;gap:12px}.presets-tab .sidebar-section{gap:6px}.presets-tab .sidebar-section__head{gap:5px}.presets-tab .sidebar-section__body{gap:7px}.presets-tab .sidebar-section__rule{background:color-mix(in srgb,var(--separator) 32%,transparent)}.preset-save-composer{min-height:30px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 4%,transparent);transition:border-color .12s ease,background .12s ease}.preset-save-composer:focus-within{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--surface) 72%,color-mix(in srgb,var(--text-primary) 4%,transparent))}.preset-save-composer__input{min-width:0;width:100%;height:28px;border:0;padding:0 var(--spacing-sm);color:var(--text-primary);background:transparent;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;line-height:1;text-transform:none}.preset-save-composer__input::placeholder{color:var(--text-tertiary)}.preset-save-composer__input:focus{outline:0}.preset-save-composer__action{width:24px;height:24px;display:grid;place-items:center;justify-self:center;color:var(--text-tertiary);background:transparent;border-radius:var(--radius-inner);cursor:pointer;transition:color .12s ease,background .12s ease}.preset-save-composer__action .icon{width:12px;height:12px}.preset-save-composer__action:hover,.preset-save-composer__action:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.preset-note{min-height:30px;display:flex;align-items:center;padding:0 var(--spacing-sm);font-family:var(--font-mono);font-size:9px;font-weight:300;letter-spacing:.02em;line-height:1.35;text-transform:uppercase;color:var(--text-tertiary)}.preset-library-actions{display:grid;gap:2px}.preset-library-action{min-height:30px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 var(--spacing-sm);color:var(--text-secondary);border:1px solid transparent;background:transparent;border-radius:var(--radius-ui);font-family:var(--font-mono);text-align:left;text-transform:uppercase;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.preset-library-action .icon{width:13px;height:13px;justify-self:center;color:currentColor}.preset-library-action span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;letter-spacing:.02em}.preset-library-action small{color:var(--text-tertiary);font-size:8px;font-weight:500;letter-spacing:.02em}.preset-library-action:hover,.preset-library-action:focus-visible{color:var(--accent);border-color:color-mix(in srgb,var(--separator) 24%,transparent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);outline:none}.preset-list{min-height:0;display:grid;align-content:start;gap:2px;overflow:auto;scrollbar-width:none}.preset-list::-webkit-scrollbar{display:none}.preset-row{min-width:0;min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid transparent;border-radius:var(--radius-ui);color:var(--text-secondary);transition:color .12s ease,border-color .12s ease,background .12s ease}.preset-row:hover,.preset-row:focus-within,.preset-row.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--separator) 26%,transparent);background:color-mix(in srgb,var(--text-primary) 4%,transparent)}.preset-rename-row{min-width:0;height:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);overflow:hidden;color:inherit;border:0;border-radius:0;background:transparent;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-align:left;text-transform:none;cursor:pointer;transition:color .12s ease}.preset-rename-row:hover,.preset-rename-row:focus-visible,.preset-rename-row:focus-within{color:var(--accent);outline:none}.preset-rename-row.is-editing{cursor:text}.preset-rename-row span,.preset-rename-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-rename-row span{color:var(--text-primary);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.preset-rename-row small{color:var(--text-tertiary);font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.preset-row.is-active .preset-rename-row small,.preset-row:hover .preset-rename-row small,.preset-row:focus-within .preset-rename-row small{color:color-mix(in srgb,var(--accent) 72%,transparent)}.preset-rename-row input{min-width:0;width:100%;height:30px;padding:0;color:var(--text-primary);background:transparent;border:0;border-radius:0;font:inherit;font-size:11px;letter-spacing:0;text-transform:none}.preset-rename-row input:focus{outline:none}.preset-row__actions{display:flex;box-sizing:border-box;align-items:center;gap:3px;padding-right:4px;opacity:0;transition:opacity .12s ease}.preset-row__btn{width:24px;height:24px;display:grid;place-items:center;padding:0;color:var(--text-tertiary);background:transparent;border-radius:var(--radius-inner);cursor:pointer;line-height:0;opacity:0;transition:color .12s ease,background .12s ease,opacity .12s ease}.preset-row__btn .icon{width:13px;height:13px}.preset-row:hover .preset-row__btn,.preset-row:focus-within .preset-row__btn,.preset-row.is-active .preset-row__btn{opacity:1}.preset-row:hover .preset-row__actions,.preset-row:focus-within .preset-row__actions,.preset-row.is-active .preset-row__actions{opacity:1}.preset-row__btn:hover,.preset-row__btn:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 8%,transparent);outline:none}.preset-row__btn.is-danger:hover,.preset-row__btn.is-danger:focus-visible{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.settings-tab{display:flex;flex-direction:column;gap:12px}.settings-tab .sidebar-section{gap:6px}.settings-tab .sidebar-section__head{gap:5px}.settings-tab .sidebar-section__body{gap:7px}.settings-tab .sidebar-section__rule{background:color-mix(in srgb,var(--separator) 32%,transparent)}.settings-tab .inspector-tile-grid{gap:var(--spacing-xxs);padding:0}.settings-tab .inspector-tile{gap:3px;padding:7px var(--spacing-sm)}.settings-tab .ruler-slider{padding:var(--spacing-xs) 0 0}.settings-tab .ruler-slider__top{margin-bottom:var(--spacing-xs)}.settings-tab .ruler-slider--value-only .ruler-slider__value{width:100%}.settings-stepper{min-width:0;min-height:28px;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;overflow:hidden;color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 5%,transparent);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.settings-stepper:focus-within{border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--surface) 72%,color-mix(in srgb,var(--text-primary) 5%,transparent))}.settings-stepper button{width:28px;height:28px;display:grid;place-items:center;color:var(--text-tertiary);background:transparent;border:0;border-radius:0;cursor:pointer;transition:color .12s ease,background .12s ease,opacity .12s ease}.settings-stepper button:hover,.settings-stepper button:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.settings-stepper button:disabled{color:var(--text-tertiary);background:transparent;cursor:not-allowed;opacity:.34}.settings-stepper button .icon{width:11px;height:11px}.settings-stepper>span{min-width:0;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-segment-switch{position:relative;min-height:26px;display:grid;gap:2px;padding:2px;background:color-mix(in srgb,var(--text-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui)}.settings-segment-switch--frame,.settings-segment-switch--hold{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-segment-switch--quality{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-segment-switch--aspect{grid-template-columns:repeat(6,minmax(0,1fr))}.settings-segment-switch:before{content:"";position:absolute;z-index:0;top:2px;bottom:2px;left:2px;background:var(--surface);border-radius:var(--radius-inner);box-shadow:0 1px 2px color-mix(in srgb,var(--shadow) 10%,transparent);transform:translate(0);transition:transform .14s ease}.settings-segment-switch--frame:before,.settings-segment-switch--hold:before{width:calc((100% - 6px)/2)}.settings-segment-switch--quality:before{width:calc((100% - 12px)/5)}.settings-segment-switch--aspect:before{width:calc((100% - 14px) / 6)}.settings-segment-switch.is-step-1:before{transform:translate(calc(100% + 2px))}.settings-segment-switch.is-step-2:before{transform:translate(calc(200% + 4px))}.settings-segment-switch.is-step-3:before{transform:translate(calc(300% + 6px))}.settings-segment-switch.is-step-4:before{transform:translate(calc(400% + 8px))}.settings-segment-switch.is-step-5:before{transform:translate(calc(500% + 10px))}.settings-segment-switch button{position:relative;z-index:1;min-width:0;height:22px;display:grid;place-items:center;padding:0 var(--spacing-sm);color:var(--text-tertiary);background:transparent;border:0;border-radius:var(--radius-inner);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease}.settings-segment-switch--aspect button,.settings-segment-switch--quality button{padding:0 var(--spacing-xxs)}.settings-segment-switch button:not(.is-selected):hover,.settings-segment-switch button:not(.is-selected):focus-visible{color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.settings-segment-switch button.is-selected{color:var(--accent);background:transparent}.settings-segment-switch button.is-selected:hover,.settings-segment-switch button.is-selected:focus-visible{color:var(--accent);background:transparent;outline:none}.settings-created{display:block;padding:var(--spacing-xs) var(--spacing-xs) 0;font-size:9px;font-weight:500;text-transform:uppercase;color:var(--text-secondary)}.easing-tab{gap:12px}.easing-tab .sidebar-section{gap:6px}.easing-tab .sidebar-section__head{gap:5px}.easing-tab .sidebar-section__body{gap:7px}.easing-tab .sidebar-section__rule{background:color-mix(in srgb,var(--separator) 32%,transparent)}.easing-body{display:grid;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-xxs) 0 0}.easing-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-xs);align-items:center}.easing-select{position:relative;min-width:0}.easing-select__button{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.easing-select__button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.easing-select__button .icon{width:10px;height:10px;flex:none;color:currentColor}.easing-select__button:hover,.easing-select__button:focus-visible,.easing-select__button[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 46%,transparent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);outline:none}.easing-select__menu{position:absolute;z-index:1250;top:calc(100% + 4px);left:0;right:0;max-height:244px;display:grid;gap:1px;padding:3px;overflow-y:auto;border:1px solid color-mix(in srgb,var(--separator) 55%,transparent);border-radius:var(--radius-ui);background:var(--surface);box-shadow:0 14px 30px color-mix(in srgb,rgb(0 0 0) 14%,transparent)}.easing-select__option{min-height:28px;padding:4px 7px;color:var(--text-secondary);background:transparent;border:0;border-radius:var(--radius-inner);font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1;letter-spacing:0;text-align:left;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease}.easing-select__option:hover,.easing-select__option:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);outline:none}.easing-select__option.is-active{color:var(--accent)}.easing-custom-button{min-width:74px;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--separator) 44%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--text-primary) 3%,transparent);font-family:var(--font-mono);font-size:9px;font-weight:500;line-height:1;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.easing-custom-button:hover,.easing-custom-button:focus-visible,.easing-custom-button.is-selected{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-color:color-mix(in srgb,var(--accent) 46%,transparent);outline:none}.easing-custom-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.easing-tab .easing-editor{min-width:0}.easing-tab .easing-graph{width:100%}.mobile-drawer{--mobile-drawer-bg: color-mix(in srgb, var(--surface) 72%, var(--background));position:relative;z-index:30;flex:none;display:flex;flex-direction:column;background:var(--mobile-drawer-bg);border-top:.5px solid var(--separator)}.mobile-drawer__panel{position:absolute;left:0;right:0;bottom:100%;height:var(--mobile-drawer-panel-height);display:flex;flex-direction:column;background:var(--mobile-drawer-bg);border-top:.5px solid var(--separator);transform:translateY(12px);opacity:0;transition:transform .3s cubic-bezier(.22,.7,.24,1),opacity .2s ease;will-change:transform,opacity}.mobile-drawer__panel.is-open{transform:translateY(0);opacity:1}.mobile-drawer__scrim{position:fixed;top:var(--top-bar-height);left:0;right:0;bottom:0;z-index:20;background:transparent;pointer-events:none}.mobile-drawer__scrim.is-active{pointer-events:auto}.mobile-drawer__header{display:flex;align-items:center;gap:var(--spacing-sm);height:var(--mobile-drawer-header-height);flex:none;padding:0 var(--spacing-sm) 0 var(--spacing-md);background:var(--mobile-drawer-bg);border-bottom:.5px solid var(--separator)}.mobile-drawer__detail{margin-left:auto;white-space:nowrap}.mobile-drawer__header .icon-button{width:34px;height:34px}.mobile-drawer__content{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);background:var(--mobile-drawer-bg)}.mobile-drawer__tabs{display:flex;height:58px;padding:0 var(--spacing-xs) env(safe-area-inset-bottom);border-top:.5px solid var(--separator)}.toolbar-item{flex:1;min-width:44px;height:58px;display:grid;place-items:center;align-content:center;gap:var(--spacing-xs);color:var(--text-tertiary);font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;transition:color .15s ease}.toolbar-item .icon{width:var(--icon-sm);height:var(--icon-sm)}.toolbar-item.is-active{color:var(--accent)}.dash{position:relative;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--background)}.dash__bar{display:flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xl) var(--spacing-xl) 0;background:var(--background)}.dash--mobile .dash__bar{padding:var(--spacing-md) var(--spacing-md) 0}.dash__bar-spacer{flex:1}.dash__new{display:inline-flex}.dash__new .icon-button{width:44px;height:44px;color:var(--accent);transition:color .15s ease,transform .15s ease}.dash__new .icon-button .icon{width:30px;height:30px}.dash__new .icon-button:hover{color:var(--accent);background:transparent;transform:scale(1.12)}.dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr));gap:clamp(16px,2vw,24px);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);align-content:start;justify-content:stretch}.dash--mobile .dash__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:12px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg)}.dash-card{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;transition:transform .15s ease}.dash-card:hover{transform:scale(1.012)}.dash-card__thumb{position:relative;display:block;width:100%;aspect-ratio:1.28;padding:0;overflow:hidden;background:var(--thumb-bg, var(--surface));border:0;box-shadow:inset 0 0 0 1px transparent;cursor:pointer;transition:box-shadow .15s ease}.dash--mobile .dash-card__thumb{aspect-ratio:1.18}.dash-card__img{display:block;width:100%;height:100%;object-fit:cover}.dash-card:hover .dash-card__thumb,.dash-card__thumb:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent);outline:none}.dash-card__thumb:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--text-primary) 0%,transparent);transition:background .15s ease;pointer-events:none}.dash-card:hover .dash-card__thumb:after{background:color-mix(in srgb,var(--text-primary) 2.5%,transparent)}.dash-card__ratio{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:500;letter-spacing:.02em;color:var(--text-tertiary);text-transform:uppercase;pointer-events:none}.dash-card__meta{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--spacing-xs);min-height:36px;padding:var(--spacing-sm);background:transparent}.dash-card__text{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0;text-align:left;cursor:pointer}.dash-card__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--text-primary)}.dash-card__date{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:10px;font-weight:300;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.dash-card__delete{display:inline-grid;place-items:center;flex:none;width:var(--control-slot);height:var(--control-slot);color:color-mix(in srgb,var(--text-tertiary) 72%,transparent);background:transparent;border:0;border-radius:var(--radius-inner);cursor:pointer;opacity:.72;transition:color .15s ease,background .15s ease,opacity .15s ease}.dash-card__delete .icon{width:var(--icon-sm);height:var(--icon-sm)}.dash-card__delete:hover{color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 5%,transparent);opacity:1}.dash-card__rename{min-width:0;width:100%;height:32px;align-self:start;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--radius-ui);padding:0 7px;background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.dash-card__rename:focus{outline:0}.dash-context-menu{position:fixed;z-index:1200;min-width:156px;display:flex;flex-direction:column;gap:1px;padding:3px;border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:var(--radius-ui);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 30px color-mix(in srgb,rgb(0 0 0) 16%,transparent)}.dash-context-menu__item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;height:28px;padding:0 7px;color:var(--text-secondary);border:0;border-radius:var(--radius-inner);background:transparent;font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-align:left;text-transform:none}.dash-context-menu__item .icon{width:12px;height:12px}.dash-context-menu__item:hover,.dash-context-menu__item:focus-visible{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent);outline:0}.dash-context-menu__item.is-danger{color:var(--danger)}.dash-context-menu__item.is-danger:hover,.dash-context-menu__item.is-danger:focus-visible{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.dash-context-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-context-menu__sep{height:1px;margin:3px 5px;background:color-mix(in srgb,var(--separator) 60%,transparent)}.dash__empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xxs);max-width:184px;padding:var(--spacing-lg) var(--spacing-xl) 0;text-align:left}.dash--mobile .dash__empty{max-width:164px;padding:var(--spacing-md) var(--spacing-lg) 0}.dash__empty-title{font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:var(--text-primary)}.dash__empty-hint{font-family:var(--font-mono);font-size:10px;font-weight:300;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.dash-ledger{margin:auto var(--spacing-xl) var(--spacing-xl);display:grid;gap:var(--spacing-sm);width:min(236px,calc(100vw - 64px));font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;pointer-events:none}.dash--mobile .dash-ledger{margin:auto var(--spacing-lg) var(--spacing-lg);width:min(212px,calc(100vw - 48px))}.dash-ledger__title{margin:0;font-size:10px;font-weight:400;line-height:1.25;color:var(--text-primary)}.dash-ledger__list{display:grid;gap:var(--spacing-xxs);margin:0}.dash-ledger__row{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:var(--spacing-sm);min-width:0;font-size:9px;font-weight:300;line-height:1.25;color:var(--text-tertiary)}.dash-ledger__row dt,.dash-ledger__row dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-ledger__row dt{color:var(--text-secondary)}.camera-path{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xxs) 0}.camera-path__header{display:flex;align-items:center;gap:var(--spacing-sm)}.camera-path__title{font-size:9px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.camera-path__header-actions{display:flex;align-items:center;gap:var(--spacing-xxs);margin-left:auto}.camera-path__btn{padding:var(--spacing-xs);font-size:10px;font-weight:300;color:var(--text-secondary);background:transparent;transition:color .12s ease,background .12s ease}.camera-path__btn:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.camera-path__btn:disabled{opacity:.35;pointer-events:none}.camera-path__board{position:relative;height:196px;touch-action:none;user-select:none}.camera-path__cells,.camera-path__pins{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:3px}.camera-path__cell{border-radius:4px;background:var(--surface-raised);box-shadow:inset 0 0 0 .8px color-mix(in srgb,var(--separator) 50%,transparent)}.camera-path__pins{pointer-events:none}.camera-path__pin{grid-column:1;grid-row:1;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:1px;width:100%;height:100%;border-radius:4px;background:var(--surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--separator) 60%,transparent);color:var(--text-primary);cursor:grab;touch-action:none;transition:box-shadow .12s ease,background .12s ease}.camera-path__pin:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.camera-path__pin.is-active{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);cursor:grabbing}.camera-path__num{font-size:10px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}.camera-path__arrow{width:7px;height:7px;color:var(--text-tertiary)}.easing-editor{display:block}.easing-graph{width:100%;aspect-ratio:260 / 204;border-radius:var(--radius-ui);overflow:hidden}.easing-editor.is-readonly .easing-graph{touch-action:auto}.settings-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--spacing-md);background:color-mix(in srgb,rgb(0 0 0) 50%,transparent);animation:settings-fade .16s ease both}@keyframes settings-fade{0%{opacity:0}to{opacity:1}}.settings-panel{position:relative;display:flex;flex-direction:column;width:min(420px,100%);max-height:min(680px,92vh);background:var(--surface);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 60%,transparent);box-shadow:0 24px 64px color-mix(in srgb,rgb(0 0 0) 32%,transparent);animation:settings-rise .18s ease both}@keyframes settings-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm)}.settings-toolbar .mono-label{font-size:10px;font-weight:300}.settings-scroll{overflow-y:auto;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-lg);scrollbar-width:thin}.settings-divider{height:1px;margin:var(--spacing-xs) 0;background:color-mix(in srgb,var(--separator) 50%,transparent)}.settings-divider--inline{margin:var(--spacing-xxs) 0;background:color-mix(in srgb,var(--separator) 30%,transparent)}.settings-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.settings-appicon{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:54px;height:54px}.settings-appicon span{background:var(--text-primary)}.settings-appicon span:nth-child(1){grid-area:1 / 2}.settings-appicon span:nth-child(2){grid-area:2 / 3}.settings-appicon span:nth-child(3){grid-area:3 / 2}.settings-appicon span:nth-child(4){grid-area:2 / 1}.settings-desc{position:relative;max-width:292px;padding:14px var(--spacing-md);color:var(--text-tertiary);font-size:11px;font-weight:400;line-height:1.27;text-transform:none;letter-spacing:0}.settings-desc:before,.settings-desc:after,.settings-desc>i:before,.settings-desc>i:after{content:"";position:absolute;width:5px;height:5px;background:var(--text-primary)}.settings-desc:before{top:0;left:0}.settings-desc:after{top:0;right:0}.settings-desc>i:before{bottom:0;left:0}.settings-desc>i:after{bottom:0;right:0}.settings-rows{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.settings-row__label{flex:none;width:118px;font-size:10px;font-weight:300}.settings-row__value{flex:1;color:var(--text-secondary);font-size:10px;font-weight:300;line-height:1.25;text-transform:none}.settings-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.settings-control__label{flex:none;width:118px;font-size:10px;font-weight:300}.settings-control__field{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start}.settings-pills{display:inline-flex;gap:var(--spacing-xxs);padding:2px;background:var(--surface);border:.8px solid color-mix(in srgb,var(--separator) 50%,transparent)}.settings-pills button{flex:1;min-width:48px;padding:6px var(--spacing-sm);color:var(--text-tertiary);font-size:10px;font-weight:300;text-transform:uppercase}.settings-pills button:hover{color:var(--text-secondary)}.settings-pills button.is-selected{color:var(--text-primary);background:var(--surface-raised)}.settings-website{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) 0;color:var(--text-tertiary);text-align:left}.settings-website:hover{color:var(--accent)}.settings-website__label{flex:none;width:118px;font-size:10px;font-weight:300}.settings-website .icon{margin-left:auto;color:var(--text-tertiary)}.toast-host{position:fixed;left:50%;bottom:var(--spacing-lg);z-index:1000;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--spacing-sm);transform:translate(-50%);pointer-events:none}.toast{pointer-events:auto;max-width:min(420px,calc(100vw - 2 * var(--spacing-md)));padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);background:var(--surface);border:1px solid color-mix(in srgb,var(--separator) 40%,transparent);border-left:2px solid var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--overlay-background) 18%,transparent);font-size:9px;font-weight:500;line-height:1.4;letter-spacing:.02em;text-align:left;text-transform:uppercase;overflow-wrap:anywhere;animation:toast-in .16s ease both}.toast--danger{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.confirm-layer{position:fixed;inset:0;z-index:1100}.confirm-layer:not(.confirm-layer--anchored){display:grid;place-items:center;padding:var(--spacing-md);background:color-mix(in srgb,rgb(0 0 0) 45%,transparent)}.confirm-pop{width:276px;max-width:calc(100vw - 2 * var(--spacing-md));background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--text-primary);border:1px solid color-mix(in srgb,var(--separator) 70%,transparent);border-radius:var(--radius-ui);box-shadow:0 14px 30px color-mix(in srgb,rgb(0 0 0) 16%,transparent);animation:confirm-pop-in .13s ease both}.confirm-pop--bottom,.confirm-pop--top{position:fixed}.confirm-pop--bottom{transform-origin:top center}.confirm-pop--top{transform-origin:bottom center}.confirm-pop--center{position:relative;width:min(320px,100%)}.confirm-pop__body{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:12px 12px 10px}.confirm-pop__title{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-primary)}.confirm-pop__message{font-family:var(--font-sans);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--text-secondary);overflow-wrap:anywhere}.confirm-pop__actions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:6px}.confirm-pop__actions:before{content:"";position:absolute;top:0;left:8px;right:8px;height:1px;background:color-mix(in srgb,var(--separator) 60%,transparent)}.confirm-btn{appearance:none;cursor:pointer;height:32px;display:grid;place-items:center;padding:0 10px;background:transparent;color:var(--text-secondary);border:0;border-radius:var(--radius-inner);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;transition:background .12s ease,color .12s ease}.confirm-btn:hover{color:var(--accent);background:color-mix(in srgb,var(--text-primary) 7%,transparent)}.confirm-btn--danger{color:var(--danger)}.confirm-btn--danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}@keyframes confirm-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.confirm-pop{animation:none}}