.dx-demo--anatomy .an-map{border-radius:22px;margin:0 8px;position:relative;overflow-x:auto}.dx-demo--anatomy .an-map.is-scaled{overflow:hidden}.dx-demo--anatomy .an-fit{inline-size:1400px;position:relative}.dx-demo--anatomy .an-map.is-scaled .an-fit{transform:scale(var(--k,1));transform-origin:0 0}.dx-demo--anatomy .an-shot{z-index:0;isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.dx-demo--anatomy .app-ui.an-app{grid-template-columns:minmax(0,1fr) 300px;margin:0}.dx-demo--anatomy .an-app .ed-side{inline-size:300px}.dx-demo--anatomy .an-app .ed-viewport{aspect-ratio:auto;block-size:430px;padding:22px 40px 22px 110px}.dx-demo--anatomy .an-app .ed-viewport>.ed-rail.shell-rail{inset-inline-start:16px}.dx-demo--anatomy .an-app .ed-timeline .ed-sheet{align-content:start;block-size:168px}.dx-demo--anatomy .an-app .ed-ruler>span{inset-inline-start:calc(var(--at) * var(--cell) + 8px + var(--cell) / 2)}.dx-demo--anatomy .an-app .ed-key{display:block}.dx-demo--anatomy .an-app .sheet-layer-state{opacity:1}.dx-demo--anatomy .an-app .sheet-layer-name{align-items:center}.dx-demo--anatomy .an-ring{z-index:4;pointer-events:none;transition:left .35s var(--ease-out,ease), top .35s var(--ease-out,ease), width .35s var(--ease-out,ease), height .35s var(--ease-out,ease);border-radius:16px;position:absolute;box-shadow:0 0 0 4px #0d99ff,0 0 0 9999px #0c0d1252}.dx-demo--anatomy .an-pin{z-index:5;block-size:30px;inline-size:30px;translate:-50% -50%;scale:calc(1 / var(--k,1));color:#fff;cursor:pointer;background:#0c0d12;border:0;border-radius:50%;place-items:center;padding:0;font:750 15px/1 Inter Variable,Inter,system-ui,sans-serif;transition:background-color .2s,transform .25s;display:grid;position:absolute;box-shadow:0 0 0 3px #fff,0 6px 14px -6px #0c0d1280}.dx-demo--anatomy .an-pin:hover,.dx-demo--anatomy .an-pin.is-lit{background:#0d99ff;transform:scale(1.15)}.dx-demo--anatomy .an-pin:focus-visible{outline-offset:3px;outline:3px solid #0d99ff}@media (width<=560px){.dx-demo--anatomy .an-pin{block-size:26px;inline-size:26px;font-size:13px}}.dx-demo--anatomy .an-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 8px 8px;padding:0;list-style:none;display:grid}.dx-demo--anatomy .an-legend li{display:flex}.dx-demo--anatomy .an-legend button{text-align:start;inline-size:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:0;border-radius:14px;grid-template-columns:26px minmax(0,1fr);align-content:start;gap:10px;padding:10px 12px;transition:box-shadow .2s,transform .25s;display:grid;box-shadow:0 1px 2px #0c0d120f,0 0 0 1px #0c0d120d}.dx-demo--anatomy .an-legend button>b{color:#4a5060;background:#eef1f6;border-radius:50%;place-items:center;block-size:26px;inline-size:26px;font-size:12.5px;font-weight:750;display:grid}.dx-demo--anatomy .an-legend button>span{color:#4a5060;font-size:13.5px;line-height:1.45;display:block}.dx-demo--anatomy .an-legend strong{color:#0c0d12;margin-block-end:1px;font-size:14.5px;font-weight:680;display:block}.dx-demo--anatomy .an-legend em{color:#0c0d12;background:0 0;font-style:normal;font-weight:600;text-decoration:none}.dx-demo--anatomy .an-legend kbd{font-size:11px}.dx-demo--anatomy .an-legend button.is-lit{box-shadow:0 0 0 2px #0d99ff,0 12px 24px -16px #0d99ffb3}.dx-demo--anatomy .an-legend button.is-lit>b{color:#fff;background:#0d99ff}.dx-demo--anatomy .an-legend button:focus-visible{outline-offset:2px;outline:2px solid #0d99ff}@media (width<=900px){.dx-demo--anatomy .an-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dx-demo--anatomy .an-legend{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dx-demo--anatomy .an-ring,.dx-demo--anatomy .an-pin{transition:none}}.app-ui{--ds-text-xs:10.5px;--ds-text-sm:11px;--ds-fast:.11s;--ds-ease:cubic-bezier(.2, .7, .2, 1)}:where(.app-ui) .audio-timeline{--audio-ink:#227d73;--audio-fill:#d9eeea;--audio-label:220px;background:var(--panel,#fff);min-width:0;color:var(--text,#292929);border-top:1px solid var(--border,#ddd);font:inherit;-webkit-user-select:none;user-select:none;flex:none;container-type:inline-size}:where(.app-ui) .audio-heading-icon{color:var(--audio-ink);display:flex}:where(.app-ui) .audio-heading-icon .icon{width:16px;height:16px}:where(.app-ui) .audio-empty{color:var(--muted,#777);justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:absolute;inset:0}:where(.app-ui) .audio-empty strong{color:var(--text,#292929);font-size:12px;font-weight:600;display:block}:where(.app-ui) .audio-empty p{margin:5px 0 0;font-size:11px}:where(.app-ui) .audio-empty-icon{background:var(--audio-fill);width:44px;height:44px;color:var(--audio-ink);border-radius:12px;justify-content:center;align-items:center;display:flex}:where(.app-ui) .audio-empty-icon .icon{width:23px;height:23px}:where(.app-ui) .audio-integrated{z-index:2;border:0;position:absolute;left:0;right:0}:where(.app-ui) .audio-integrated>.audio-toolbar{z-index:3;background:var(--panel,#fff);box-shadow:inset 0 1px var(--border,#ddd),inset 0 -1px var(--border,#ddd);position:relative}:where(.app-ui) .audio-integrated .audio-playhead{display:none}:where(.app-ui) .audio-toolbar{align-items:center;gap:7px;height:36px;padding:0 10px;display:flex;overflow:hidden}:where(.app-ui) .audio-toolbar strong{white-space:nowrap;margin-right:8px;font-size:11px}:where(.app-ui) .audio-hint{color:var(--muted,#777);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:6px;overflow:hidden}:where(.app-ui) .audio-button{min-width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0 7px;display:inline-flex}:where(.app-ui) .audio-button .icon{width:15px;height:15px}:where(.app-ui) .audio-button:hover{background:var(--theme-field,#f0f0f0);border-color:var(--border,#ddd)}:where(.app-ui) .audio-button:focus-visible{outline:2px solid var(--audio-ink);outline-offset:-2px}:where(.app-ui) .audio-button:disabled{opacity:.35;cursor:default}:where(.app-ui) .audio-button[aria-pressed=true]{background:var(--audio-fill);color:var(--audio-ink)}:where(.app-ui) .audio-toolbar>.audio-button[aria-label=Import\ audio]{background:var(--audio-fill);color:var(--audio-ink);font-weight:600}:where(.app-ui) .audio-labels{width:var(--audio-label);border-right:1px solid var(--border,#ddd);position:absolute;top:0;left:0}:where(.app-ui) .audio-track{border-bottom:1px solid var(--border,#ddd);grid-template-rows:28px 24px;grid-template-columns:minmax(0,1fr) 24px 24px;align-items:center;gap:2px;height:64px;padding:4px 8px;display:grid;position:absolute;left:0;right:0}:where(.app-ui) .audio-track[data-selected=true]{background:color-mix(in srgb,var(--audio-fill) 45%,transparent)}:where(.app-ui) .audio-track[data-drop=true]{background:var(--audio-fill);box-shadow:inset 3px 0 var(--audio-ink)}:where(.app-ui) .audio-track-name{width:100%;min-width:0;color:inherit;font:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px;font-weight:600}:where(.app-ui) .audio-track-name:hover{border-color:var(--border,#ddd)}:where(.app-ui) .audio-track-name:focus{border-color:var(--audio-ink);outline:none}:where(.app-ui) .audio-track>.audio-button{min-width:22px;height:24px;padding:0 3px;font-weight:600}:where(.app-ui) .audio-track-volume{grid-column:1/3;align-items:center;gap:5px;min-width:0;padding:0 4px;display:flex}:where(.app-ui) .audio-track-volume input{width:100%;min-width:0;height:16px;accent-color:var(--audio-ink);cursor:pointer}:where(.app-ui) .audio-track-volume output{text-align:right;width:34px;color:var(--muted,#777);font-variant-numeric:tabular-nums;flex:none;font-size:10px}:where(.app-ui) .audio-body{overscroll-behavior:contain;outline-offset:-2px;border-top:1px solid var(--border,#ddd);scrollbar-gutter:stable;height:172px;position:relative;overflow:hidden auto}:where(.app-ui) .audio-integrated>.audio-body{scrollbar-gutter:auto;border:0;overflow:visible}:where(.app-ui) .audio-lanes{margin-left:var(--audio-label);touch-action:none;margin-right:2px;position:relative;overflow:hidden}:where(.app-ui) .audio-lanes canvas{pointer-events:none;position:absolute;left:0}:where(.app-ui) .audio-clips{pointer-events:none;position:absolute;inset:0}:where(.app-ui) .audio-clip{border:1px solid color-mix(in srgb,var(--audio-ink) 40%,transparent);height:58px;color:var(--audio-ink);text-align:left;cursor:grab;pointer-events:auto;touch-action:none;background:0 0;border-radius:6px;padding:0 9px;font:10px inherit;position:absolute;overflow:hidden}:where(.app-ui) .audio-clip[data-selected=true]{border:2px solid var(--audio-ink);box-shadow:inset 0 0 0 1px var(--panel,#fff);padding:0 8px}:where(.app-ui) .audio-clip:focus-visible{outline:2px solid var(--audio-ink);outline-offset:1px}:where(.app-ui) .audio-clip[data-muted=true]{opacity:.45}:where(.app-ui) .audio-clip[data-dragging=true]{cursor:grabbing;z-index:3;box-shadow:0 3px 8px #0002,inset 0 0 0 1px var(--panel,#fff)}:where(.app-ui) .audio-clip-title{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;line-height:14px;position:absolute;top:2px;left:14px;right:14px;overflow:hidden}:where(.app-ui) .audio-clip:hover:not(:disabled){background:0 0}:where(.app-ui) .audio-clip[data-compact=true] .audio-trim{height:12px;top:auto}:where(.app-ui) .audio-clip[data-compact=true] .audio-trim:after{top:2px;bottom:2px}:where(.app-ui) .audio-trim{cursor:ew-resize;width:9px;position:absolute;top:0;bottom:0}:where(.app-ui) .audio-trim-left{left:0}:where(.app-ui) .audio-trim-right{right:0}:where(.app-ui) .audio-trim:after{content:"";background:var(--audio-ink);opacity:.35;border-radius:2px;width:2px;position:absolute;top:19px;bottom:15px;left:3px}:where(.app-ui) .audio-clip:hover .audio-trim{background:color-mix(in srgb,var(--audio-ink) 16%,transparent)}:where(.app-ui) .audio-fade{border:1px solid var(--audio-ink);background:var(--panel,#fff);cursor:ew-resize;opacity:0;z-index:2;border-radius:50%;width:10px;height:10px;position:absolute;top:17px;transform:translate(-50%)}:where(.app-ui) .audio-clip:hover .audio-fade,:where(.app-ui) .audio-clip[data-selected=true] .audio-fade{opacity:1}:where(.app-ui) .audio-new-lane{border:1px dashed var(--border,#ddd);height:30px;color:var(--muted,#777);pointer-events:auto;border-radius:5px;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;left:8px;right:8px}:where(.app-ui) .audio-new-lane[data-active=true]{background:var(--audio-fill);border-color:var(--audio-ink);color:var(--audio-ink);font-weight:600}:where(.app-ui) .audio-playhead,:where(.app-ui) .audio-snap-line{background:var(--purple,#0d99ff);pointer-events:none;z-index:4;width:1px;position:absolute;top:0;bottom:0;left:0}:where(.app-ui) .audio-snap-line{background:var(--audio-ink);border-left:1px dashed var(--panel,#fff)}:where(.app-ui) .audio-editbar{background:var(--theme-field,#f6f7f8);border-top:1px solid var(--border,#ddd);align-items:center;gap:12px;height:36px;padding:0 10px;display:flex}:where(.app-ui) .audio-selection-info{flex:1;align-items:center;gap:12px;min-width:100px;display:flex;overflow:hidden}:where(.app-ui) .audio-selection-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}:where(.app-ui) .audio-selection-info>span{color:var(--muted,#777);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:10px;overflow:hidden}:where(.app-ui) .audio-clip-controls{flex:none;align-items:center;gap:4px;display:flex}:where(.app-ui) .audio-volume{color:var(--muted,#777);align-items:center;gap:6px;margin-right:10px;font-size:10px;display:flex}:where(.app-ui) .audio-volume input{width:85px;height:18px;accent-color:var(--audio-ink);cursor:pointer}:where(.app-ui) .audio-volume output{font-variant-numeric:tabular-nums;min-width:32px}:where(.app-ui) .audio-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:where(.app-ui) .audio-timeline[data-drop=true]{box-shadow:inset 0 0 0 2px var(--audio-ink)}:where(.app-ui) .audio-properties{background:var(--panel,#fff);width:min(390px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--text,#292929);border:1px solid var(--border,#ddd);border-radius:12px;margin:auto;padding:16px;font:12px inherit;position:fixed;inset:0;overflow:auto;box-shadow:0 10px 40px #0003}:where(.app-ui) .audio-properties-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}:where(.app-ui) .audio-properties-title strong{text-overflow:ellipsis;flex:1;overflow:hidden}:where(.app-ui) .audio-properties-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}:where(.app-ui) .audio-properties label{color:var(--muted,#777);flex-direction:column;gap:5px;font-size:11px;display:flex}:where(.app-ui) .audio-properties input,:where(.app-ui) .audio-properties select{border:1px solid var(--border,#ddd);background:var(--theme-field,#f7f7f7);width:100%;min-width:0;height:30px;color:var(--text,#292929);border-radius:5px;padding:0 7px;font:12px inherit}:where(.app-ui) .audio-properties-actions{justify-content:flex-end;gap:6px;margin-top:12px;display:flex}:where(.app-ui) .audio-properties p{color:var(--muted,#777);margin:10px 0 0;font-size:11px}@container (width<=1000px){:where(.app-ui) .audio-selection-info{display:block}:where(.app-ui) .audio-selection-info strong,:where(.app-ui) .audio-selection-info>span{max-width:none;display:block}:where(.app-ui) .audio-selection-info>span{font-size:9px}:where(.app-ui) .audio-hint{display:none}}@container (width<=760px){:where(.app-ui) .audio-toolbar{gap:3px;padding:0 6px}:where(.app-ui) .audio-toolbar strong{margin-right:2px}:where(.app-ui) .audio-button{padding:0 4px}:where(.app-ui) .audio-clip-controls .audio-button>span{display:none}:where(.app-ui) .audio-volume input{width:60px}:where(.app-ui) .audio-volume{margin-right:2px}}@container (width<=560px){:where(.app-ui) .audio-toolbar>.audio-button>span{display:none}:where(.app-ui) .audio-toolbar>.audio-button[aria-label=Import\ audio]>span{display:inline}:where(.app-ui) .audio-editbar{gap:5px;padding:0 5px}:where(.app-ui) .audio-volume{font-size:0}:where(.app-ui) .audio-volume output{font-size:10px}}:where(.app-ui) .audio-toolbar{gap:5px;padding:0 8px}:where(.app-ui) .audio-toolbar>.audio-heading-icon,:where(.app-ui) .audio-toolbar>.audio-hint{display:none}:where(.app-ui) .audio-toolbar strong{margin-right:3px}:where(.app-ui) .audio-clip-popover{border:1px solid var(--border,#ddd);background:var(--panel,#fff);width:278px;max-width:calc(100vw - 16px);height:auto;max-height:calc(100vh - 16px);color:var(--text,#333);border-radius:9px;flex-wrap:wrap;gap:10px;margin:0;padding:12px;font-size:11px;position:fixed;inset:auto;overflow:auto;box-shadow:0 8px 28px #0002}:where(.app-ui) .audio-clip-popover .audio-selection-info{flex-basis:100%;width:100%;min-width:0;display:block}:where(.app-ui) .audio-clip-popover .audio-selection-info strong{max-width:100%;margin-bottom:4px;display:block}:where(.app-ui) .audio-clip-popover .audio-selection-info>span{max-width:100%;font-size:10px;display:block}:where(.app-ui) .audio-clip-popover .audio-clip-controls{flex-wrap:wrap;gap:5px;width:100%;min-width:0}:where(.app-ui) .audio-clip-popover .audio-volume{gap:8px;width:100%;margin:0 0 5px}:where(.app-ui) .audio-clip-popover .audio-volume input{flex:1;min-width:0}:where(.app-ui) .audio-track .audio-button{border-radius:4px}:where(.app-ui) .audio-track:hover{background:color-mix(in srgb,var(--audio-fill) 25%,transparent)}:where(.app-ui) .audio-clip{border-radius:5px;box-shadow:inset 0 1px #ffffff20}:where(.app-ui) .audio-clip[data-selected=true]{box-shadow:inset 0 0 0 1px var(--audio-ink)}:where(.app-ui) .audio-new-lane{opacity:.65}:where(.app-ui) .audio-new-lane:hover,:where(.app-ui) .audio-new-lane[data-active=true]{opacity:1}@container (width<=850px){:where(.app-ui) .audio-toolbar>.audio-button>span{display:none}:where(.app-ui) .audio-toolbar>.audio-button[aria-label=Import\ audio]>span{display:inline}:where(.app-ui) .audio-toolbar strong{display:none}}@container (width<=480px){:where(.app-ui) .audio-toolbar>.audio-button[aria-label=Import\ audio]>span{display:none}:where(.app-ui) .audio-toolbar{gap:2px;padding:0 4px}:where(.app-ui) .audio-toolbar .audio-button{padding:0 4px}}:where(.app-ui) .audio-toolbar>.audio-button[aria-label="Audio clip controls"]{margin-left:auto}:where(.app-ui) .audio-toolbar>.audio-button[aria-label="Audio clip controls"]:disabled{display:none}:where(.app-ui) .audio-toolbar>.audio-options-button{margin-left:auto}:where(.app-ui) .audio-toolbar>.audio-button[aria-label="Audio clip controls"]:not(:disabled)~.audio-options-button{margin-left:0}:where(.app-ui) .audio-options{width:300px;max-width:calc(100vw - 16px);color:var(--text,#1f2328);margin:0;padding:6px 14px;font-size:11px;position:fixed;inset:auto}:where(.app-ui) .audio-options .ds-switch>input{accent-color:var(--audio-ink)}:where(.app-ui) .audio-options .ds-switch>input:checked{background:var(--audio-ink)}:where(.app-ui) .audio-empty-actions{gap:8px;margin-top:10px;display:flex}:where(.app-ui) .ds-switch{cursor:pointer;font-size:var(--ds-text-sm);color:var(--theme-text);align-items:flex-start;gap:10px;padding:8px 0;display:flex}:where(.app-ui) .ds-switch>input{appearance:none;background:var(--theme-border-strong);cursor:pointer;width:28px;height:16px;transition:background-color var(--ds-fast) var(--ds-ease);border-radius:999px;flex:none;margin:1px 0 0;position:relative}:where(.app-ui) .ds-switch>input:after{content:"";width:12px;height:12px;transition:transform var(--ds-fast) var(--ds-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}:where(.app-ui) .ds-switch>input:checked{background:var(--theme-action)}:where(.app-ui) .ds-switch>input:checked:after{background:var(--switch-knob-on);transform:translate(12px)}:where(.app-ui) .ds-switch>input:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}:where(.app-ui) .ds-switch>span{gap:2px;min-width:0;display:grid}:where(.app-ui) .ds-switch small{color:var(--theme-muted);font-size:var(--ds-text-xs);line-height:1.4}@media (prefers-reduced-motion:reduce){:where(.app-ui) .ds-switch>input,:where(.app-ui) .ds-switch>input:after{transition:none}}.dx-demo--audio .ed-sheet>.audio-timeline{--audio-label:var(--label);background:var(--sheet-surface);grid-column:1/-1;position:relative;inset:auto}.dx-demo--audio .audio-integrated>.audio-toolbar{background:var(--sheet-surface);box-shadow:inset 0 1px var(--sheet-line), inset 0 -1px var(--sheet-line)}.dx-demo--audio .audio-body{overflow:hidden}.dx-demo--audio .audio-labels{border-right-color:var(--sheet-line)}.dx-demo--audio .audio-track{border-bottom-color:var(--sheet-line)}.dx-demo--audio .audio-lanes{margin-right:0}.dx-demo--audio .audio-lanes>canvas{top:0}.dx-demo--audio .audio-integrated .audio-playhead{background:var(--sheet-playhead);z-index:4;inline-size:2px;display:block;translate:-1px}.dx-demo--audio .audio-clip{font-family:inherit}.dx-demo--audio .audio-timeline[data-drop=true]{box-shadow:inset 0 0 0 2px var(--audio-ink)}.dx-demo--audio .ed-tracks{touch-action:pan-y;cursor:default;overflow:hidden}.dx-demo--audio .ed-tracks:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dx-demo--audio .ed-ruler>span{translate:-50%}.dx-demo--audio .ed-ruler:after{content:"";pointer-events:none;background:repeating-linear-gradient(to right, var(--sheet-tick) 0 1px, transparent 1px var(--cell));block-size:4px;position:absolute;inset-block-end:0;inset-inline:8px 0}.dx-demo--audio .au-past{inset-block:32px 0;inset-inline:calc(var(--at) * var(--cell) + 8px) 0;background:var(--sheet-hatch);pointer-events:none;position:absolute}.dx-demo--audio .ed-end{z-index:1}.dx-demo--audio .ed-key{pointer-events:none;z-index:1}.dx-demo--audio .ed-track[data-hidden] :is(.ed-span,.ed-key){opacity:.4}.dx-demo--audio .ed-track[data-locked] .ed-span{background-color:var(--sheet-lane)}.dx-demo--audio .sheet-layer .sheet-layer-state{opacity:.55}.dx-demo--audio .sheet-layer:hover .sheet-layer-state,.dx-demo--audio .sheet-layer .sheet-layer-state[data-on=true]{opacity:1}.dx-demo--audio .sheet-layer-name{cursor:default}.dx-demo--audio .timeline-panel.auto-keying .ed-sheet{--sheet-playhead:var(--danger-dot);--sheet-playhead-tab:var(--danger-dot)}.dx-demo--audio .ed>:is(.audio-options,.audio-clip-popover,.au-props){z-index:7;margin:0;position:absolute;inset:auto}.dx-demo--audio .ed>.audio-clip-popover:not([hidden]){display:flex}.dx-demo--audio .ed>.audio-options{max-inline-size:calc(100% - 16px)}.dx-demo--audio .ed>.au-props{max-block-size:calc(100% - 16px);inline-size:min(390px,100% - 16px)}.dx-demo--audio .ed>.au-float{z-index:8}.dx-demo--audio .ed>.au-float>.ed-menu{min-inline-size:220px}@container ed (width<=640px){.dx-demo--audio .audio-track{padding-inline:4px}.dx-demo--audio .audio-track-volume output{display:none}.dx-demo--audio .audio-empty{gap:10px;padding:10px}.dx-demo--audio .audio-empty-icon{display:none}}.dx-demo--audio .sheet-layer .sheet-layer-name{align-self:stretch;align-items:center}@container ed (width<=520px){.dx-demo--audio .app-ui.ed .ed-timeline .tl-end>.tl-audio{display:inline-grid}.dx-demo--audio .app-ui.ed .ed-timeline .tl-mode{display:none}}.dx-demo--export .xp-host{margin:0 8px 8px;container:xp/inline-size}.dx-demo--export .app-ui .xp-dialog.ui-dialog{opacity:1;border-radius:var(--radius-2xl,22px);flex-direction:column;block-size:auto;max-block-size:none;inline-size:100%;max-inline-size:none;margin:0;display:flex;position:relative;translate:none}.dx-demo--export .app-ui .xp-dialog .ui-export-form{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.dx-demo--export .app-ui .xp-dialog .ui-dialog-body{overflow:visible}.dx-demo--export .app-ui .ui-export-stage{place-items:center;display:grid}.dx-demo--export .app-ui .ui-export-stage>canvas{block-size:100%;inline-size:100%}.dx-demo--export .app-ui .ui-export-stage[data-frame=portrait]{aspect-ratio:9/16;place-self:center;block-size:min(320px,70cqi);inline-size:auto}.dx-demo--export .app-ui .export-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.dx-demo--export .app-ui .ui-field[data-text]{inline-size:100%}.dx-demo--export .app-ui .ui-dialog-foot .ui-button[data-variant=primary]:disabled{opacity:1}@container xp (width<=900px){.dx-demo--export .app-ui .export-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@container xp (width<=700px){.dx-demo--export .app-ui .xp-dialog .ui-export-form{flex-direction:column;display:flex}.dx-demo--export .app-ui .xp-dialog .ui-export-preview{padding:var(--space-4) var(--space-4) var(--space-2)}.dx-demo--export .app-ui .ui-export-stage[data-frame=portrait]{block-size:260px}.dx-demo--export .app-ui .xp-dialog :is(.ui-dialog-head,.ui-dialog-body,.ui-dialog-foot){padding-inline:var(--space-4)}}@container xp (width<=420px){.dx-demo--export .app-ui .export-presets{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dx-demo--export .app-ui .ui-dialog-row{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.dx-demo--export .app-ui .export-hint{padding-inline-start:0}.dx-demo--export .app-ui .ui-dialog-foot{flex-wrap:wrap}.dx-demo--export .app-ui .ui-dialog-meta{flex:1 0 100%}}.app-ui.ed.ed--build{grid-template-columns:auto minmax(0,1fr) auto}.app-ui.ed .ed-strip.ui-strip{align-items:center;gap:var(--space-0-5);inline-size:40px;padding:var(--space-1-5) 0;flex-direction:column;display:flex}.app-ui.ed.ed--build>.ed-band.titlebar{grid-template-columns:minmax(0,1fr) auto auto}@container ed (width<=980px){.app-ui.ed .ed-band :is(.band-save,.band-export) .ui-label,.app-ui.ed .ed-band .ui-doc-state>span:last-child{display:none}}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail.shell-rail{grid-area:auto}.app-ui.ed .ed-viewport>.ed-rail[data-columns="2"]>.rail-quick{justify-content:center;gap:var(--space-1);grid-template-columns:repeat(2,auto);display:grid}.app-ui.ed .stage-head>.stage-head-msg{max-inline-size:calc(100% - 290px);pointer-events:none;align-items:center;padding-inline-start:var(--space-2);display:flex;position:absolute;inset-block:0;inset-inline-start:0}.app-ui.ed .stage-head>.stage-head-msg>.ui-toast{border-radius:var(--radius-pill);pointer-events:auto;flex-wrap:nowrap;max-inline-size:100%}@container ed (width>=721px){.dx-demo--builder>.ed>.ed-side{contain:size;flex-direction:column;inline-size:clamp(272px,37cqi,320px);display:flex}}.app-ui.ed .ed-side [data-bd-insp] .bd-scope{padding-block:0 var(--space-2);color:var(--accent-text)}.app-ui.ed .ed-side [data-bd-insp] .ui-target-text{cursor:text}.app-ui.ed .ed-side [data-bd-insp] .bd-rename{inline-size:100%;block-size:var(--control-md);padding:0 var(--space-1-5);border-radius:var(--radius-sm);background:var(--surface-sunken);font:inherit;box-shadow:inset 0 0 0 1.5px var(--accent-line);border:0}.app-ui.ed .ed-side [data-bd-insp] .ui-section-body>.ui-swatch-grid+.bd-replace-input+.ui-row{margin-block-start:var(--space-2)}.app-ui.ed .bd-replace-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.app-ui.ed .ed-viewport>.bd-structure{inset-block:var(--space-2) auto;z-index:6;max-block-size:calc(100% - 16px);inline-size:min(260px,100% - 16px);box-shadow:var(--elevation-3);inset-inline-start:var(--space-2);overflow:auto}.app-ui.ed .bd-structure .builder-outliner-head{align-items:center;block-size:44px;display:flex}.app-ui.ed .bd-structure .builder-tree{padding-inline:var(--space-2);display:grid}.app-ui.ed .bd-structure .builder-tree-row{cursor:default;align-items:center;block-size:30px;display:flex;position:relative}.app-ui.ed .bd-structure .builder-indent,.app-ui.ed .bd-structure .builder-twisty{flex:none}.app-ui.ed .bd-structure .builder-row-icon{place-items:center;display:inline-grid}.app-ui.ed .bd-structure .builder-row-icon>svg{block-size:14px;inline-size:14px}.app-ui.ed .bd-structure .builder-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.app-ui.ed .bd-structure .builder-outliner-empty{padding:var(--space-3) var(--space-2)}.app-ui.ed>.bd-float{z-index:30}.app-ui.ed>.bd-float .ui-popover-body{gap:var(--space-2);display:grid}.app-ui.ed>.bd-float .bd-pop-note{font:var(--type-small);color:var(--text-3)}.app-ui.ed .bd-dialog-actions{justify-content:flex-end;padding-block-start:var(--space-4);display:flex}.app-ui.ed>.ed-dialog-host{z-index:40;padding:var(--space-4);border-radius:inherit;background:var(--surface-backdrop);place-items:safe center;display:grid;position:absolute;inset:0;overflow-y:auto}.app-ui.ed .bd-test .ui-dialog-body{gap:var(--space-2-5)}.app-ui.ed .bd-test-canvas{border-radius:var(--radius-md);background:var(--paper);block-size:clamp(140px,30cqi,280px);inline-size:100%;box-shadow:inset 0 0 0 1px var(--line-1);touch-action:none;display:block}.app-ui.ed .bd-test-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui.ed .bd-test-bar>.ui-field{flex:90px}.app-ui.ed .bd-test-bar>.ui-field[data-select]{flex:2 180px}.app-ui.ed .bd-test-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui.ed .bd-test-grow{flex:1}@container ed (width<=720px){.app-ui.ed.ed--build>.ed-center{grid-column:2/-1}.app-ui.ed.ed--build>.ed-side{grid-column:1/-1}.app-ui.ed .ed-side>.ed-scroll[data-bd-insp]{max-block-size:340px}.app-ui.ed .stage-head>.stage-head-msg{max-inline-size:calc(100% - 64px)}}@container ed (width<=560px){.app-ui.ed.ed--build>:is(.ed-strip,.ed-center){grid-column:1/-1}.app-ui.ed .ed-strip.ui-strip{inline-size:auto;padding:var(--space-1) var(--space-1-5);flex-direction:row;justify-content:flex-start}.app-ui.ed .stage-head .stage-head-cluster[data-view] .stage-toggle .ui-label,.app-ui.ed .stage-head .stage-head-cluster[data-view] .ui-split-more,.dx-demo--builder .app-ui.ed .stage-head :is(.ui-crumb-meta,.ui-optbar-label,.stage-zoom){display:none}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail.shell-rail{align-items:center;gap:var(--space-1);inset-block-start:var(--space-2);inset-inline:var(--space-2);max-block-size:none;max-inline-size:calc(100% - 16px);padding:var(--space-1);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto;translate:none}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail>.shell-rail-handle{display:none}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail>:is(.tool-dock,.rail-quick){gap:var(--space-0-5);flex-direction:row;inline-size:auto;margin:0;padding:0;display:flex}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail>.rail-quick{border-inline-start:1px solid var(--line-2);padding-inline-start:var(--space-1-5)}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail>.rail-quick:before{content:none}.dx-demo--builder .app-ui.ed .ed-viewport>.ed-rail .ui-tool-button{block-size:36px;inline-size:36px}.dx-demo--builder .app-ui.ed .ed-viewport.has-rail,.dx-demo--builder .app-ui.ed .ed-viewport.has-rail[data-columns="2"]{padding:64px 10px 10px}}.app-ui .bd-sprite .ui-dialog-body{gap:0}.app-ui .sprite-placement-caption{color:var(--text-3);font:var(--type-small);margin:0 0 14px}.app-ui .sprite-placement-fields{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.app-ui .sprite-placement-group{min-inline-size:0}.app-ui .sprite-placement-group>.ui-button{margin:0 0 6px -7px}.app-ui .sprite-placement-group>.ui-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.app-ui .sprite-placement-group>.ui-button .ui-label{align-items:center;gap:6px;display:inline-flex}.app-ui .sprite-placement-dot{background:#f80;border-radius:50%;block-size:9px;inline-size:9px;display:inline-block}.app-ui .sprite-placement-dot.end{background:red}.app-ui .sprite-placement-xy{grid-template-columns:1fr 1fr;gap:7px;display:grid}.app-ui .sprite-placement-xy .ui-field input{text-align:end}.app-ui .sprite-placement-preview{border:1px solid var(--line-1);background:repeating-conic-gradient(#e9e9e9 0% 25%,#fafafa 0% 50%) 0/16px 16px;border-radius:5px;block-size:clamp(160px,30cqi,300px);position:relative;overflow:hidden}.app-ui .sprite-placement-preview canvas{touch-action:none;cursor:crosshair;outline-offset:-3px;block-size:100%;inline-size:100%;display:block}.app-ui .sprite-placement-measurements{color:var(--text-3);font:var(--type-small);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 9px;display:flex}.app-ui .bd-sp-error{font:var(--type-small);color:var(--danger-text);margin:10px 0 0}.app-ui .bd-sp-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}@container ed (width<=560px){.app-ui .sprite-placement-fields{grid-template-columns:1fr;gap:9px}}:where(.dx-demo--camera .app-ui) .camera-motion-panel{color:var(--theme-text,#262626);padding:0 16px 16px;font-size:11px}:where(.dx-demo--camera .app-ui) .motion-list{border:1px solid var(--theme-border,#e5e5e5);border-radius:6px;max-height:180px;margin-bottom:14px;overflow:hidden auto}:where(.dx-demo--camera .app-ui) .motion-list:empty{display:none}:where(.dx-demo--camera .app-ui) .motion-list-row{border-bottom:1px solid var(--theme-border,#ececec);align-items:center;gap:2px;height:32px;padding:0 5px;display:flex}:where(.dx-demo--camera .app-ui) .motion-list-row:last-child{border-bottom:0}:where(.dx-demo--camera .app-ui) .motion-list-row:hover{background:var(--theme-hover,#f5f5f5)}:where(.dx-demo--camera .app-ui) .motion-list-row.selected{background:var(--theme-selected,#e8f3ff);color:var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .motion-select{min-width:0;color:inherit;cursor:pointer;height:100%;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:0 4px;display:flex}:where(.dx-demo--camera .app-ui) .motion-select span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where(.dx-demo--camera .app-ui) .motion-select small{color:var(--theme-muted,#737373);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:10px}:where(.dx-demo--camera .app-ui) .motion-select .icon{flex:none;width:14px;height:14px}:where(.dx-demo--camera .app-ui) .motion-enable{width:24px!important;height:24px!important;color:var(--theme-muted,#737373)!important}:where(.dx-demo--camera .app-ui) .motion-enable .icon{width:13px;height:13px}:where(.dx-demo--camera .app-ui) .motion-enable[aria-pressed=false]{opacity:.5}:where(.dx-demo--camera .app-ui) .motion-card-heading{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-bottom:9px;display:flex}:where(.dx-demo--camera .app-ui) .motion-card-heading strong{font-size:11px;font-weight:600}:where(.dx-demo--camera .app-ui) .motion-actions{gap:2px;display:flex}:where(.dx-demo--camera .app-ui) .motion-actions .icon-button{width:24px;height:24px}:where(.dx-demo--camera .app-ui) .motion-actions .icon{width:14px;height:14px}:where(.dx-demo--camera .app-ui) .motion-actions [data-motion-action=preview]{color:var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .motion-card .field-grid{gap:8px;margin:0}:where(.dx-demo--camera .app-ui) .motion-card .field{align-items:center;gap:5px;min-width:0;padding:0 8px;display:flex}:where(.dx-demo--camera .app-ui) .motion-card .field>span{flex:none;font-size:10px}:where(.dx-demo--camera .app-ui) .motion-card .field[data-wide]{grid-column:1/-1}:where(.dx-demo--camera .app-ui) .motion-graph{background:var(--theme-field,#f5f5f5);border:1px solid var(--theme-border,#e5e5e5);border-radius:6px;margin:12px 0;overflow:hidden}:where(.dx-demo--camera .app-ui) .motion-graph-toolbar{align-items:center;gap:8px;padding:5px 6px;display:flex}:where(.dx-demo--camera .app-ui) .motion-graph-tabs{flex:1;gap:2px;display:flex}:where(.dx-demo--camera .app-ui) .motion-graph-tabs button{color:var(--theme-muted,#737373);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 8px;font-size:10px}:where(.dx-demo--camera .app-ui) .motion-graph-tabs button[aria-pressed=true]{background:var(--theme-panel,#fff);color:var(--theme-text,#262626);box-shadow:0 1px 2px var(--theme-shadow,#00000014)}:where(.dx-demo--camera .app-ui) .motion-graph-tabs button:focus-visible{outline:2px solid var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .motion-graph-toolbar .icon-button{width:22px;height:22px;color:var(--theme-muted,#737373)}:where(.dx-demo--camera .app-ui) .motion-graph-toolbar .icon{width:13px;height:13px}:where(.dx-demo--camera .app-ui) .motion-graph-plot{cursor:crosshair;width:100%;display:block;overflow:visible}:where(.dx-demo--camera .app-ui) .motion-graph-line{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}:where(.dx-demo--camera .app-ui) .motion-series-x{color:var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .motion-series-y{color:var(--theme-warning,#c67b13)}:where(.dx-demo--camera .app-ui) .motion-series-y.motion-graph-line{stroke-dasharray:4 2}:where(.dx-demo--camera .app-ui) .motion-series-roll,:where(.dx-demo--camera .app-ui) .motion-series-zoom{color:var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .motion-graph-grid{fill:none;stroke:var(--theme-border,#dfe3e8);stroke-width:.7px;stroke-dasharray:2 3}:where(.dx-demo--camera .app-ui) .motion-graph-zero{fill:none;stroke:var(--theme-muted,#737373);stroke-opacity:.4;stroke-width:.8px}:where(.dx-demo--camera .app-ui) .motion-graph-fades{fill:var(--theme-accent,#0d99ff);fill-opacity:.055}:where(.dx-demo--camera .app-ui) .motion-graph-axis{fill:var(--theme-muted,#737373);font-variant-numeric:tabular-nums;font-size:9px}:where(.dx-demo--camera .app-ui) .motion-graph-cursor-line{stroke:var(--theme-text,#262626);stroke-width:.7px;stroke-opacity:.55;stroke-dasharray:2 2}:where(.dx-demo--camera .app-ui) .motion-graph-dot{fill:currentColor;stroke:var(--theme-panel,#fff);stroke-width:1.5px}:where(.dx-demo--camera .app-ui) .motion-graph[data-muted=true] .motion-graph-line{opacity:.45}:where(.dx-demo--camera .app-ui) .motion-graph-readout{border-top:1px solid var(--theme-border,#e5e5e5);font-variant-numeric:tabular-nums;white-space:nowrap;min-height:26px;color:var(--theme-muted,#737373);align-items:center;gap:10px;padding:6px 8px;font-size:9px;display:flex}:where(.dx-demo--camera .app-ui) .motion-graph-value{align-items:center;gap:3px;display:flex}:where(.dx-demo--camera .app-ui) .motion-graph-value i{border-top:2px solid;width:8px;display:block}:where(.dx-demo--camera .app-ui) .motion-graph-value.motion-series-y i{border-top-style:dashed}:where(.dx-demo--camera .app-ui) .motion-graph-value output{color:var(--theme-text,#262626)}:where(.dx-demo--camera .app-ui) .motion-graph-muted{margin-left:auto}:where(.dx-demo--camera .app-ui) .motion-advanced{border-top:1px solid var(--theme-border,#e5e5e5);margin-top:12px}:where(.dx-demo--camera .app-ui) .motion-randomize{margin-top:9px;font-size:11px!important}:where(.dx-demo--camera .app-ui) .motion-bake{gap:6px;width:100%;margin-top:14px;font-size:11px!important}:where(.dx-demo--camera .app-ui) .motion-bake .icon{width:14px;height:14px}:where(.dx-demo--camera .app-ui) .motion-bake-row{align-items:center;gap:6px;margin-top:14px;display:flex}:where(.dx-demo--camera .app-ui) .motion-bake-row select{flex:1;min-width:0;font-size:11px;width:auto!important}:where(.dx-demo--camera .app-ui) .motion-bake-row .motion-bake{white-space:nowrap;flex:1.1;width:auto;margin-top:0;padding:0 7px}:where(.dx-demo--camera .app-ui) .icon-button{width:28px;height:28px;color:var(--theme-secondary,#5c5c5c);border-radius:4px;flex-shrink:0}:where(.dx-demo--camera .app-ui) .icon-button .icon{width:16px;height:16px}:where(.dx-demo--camera .app-ui) .icon-button.active{background:var(--theme-selected,#e5f4ff);color:var(--theme-accent,#007be5)}:where(.dx-demo--camera .app-ui) .field-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}:where(.dx-demo--camera .app-ui) .field{background:var(--theme-field,#f2f2f2);border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;height:30px;padding:0 8px;display:flex}:where(.dx-demo--camera .app-ui) .field:hover{border-color:var(--theme-border,#e0e0e0)}:where(.dx-demo--camera .app-ui) .field:focus-within{border-color:var(--theme-accent,#0d99ff);background:var(--theme-panel,#fff)}:where(.dx-demo--camera .app-ui) .field>span{min-width:12px;color:var(--theme-muted,#767676);flex-shrink:0;font-size:11px}:where(.dx-demo--camera .app-ui) .field>span>.icon{width:13px;height:13px}:where(.dx-demo--camera .app-ui) .field>input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:11px}:where(.dx-demo--camera .app-ui) .field>small{color:var(--theme-muted,#858585);flex-shrink:0;font-size:10px}:where(.dx-demo--camera .app-ui) .inline-select{background:var(--theme-field,#f2f2f2);border:1px solid #0000;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-size:11px}:where(.dx-demo--camera .app-ui) .inline-select:focus{border-color:var(--theme-accent,#0d99ff)}:where(.dx-demo--camera .app-ui) .icon-button{color:var(--theme-secondary);border-radius:6px}:where(.dx-demo--camera .app-ui) .icon-button:hover:not(:disabled){background:var(--theme-hover);color:var(--theme-text)}:where(.dx-demo--camera .app-ui) .icon-button.active,:where(.dx-demo--camera .app-ui) .icon-button[aria-pressed=true]{background:var(--theme-selected);color:var(--theme-accent)}.dx-demo--camera .app-ui.ed .motion-card .field{background:var(--surface-sunken);border-radius:6px;min-block-size:32px}.dx-demo--camera .app-ui.ed .motion-card .field:hover{border-color:var(--line-2)}.dx-demo--camera .app-ui.ed .motion-card .field:focus-within{border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 2px var(--accent-soft)}.dx-demo--camera .app-ui.ed .motion-card .field input{font-variant-numeric:tabular-nums;color:var(--text-1);min-inline-size:0;font-size:12px}.dx-demo--camera .app-ui.ed .motion-card .field>span{color:var(--text-3)}.dx-demo--camera .app-ui.ed .property-scrub{cursor:ew-resize;touch-action:none}.dx-demo--camera .app-ui.ed .camera-motion-panel{padding:0 var(--island-pad) var(--island-pad);grid-template-columns:minmax(0,1fr)}.dx-demo--camera .app-ui.ed .camera-motion-panel>*{min-inline-size:0}.dx-demo--camera .app-ui.ed .motion-card fieldset{border:0;min-inline-size:0;margin:0;padding:0}.dx-demo--camera .app-ui.ed .motion-advanced>summary{cursor:pointer;min-block-size:34px;color:var(--text-3);align-items:center;gap:6px;font-size:11px;list-style:none;display:flex}.dx-demo--camera .app-ui.ed .motion-advanced>summary::-webkit-details-marker{display:none}.dx-demo--camera .app-ui.ed .motion-advanced>summary>svg{block-size:12px;inline-size:12px}.dx-demo--camera .app-ui.ed .motion-advanced[open]>summary>svg{rotate:90deg}.dx-demo--camera .app-ui.ed .motion-select>svg{flex:none;block-size:14px;inline-size:14px}.dx-demo--camera .app-ui.ed .motion-enable>svg{block-size:13px;inline-size:13px}.dx-demo--camera .app-ui.ed .motion-enable{border-radius:6px;place-items:center;display:inline-grid}.dx-demo--camera .app-ui.ed .motion-tile>.motion-tile-icon>svg{block-size:16px;inline-size:16px}.dx-demo--camera .app-ui.ed .inspector-preview-media{aspect-ratio:2;block-size:auto}.dx-demo--camera .app-ui.ed .ui-section-chev>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.dx-demo--camera .app-ui.ed .ui-section-head>.ui-section-toggle .ui-section-chev{display:inline-grid}.dx-demo--camera .app-ui.ed .ui-section[data-section=tabs] .ui-section-body{padding-block-start:var(--space-2)}.dx-demo--camera .app-ui.ed .cam-note{margin:var(--space-3) 0 0;font:var(--type-small);color:var(--text-3);line-height:1.5}.dx-demo--camera .app-ui.ed .cam-note a{color:var(--text-link)}.dx-demo--camera .app-ui.ed [data-insp=scene] .inspector-meta{margin-block-end:var(--space-2)}.dx-demo--camera .app-ui.ed .ed-viewport>canvas{touch-action:pan-y}.dx-demo--camera .app-ui.ed .ed-viewport>.ui-toast[data-tone=danger]>svg{color:var(--danger-dot)}.dx-demo--camera .app-ui.ed .cam-sheet{--cell:12px;--lanes:1}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer[data-kind=motion]{block-size:calc(10px + var(--lanes) * 22px);padding-inline-start:28px}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer[data-kind=camera]{--track-accent:var(--sheet-camera-accent);--track-tint:var(--sheet-camera-tint);--track-ink:var(--sheet-camera-line);background:var(--sheet-surface)}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer[data-kind=scene]{--track-accent:var(--sheet-scene-accent);--track-tint:var(--sheet-scene-tint);--track-ink:var(--sheet-scene-line);background:var(--sheet-surface)}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])>.sheet-layer-name,.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])>.sheet-layer-name svg{color:var(--track-ink)}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])[data-selected=true]{background:var(--track-tint)}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-camera-disclosure{place-items:center;display:inline-grid}.dx-demo--camera .app-ui.ed .cam-sheet .sheet-camera-disclosure svg{block-size:12px;inline-size:12px}.dx-demo--camera .app-ui.ed .cam-sheet .ed-track[data-kind=motion]{block-size:calc(10px + var(--lanes) * 22px)}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip{--motion:var(--sheet-motion-shake);block-size:20px;inline-size:calc(var(--len) * var(--cell) - 2px);touch-action:none;cursor:grab;background:color-mix(in srgb, var(--motion) 20%, var(--sheet-surface));box-shadow:inset 0 0 0 1px var(--motion);font:500 11px/1 var(--font-ui);color:var(--sheet-ink);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;padding-inline:7px;display:flex;position:absolute;inset-block-start:calc(5px + var(--lane,0) * 22px);inset-inline-start:calc(var(--from) * var(--cell) + 8px + 1px);overflow:hidden}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip>span{text-overflow:clip;pointer-events:none;overflow:hidden}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-selected=true]{background:color-mix(in srgb, var(--motion) 34%, var(--sheet-surface));box-shadow:inset 0 0 0 1px var(--motion), 0 0 0 1.5px var(--accent-line);z-index:2}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-selected=true]:before,.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-selected=true]:after{content:"";background:var(--accent-line);block-size:8px;inline-size:2px;position:absolute;inset-block:50%;translate:0 -50%}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-selected=true]:before{inset-inline-start:2px}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-selected=true]:after{inset-inline-end:2px}.dx-demo--camera .app-ui.ed .cam-sheet .cam-clip[data-enabled=false]{opacity:.45;background-image:repeating-linear-gradient(-45deg, transparent 0 4px, color-mix(in srgb, var(--motion) 35%, transparent) 4px 5px)}.dx-demo--camera .app-ui.ed .cam-sheet :is(.cam-clip,.cam-ribbon)[data-kind=follow]{--motion:var(--sheet-motion-follow)}.dx-demo--camera .app-ui.ed .cam-sheet :is(.cam-clip,.cam-ribbon)[data-kind=handheld]{--motion:var(--sheet-motion-handheld)}.dx-demo--camera .app-ui.ed .cam-sheet :is(.cam-clip,.cam-ribbon)[data-kind=wobble]{--motion:var(--sheet-motion-wobble)}.dx-demo--camera .app-ui.ed .cam-sheet :is(.cam-clip,.cam-ribbon)[data-kind=impact]{--motion:var(--sheet-motion-impact)}.dx-demo--camera .app-ui.ed .cam-sheet :is(.cam-clip,.cam-ribbon)[data-kind=pulse]{--motion:var(--sheet-motion-pulse)}.dx-demo--camera .app-ui.ed .cam-sheet .cam-ribbon{--motion:var(--sheet-motion-shake);block-size:3px;inline-size:calc(var(--len) * var(--cell) - 2px);background:var(--motion);opacity:.85;border-radius:1.5px;position:absolute;inset-block-end:2px;inset-inline-start:calc(var(--from) * var(--cell) + 8px + 1px)}.dx-demo--camera .app-ui.ed .cam-sheet .cam-ribbon[data-enabled=false]{opacity:.3}.dx-demo--camera .app-ui.ed .cam-sheet .cam-range{inline-size:calc(var(--len) * var(--cell));background:color-mix(in srgb, var(--accent) 7%, transparent);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--from) * var(--cell) + 8px)}.dx-demo--camera .app-ui.ed .cam-ease{z-index:9}.dx-demo--camera .app-ui.ed .ed-side>.ed-scroll{overflow-x:hidden}@container ed (width<=720px){.dx-demo--camera .app-ui.ed .ed-side>.ed-scroll{max-block-size:460px}}@container ed (width<=460px){.dx-demo--camera .app-ui.ed .ed-viewport{min-block-size:230px}.dx-demo--camera .app-ui.ed .cam-sheet{--label:104px}}@container ed (width>=721px){.dx-demo--camera .app-ui.ed .ed-side{inline-size:clamp(268px,34cqi,304px)}}.app-ui .paint-picker{border:1px solid var(--theme-border,#ddd);background:var(--theme-panel,#fff);width:288px;max-height:calc(100vh - 16px);color:var(--theme-text,#292929);box-shadow:0 12px 45px var(--theme-shadow,#0003);z-index:10000;box-sizing:border-box;border-radius:12px;margin:0;padding:14px;font:12px/1.4 Inter,Arial,sans-serif;position:fixed;inset:auto;overflow:auto}.app-ui .paint-picker *{box-sizing:border-box}.app-ui .paint-picker [hidden]{display:none!important}.app-ui .paint-picker header,.app-ui .paint-toolbar,.app-ui .paint-tabs,.app-ui .paint-values{align-items:center;gap:8px;display:flex}.app-ui .paint-picker header{justify-content:space-between;margin-bottom:12px}.app-ui .paint-picker button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:5px;min-width:26px;height:28px;padding:3px 7px}.app-ui .paint-picker button:hover{background:var(--theme-hover,#eee)}.app-ui .paint-picker button:disabled{opacity:.3;cursor:default}.app-ui .paint-picker button:focus-visible,.app-ui .paint-picker input:focus-visible,.app-ui .paint-picker select:focus-visible,.app-ui .paint-sv:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.app-ui .paint-tabs{background:var(--theme-field,#f0f0f0);border-radius:7px;margin-bottom:14px;padding:3px}.app-ui .paint-tabs button{flex:1}.app-ui .paint-tabs button[aria-pressed=true]{background:var(--theme-panel,white);box-shadow:0 1px 3px var(--theme-shadow,#0002)}.app-ui .paint-toolbar{margin:10px 0}.app-ui .paint-toolbar select{flex:1;width:80px}.app-ui .paint-picker input,.app-ui .paint-picker select{color:inherit;font:inherit;background:var(--theme-field,#f2f2f2);border:1px solid #0000;border-radius:5px;min-width:0;height:29px;padding:5px}.app-ui .paint-toolbar label{background:var(--theme-field,#f2f2f2);border-radius:5px;align-items:center;padding-right:6px;display:flex}.app-ui .paint-toolbar input{width:45px}.app-ui .paint-position{margin-left:auto}.app-ui .paint-preview{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/12px 12px;border-radius:5px;width:100%;height:70px;display:block}.app-ui .paint-ramp{touch-action:none;border-radius:3px;height:16px;margin:16px 7px 22px;position:relative}.app-ui .paint-ramp .paint-stop{border:2px solid #fff;border-radius:4px;width:14px;min-width:14px;height:20px;padding:0;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 0 0 1px #999}.app-ui .paint-ramp .paint-stop[aria-pressed=true]{box-shadow:0 0 0 2px var(--theme-accent,#0d99ff)}.app-ui .paint-sv{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;height:180px;position:relative;overflow:hidden}.app-ui .paint-sv i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #0008}.app-ui .paint-sliders{gap:12px;margin:16px 0;display:grid}.app-ui .paint-sliders input{appearance:none;background-size:100% 100%,10px 10px;border-radius:10px;width:100%;height:12px;padding:0}.app-ui .paint-sliders [data-hue]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.app-ui .paint-sliders input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 2px 1px #0005}.app-ui .paint-values label{color:var(--theme-muted,#777);flex:1;gap:5px;font-size:10px;display:grid}.app-ui .paint-values label:first-child{flex:2}.app-ui .paint-values input{width:100%;color:var(--theme-text,#333);font-size:12px}.app-ui .paint-error{color:var(--theme-danger,#b42318);margin:8px 0 0}.app-ui .paint-error:empty{display:none}.app-ui .paint-magnifier{color:#fff;box-sizing:border-box;background:#25272c;border:1px solid #fff9;border-radius:14px;width:124px;margin:0;padding:5px;position:fixed;inset:auto;overflow:hidden;box-shadow:0 4px 18px #0005;pointer-events:none!important}.app-ui .paint-magnifier-glass{box-sizing:content-box;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;border:1px solid #ffffff80;border-radius:50%;width:110px;height:110px;margin:1px auto 0;position:relative;overflow:hidden}.app-ui .paint-magnifier canvas{width:110px;height:110px;image-rendering:pixelated;display:block}.app-ui .paint-magnifier-glass:after{content:"";background-image:linear-gradient(90deg,#0002 1px,#0000 1px),linear-gradient(#0002 1px,#0000 1px);background-size:10px 10px;position:absolute;inset:0}.app-ui .paint-magnifier-glass i{box-sizing:border-box;z-index:1;border:1px solid #fff;outline:1px solid #111;width:10px;height:10px;position:absolute;top:50px;left:50px}.app-ui .paint-magnifier-label{justify-content:center;align-items:center;gap:7px;height:28px;display:flex}.app-ui .paint-magnifier-label span{border:1px solid #fff8;border-radius:3px;width:12px;height:12px}.app-ui .paint-magnifier-label code{letter-spacing:.3px;font:11px/1.2 Consolas,monospace}.app-ui .paint-picker [data-eyedropper]{border:1px solid var(--theme-border,#ddd);font:inherit;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.app-ui .paint-picker [data-eyedropper][aria-pressed=true]{background:var(--accent-strong);color:var(--text-on-strong);border-color:#0000}.app-ui .cp-float>.paint-picker{max-block-size:none;width:288px;max-inline-size:calc(100cqi - 12px);position:relative;inset:auto}.app-ui .paint-picker [data-eyedropper]>svg{block-size:16px;inline-size:16px}.app-ui .paint-picker .paint-sliders input::-moz-range-thumb{background:#fff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 2px 1px #0005}.app-ui .ed-float.paint-magnifier{z-index:31;position:absolute}.app-ui canvas.cp-sampling{cursor:crosshair}@container ed (width>=721px){.dx-demo--colors>.ed>.ed-side{contain:size;flex-direction:column;display:flex}}.app-ui .paint-magnifier-label code{color:#fff;background:0 0;border:0;padding:0}.dx-demo--easing .app-ui.ed{grid-template-columns:minmax(0,1fr) auto;align-items:start}.dx-demo--easing .app-ui.ed>.ed-center{grid-column:1}.dx-demo--easing .app-ui.ed>.eg-pop{grid-area:1/2;position:static}@container ed (width<=620px){.dx-demo--easing .app-ui.ed{grid-template-columns:minmax(0,1fr)}.dx-demo--easing .app-ui.ed>.eg-pop{grid-area:2/1;justify-self:center}}.app-ui.ed.ed--export{padding:10px;display:block}.app-ui.ed--export>.ui-dialog.ed-dialog{opacity:1;flex-direction:column;block-size:auto;min-block-size:560px;max-block-size:none;inline-size:100%;max-inline-size:none;margin:0;display:flex;position:relative;inset:auto;translate:none}.app-ui.ed--export>.ui-dialog.ed-dialog[hidden]{display:none}.app-ui.ed--export .ui-dialog-form.ui-export-form{grid-template-columns:minmax(250px,38%) minmax(0,1fr);block-size:100%}.app-ui.ed--export .ui-export-preview{padding:var(--space-4)}.app-ui.ed--export .ui-dialog-body.export-body{overflow:visible}.app-ui.ed--export .ui-export-stage>canvas{aspect-ratio:16/9}.app-ui.ed--export .ui-export-stage[data-frame=portrait]{block-size:min(300px,100%)}.app-ui.ed--export>.ui-dialog[data-stop-ask]{z-index:4;block-size:auto;inline-size:min(380px,100% - 32px);display:flex;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.app-ui.ed--export>.ui-dialog[data-stop-ask][hidden]{display:none}.app-ui.ed--export>.ui-dialog[data-stop-ask] .ui-dialog-foot{justify-content:flex-end;gap:var(--space-2)}.app-ui.ed--export>.ed-reopen{gap:var(--space-3);align-content:start;min-block-size:240px;display:grid}.app-ui.ed--export>.ed-reopen[hidden]{display:none}.app-ui.ed--export .ed-reopen__note{margin:var(--space-6) auto 0;text-align:center;max-inline-size:420px;color:var(--text-2);font:var(--type-body);line-height:1.5}.app-ui.ed--export .ed-reopen__note kbd{font:var(--type-small-strong);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--kbd-line);background:var(--kbd-bg);padding:0 5px}@container ed (width<=940px){.app-ui.ed.ed--export .export-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.app-ui.ed.ed--export .ui-export-form>.ui-dialog-foot .ui-dialog-meta{flex:1 0 100%}}@container ed (width<=700px){.app-ui.ed.ed--export>.ui-dialog.ed-dialog{block-size:auto;min-block-size:0}.app-ui.ed.ed--export .ui-dialog-form.ui-export-form{flex-direction:column;display:flex}.app-ui.ed.ed--export .ui-export-preview{order:1}.app-ui.ed.ed--export .ui-dialog-head{order:0;padding-inline-start:var(--space-4)}.app-ui.ed.ed--export .ui-dialog-body.export-body{order:2;overflow:visible}.app-ui.ed.ed--export .ui-dialog-foot{order:3}.app-ui.ed.ed--export .export-progress-host{order:2}.app-ui.ed.ed--export .ui-dialog-row{row-gap:var(--space-1-5);grid-template-columns:minmax(0,1fr)}.app-ui.ed.ed--export .ui-dialog-row>*{grid-column:1}.app-ui.ed.ed--export .export-hint{padding-inline-start:0}.app-ui.ed.ed--export .ui-dialog-body.export-body,.app-ui.ed.ed--export .ui-dialog-foot{padding-inline:var(--space-4)}}@media (width<=560px){.ts-minis{float:none;margin:0 0 10px}}.ts-why{margin:0 0 8px}.ts-item[hidden]{display:none}.dx-demo--flipbook .app-ui.ed .pv-film{--filmstrip-card:112px}.dx-demo--flipbook .ed-row .ui-slider-row{inline-size:100%}.dx-demo--flipbook .ed-row .ui-slider-value{text-align:end;min-inline-size:5ch}@container ed (width<=640px){.dx-demo--flipbook .app-ui.ed .pv-film{--filmstrip-card:84px}}.dx-body .gl-group h3.gl-h{font-family:var(--display);color:var(--line-2);margin:26px 0 8px;font-size:28px;font-weight:780}@media (width<=560px){.gl-item.has-mini{grid-template-columns:minmax(0,1fr) 96px}.gl-item canvas{width:96px;height:72px}}.gl-cats{flex-wrap:wrap;gap:5px;display:flex}.gl-cats button{height:32px;font:inherit;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.gl-cats button:hover{background:#f4f6fa}.gl-cats button[aria-pressed=true]{color:#006dd1;box-shadow:none;background:#eaf5ff}.gl-cats button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dx-body .gl-group h3.gl-h{color:var(--ink);font-size:22px}.gl-group[hidden],.gl-item[hidden]{display:none}.app-ui .gd-float .canvas-guides-panel{inline-size:296px;max-inline-size:calc(100cqi - 16px)}.app-ui .canvas-guides-panel .ui-popover-head{justify-content:space-between;align-items:center;block-size:43px;display:flex}.app-ui .canvas-guides-panel .guide-section-head{justify-content:space-between;align-items:center;display:flex}.app-ui .canvas-guides-panel :is(.guide-actions,.guide-grid-title){align-items:center;gap:var(--space-1);display:flex}.app-ui .canvas-guides-panel :is(.guide-center,.guide-icon-toggle){cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.app-ui .canvas-guides-panel .guide-icon-toggle>input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.app-ui .canvas-guides-panel .guide-control-row{align-items:center;display:flex}.app-ui .canvas-guides-panel .guide-axis>svg{rotate:-45deg}.app-ui .canvas-guides-panel .horizontal-axis>svg{rotate:45deg}.app-ui .canvas-guides-panel .guide-value{align-items:center;gap:2px;display:flex}.app-ui .canvas-guides-panel .guide-value>input{appearance:textfield;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;inline-size:100%;min-inline-size:0}.app-ui .canvas-guides-panel .guide-value>input::-webkit-inner-spin-button{appearance:none;margin:0}.app-ui .canvas-guides-panel .guide-value:has(input:disabled){opacity:.4;cursor:default}.app-ui .canvas-guides-panel .guide-opacity>input{min-inline-size:0;margin:0}.app-ui .canvas-guides-panel .guide-opacity-value{text-align:end;font-variant-numeric:tabular-nums}.dx-demo--grid .gd-aids{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dx-demo--grid .gd-guide{color:#147cad;position:absolute}.dx-demo--grid .gd-guide.vertical{border-inline-start:1px dashed;inset-block:0;inset-inline-start:var(--at)}.dx-demo--grid .gd-guide.horizontal{border-block-start:1px dashed;inset-block-start:var(--at);inset-inline:0}.dx-demo--grid .gd-guide>button{background:var(--surface);block-size:23px;min-inline-size:44px;color:inherit;font:10px var(--font-ui);white-space:nowrap;pointer-events:auto;touch-action:none;border:1px solid;border-radius:4px;padding:3px 6px;position:absolute}.dx-demo--grid .gd-guide.vertical>button{cursor:ew-resize;inset-block-start:8px;inset-inline-start:4px}.dx-demo--grid .gd-guide.horizontal>button{cursor:ns-resize;inset-block-start:4px;inset-inline-end:8px}.dx-demo--grid .gd-guide>button:disabled{pointer-events:none;opacity:.65}.dx-demo--grid .gd-guide>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@container ed (width<=460px){.dx-demo--grid .app-ui.ed .ed-viewport.has-rail>.dx-hud{inset-inline-start:50%}}.dx-demo--grid .gd-float{z-index:20}@container ed (width<=460px){.dx-demo.dx-demo--grid .app-ui.ed .ed-center .stage-head-cluster[data-view] [data-more=grid]{display:inline-flex}.dx-demo--handles .app-ui.ed .ed-viewport.has-rail>.dx-hud{inset-inline-start:50%}}.docs-home .dh-learn{padding:clamp(44px,5vw,72px) 0 8px}.docs-home .dh-learn__head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:12px clamp(24px,4vw,64px);display:grid}.docs-home .dh-learn__head .h2{margin-top:10px}.docs-home .dh-learn__head .lede{max-width:560px}.docs-home .dh-learn__list{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none;display:grid}.docs-home .dh-learn__list>li{min-width:0;display:flex}.docs-home .dh-learn__list :is(a,.dh-learn__end){border:1px solid var(--line);width:100%;color:inherit;transition:border-color .16s ease, background-color .16s ease, transform .3s var(--ease-out);background:#fff;border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:40px minmax(0,1fr);gap:8px 14px;padding:18px 18px 16px;display:grid;position:relative}.docs-home .dh-learn__list a:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)}.docs-home .dh-learn__list a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.docs-home .dh-learn__n{width:40px;height:40px;font-family:var(--display);color:var(--ink);background:var(--mist);border-radius:50%;grid-row:1/3;place-items:center;font-size:17px;font-weight:780;display:grid}.docs-home .dh-learn__list li:first-child .dh-learn__n{color:#fff;background:var(--blue);box-shadow:0 10px 20px -12px var(--blue)}.docs-home .dh-learn__t b{font-family:var(--display);letter-spacing:-.02em;font-size:18px;font-weight:740;line-height:1.25;display:block}.docs-home .dh-learn__t>span{color:var(--text-2);margin-top:4px;font-size:14.5px;line-height:1.55;display:block}.docs-home .dh-learn__min{white-space:pre;color:var(--text-3);grid-column:2;align-self:end;align-items:center;gap:0;font-size:13px;font-weight:650;display:inline-flex}.docs-home .dh-learn__min svg{width:15px;height:15px;margin-inline-end:6px}.docs-home .dh-learn__list .dh-learn__end{background:var(--mist);border-style:dashed}.docs-home .dh-learn__end .dh-learn__n{color:#fff;background:var(--green,#12c98a)}.docs-home .dh-learn__end .dh-learn__n svg{width:20px;height:20px}.docs-home .dh-learn__pre{color:var(--text-2);background:var(--mist);border-radius:16px;align-items:flex-start;gap:10px;margin:18px 0 0;padding:14px 18px;font-size:14.5px;line-height:1.6;display:flex}.docs-home .dh-learn__pre svg{width:18px;height:18px;color:var(--blue-ink);flex:none;margin-top:2px}.docs-home .dh-learn__pre a,.docs-home .dh-more a{color:var(--blue-ink);text-underline-offset:3px;font-weight:650;text-decoration:underline;text-decoration-thickness:1px}.docs-home .dh-more{color:var(--text-2);margin:18px 0 0;font-size:15px}@media (width<=1100px){.docs-home .dh-learn__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.docs-home .dh-learn__head{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.docs-home .dh-learn{padding-top:36px}.docs-home .dh-learn__list{grid-template-columns:minmax(0,1fr)}.docs-home .dh-learn__list :is(a,.dh-learn__end){grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:16px 14px 14px}.docs-home .dh-learn__n{width:34px;height:34px;font-size:15px}}@media (prefers-reduced-motion:reduce){.docs-home .dh-learn__list a{transition:none}.docs-home .dh-learn__list a:hover{transform:none}}.dx-demo--files .im-folder{box-shadow:0 0 0 1px var(--dx-line,#e7e9ef);background:#fff;border-radius:16px;margin:0 8px 8px;padding:12px 14px}.dx-demo--files .im-folder__h{font:650 13px/1.3 var(--display);color:#0c0d12;margin:0 0 10px}.dx-demo--files .im-folder__h small{font:500 12px var(--font);color:#676c7a;margin-left:8px}.dx-demo--files .im-folder .im-shelf{box-shadow:none;background:0 0;flex-wrap:wrap;gap:8px;padding:0;display:flex}.dx-demo--files .im-folder .im-file{width:auto;font:600 12.5px var(--font);color:#0c0d12;cursor:grab;touch-action:none;background:#f3f4f8;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:background-color .1s,opacity .16s;display:inline-flex}.dx-demo--files .im-folder .im-file:hover{background:#eaf5ff}.dx-demo--files .im-folder .im-file:focus-visible{outline-offset:2px;outline:2px solid #0a8ae6}.dx-demo--files .im-folder .im-file>i{background:var(--c);color:#fff;width:auto;min-width:34px;height:26px;font:800 10px/1 var(--font);letter-spacing:.02em;border-radius:6px;place-items:center;padding:0 5px;font-style:normal;display:grid}.dx-demo--files .im-folder .im-shelf.is-picking .im-file[aria-disabled]{opacity:.35}.im-file.is-ghost{z-index:1000;pointer-events:none;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font:600 12.5px Inter,sans-serif;display:inline-flex;position:fixed;inset:0 auto auto 0;box-shadow:0 10px 24px -10px #0c0d1259}.im-file.is-ghost>i{background:var(--c);color:#fff;border-radius:6px;place-items:center;min-width:34px;height:26px;font:800 10px/1 Inter,sans-serif;display:grid}.app-ui.ed.ed--import .ed-band .ui-menubar{display:flex}.app-ui.ed.ed--import .ed-band .band-center{display:none}.app-ui.ed.ed--import .ed-band.titlebar{grid-template-columns:minmax(0,1fr) auto}.app-ui.ed.ed--import .ed-viewport.is-drop{box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui.ed>.ed-file-menu{z-index:8}.app-ui .ed-notes{gap:var(--space-2);font:var(--type-body);color:var(--text-2);margin:0;padding-inline-start:18px;line-height:1.45;display:grid}@container ed (width<=560px){.app-ui.ed.ed--import .ed-band .ui-menubar>:not([data-menu=file]){display:none}}.dx-demo--keyboard>.app-ui.kbx{gap:var(--space-3);padding:var(--space-4);background:var(--surface-field);border-radius:22px;margin:0 8px 8px;display:grid;container:kbx/inline-size}.app-ui.kbx .kbx-top{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui.kbx .kbx-mods{gap:var(--space-1);display:flex}.app-ui.kbx .kbx-mods .ui-button[aria-pressed=true]{background:var(--accent-strong);color:var(--text-on-strong);box-shadow:none}.app-ui.kbx .kbx-search{flex:220px}.app-ui.kbx .kbx-count{min-block-size:16px;font:var(--type-small);color:var(--text-2);margin:0}.app-ui.kbx .kbx-count:empty{display:none}.app-ui.kbx .kbx-wrap{padding:var(--space-3);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--elevation-island);scrollbar-width:thin;overflow-x:auto}.app-ui.kbx .kbx-keys{gap:4px;min-inline-size:720px;display:grid}.app-ui.kbx .kbx-row{gap:4px;display:flex}.app-ui.kbx .kbx-key{--c:var(--line-2);flex:var(--w) 1 0;border-radius:var(--radius-sm);background:var(--kbd-bg);block-size:50px;min-inline-size:0;color:var(--text-1);box-shadow:inset 0 0 0 1px var(--kbd-line), 0 1px 0 var(--kbd-line);text-align:start;align-content:space-between;justify-items:start;padding:4px 6px;display:grid;position:relative;overflow:hidden}.app-ui.kbx .kbx-key>b{font:var(--type-small-strong);white-space:nowrap}.app-ui.kbx .kbx-key>small{font:var(--type-micro);font-weight:var(--weight-medium);color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.app-ui.kbx .kbx-key.has-act{background:color-mix(in srgb, var(--c) 12%, var(--kbd-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 45%, var(--kbd-line)), inset 0 -3px 0 var(--c)}.app-ui.kbx .kbx-key[data-tint=select]{--c:var(--tint-select)}.app-ui.kbx .kbx-key[data-tint=draw]{--c:var(--tint-draw)}.app-ui.kbx .kbx-key[data-tint=time]{--c:var(--tint-time)}.app-ui.kbx .kbx-key[data-tint=camera]{--c:var(--tint-camera)}.app-ui.kbx .kbx-key[data-tint=library]{--c:var(--tint-library)}.app-ui.kbx .kbx-key[data-tint=neutral]{--c:var(--slate-500)}.app-ui.kbx .kbx-key:hover,.app-ui.kbx .kbx-key:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;z-index:1}.app-ui.kbx .kbx-key.is-found{outline:2px solid var(--accent-line);outline-offset:1px;animation:kbxPulse 1.2s var(--ease-out) 2}.app-ui.kbx .kbx-key.is-press{box-shadow:inset 0 0 0 1px var(--kbd-line);translate:0 1px}.app-ui.kbx .kbx-key--mod{background:var(--surface-sunken);color:var(--text-2);align-content:center}.app-ui.kbx .kbx-key--mod.is-held{background:var(--accent-strong);color:var(--text-on-strong);box-shadow:none}@keyframes kbxPulse{50%{outline-offset:4px}}.app-ui.kbx .kbx-info{align-items:flex-start;gap:var(--space-3);min-block-size:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--elevation-island);display:flex}.app-ui.kbx .kbx-info>div{gap:2px;min-inline-size:0;display:grid}.app-ui.kbx .kbx-info b{font:var(--type-emphasis);color:var(--text-1)}.app-ui.kbx .kbx-info b.kbx-also{font:var(--type-ui-strong);margin-block-start:var(--space-1)}.app-ui.kbx .kbx-info small{font:var(--type-small);color:var(--text-3)}.app-ui.kbx .kbx-info .kbx-none{color:var(--text-2)}.app-ui.kbx .kbx-combo{flex:none;align-items:center;gap:3px;padding-block-start:1px;display:inline-flex}.app-ui.kbx .kbx-combo>i{color:var(--text-3);font-style:normal;font:var(--type-small)}.app-ui.kbx .kbx-combo .ui-kbd{block-size:26px;min-inline-size:26px;font:var(--type-small-strong);padding:0 6px}.app-ui.kbx .kbx-hint{font:var(--type-ui);color:var(--text-2);margin:0}.app-ui.kbx .kbx-legend{gap:var(--space-1-5) var(--space-3);font:var(--type-small);color:var(--text-2);flex-wrap:wrap;display:flex}.app-ui.kbx .kbx-legend>span{align-items:center;gap:var(--space-1-5);display:inline-flex}.app-ui.kbx .kbx-legend>span.is-off{opacity:.35}.app-ui.kbx .kbx-legend i{background:var(--c,var(--line-2));border-radius:3px;block-size:10px;inline-size:10px}.app-ui.kbx .kbx-legend [data-tint=select]{--c:var(--tint-select)}.app-ui.kbx .kbx-legend [data-tint=draw]{--c:var(--tint-draw)}.app-ui.kbx .kbx-legend [data-tint=time]{--c:var(--tint-time)}.app-ui.kbx .kbx-legend [data-tint=camera]{--c:var(--tint-camera)}.app-ui.kbx .kbx-legend [data-tint=library]{--c:var(--tint-library)}.app-ui.kbx .kbx-legend [data-tint=neutral]{--c:var(--slate-500)}@container kbx (width<=560px){.app-ui.kbx{padding:var(--space-2)}.app-ui.kbx .kbx-info{flex-direction:column}}@media (prefers-reduced-motion:reduce){.app-ui.kbx .kbx-key.is-found{animation:none}}.dx-demo--launch .launch-steps{counter-reset:none;flex-wrap:wrap;gap:6px;margin:0 8px 10px;padding:0;list-style:none;display:flex}.dx-demo--launch .launch-steps li{margin:0}.dx-demo--launch .launch-steps button{height:34px;font:inherit;color:var(--text-2);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 5px;font-size:13.5px;font-weight:650;display:inline-flex;box-shadow:0 1px 2px #0c0d120f}.dx-demo--launch .launch-steps i{width:24px;height:24px;color:var(--text-2);background:var(--mist,#f1f3f7);border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:750;display:grid}.dx-demo--launch .launch-steps i svg{width:14px;height:14px}.dx-demo--launch .launch-steps .is-done i{color:#fff;background:#12c98a}.dx-demo--launch .launch-steps .is-on button{color:var(--ink,#0c0d12);box-shadow:0 0 0 2px var(--blue,#0d99ff)}.dx-demo--launch .launch-steps .is-on i{color:#fff;background:var(--blue,#0d99ff)}.dx-demo--launch .launch-steps button:focus-visible{outline:2px solid var(--blue,#0d99ff);outline-offset:2px}.dx-demo--launch [data-os][aria-pressed=true]{color:#fff;background:var(--ink,#0c0d12)}.dx-demo--launch .launch-screen{margin:0 8px 8px;position:relative}.dx-demo--launch .launch-screen>.ed{margin:0}.dx-demo--launch .launch-screen.is-in>:is(.launch-desk:not([hidden]),.ed) .launch-win,.dx-demo--launch .launch-screen.is-in .launch-modal:not([hidden])>dialog{animation:launchIn .32s var(--ease-out)}.dx-demo--launch .launch-desk{z-index:40;background:radial-gradient(circle at 30% 20%,#3d6bd8 0,#0000 55%),radial-gradient(circle at 80% 90%,#6f3fd0 0,#0000 50%),#1d2a55;border-radius:22px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.dx-demo--launch .launch-desk[hidden]{display:none}.dx-demo--launch .launch-say{color:var(--text-2);background:#fff;border-radius:14px;margin:0 8px 10px;padding:12px 16px;font-size:15px;line-height:1.6}.dx-demo--launch .launch-say b{color:var(--ink,#0c0d12)}.dx-demo--launch .launch-win{color:#1b1b1b;background:#fff;border-radius:10px;width:min(440px,100%);padding:18px 20px;font:14px/1.5 Segoe UI,system-ui,sans-serif;box-shadow:0 18px 50px #0006}.dx-demo--launch .launch-btn{min-width:96px;height:34px;font:inherit;color:#1b1b1b;cursor:pointer;background:#f4f5f7;border:1px solid #b9c0cc;border-radius:6px;padding:0 16px;font-weight:600}.dx-demo--launch .launch-btn:hover{background:#e9ecf1}.dx-demo--launch :is(.launch-btn,.launch-ss__btn,.launch-ss__more):focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 4px #0d99ff}.dx-demo--launch .launch-dl{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.dx-demo--launch .launch-dl__ic svg{fill:#eef1f6;stroke:#5b6474;stroke-width:1.4px;stroke-linejoin:round;width:36px;height:36px}.dx-demo--launch .launch-dl__name{min-width:0}.dx-demo--launch .launch-dl__name b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.dx-demo--launch .launch-dl__name small{color:#5b6474}.dx-demo--launch .launch-ss{color:#fff;background:#0e5bb5;border-radius:4px;width:min(460px,100%);padding:22px 24px}.dx-demo--launch .launch-ss__t{font-size:22px;font-weight:300;display:block}.dx-demo--launch .launch-ss p{color:#fff;margin:10px 0 0}.dx-demo--launch .launch-ss__more{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;text-decoration:underline}.dx-demo--launch .launch-ss__row{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.dx-demo--launch .launch-ss__btn{min-width:110px;height:34px;font:inherit;color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;font-weight:600}.dx-demo--launch .launch-ss__btn:hover{background:#ffffff1f}.dx-demo--launch .launch-nsis{border-radius:8px;padding:0;overflow:hidden}.dx-demo--launch .launch-nsis__bar{border-bottom:1px solid #e3e6ec;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.dx-demo--launch .launch-nsis__head{background:#fff;border-bottom:1px solid #e3e6ec;padding:14px 18px}.dx-demo--launch .launch-nsis__head b{display:block}.dx-demo--launch .launch-nsis__head small{color:#5b6474}.dx-demo--launch .launch-nsis__body{background:#f7f8fa;gap:10px;padding:18px;display:grid}.dx-demo--launch .launch-nsis__body label{align-items:center;gap:8px;display:flex}.dx-demo--launch .launch-nsis__foot{border-top:1px solid #e3e6ec;justify-content:flex-end;padding:12px 18px;display:flex}.dx-demo--launch .launch-term{color:#e8ecf3;background:#12151c;gap:6px;width:min(560px,100%);display:grid}.dx-demo--launch .launch-term code{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;background:0 0;padding:0;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.dx-demo--launch .launch-term code span{color:#7ee2a8}.dx-demo--launch .launch-term .launch-btn{color:#12151c;background:#e8ecf3;border-color:#e8ecf3;justify-self:end;margin-top:10px}.dx-demo--launch .launch-url{align-items:center;gap:10px;display:flex}.dx-demo--launch .launch-url__bar{background:#eef1f6;border-radius:999px;flex:1;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.dx-demo--launch .launch-url__bar svg{color:#5b6474;width:16px;height:16px}.dx-demo--launch .launch-url__bar input{min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:1}.dx-demo--launch .app-ui.ed .ed-float.launch-modal{z-index:40;background:var(--surface-backdrop);border-radius:22px;place-items:center;padding:16px;display:grid;inset:0}.dx-demo--launch .app-ui.ed .ed-float.launch-modal[hidden]{display:none}.dx-demo--launch .app-ui .launch-modal>dialog{max-block-size:100%;max-inline-size:100%;color:var(--text-1);background:var(--surface);border-radius:20px;margin:0;position:relative;inset:auto;box-shadow:0 0 0 1px #0c0d120f,0 16px 40px -24px #0c0d124d,0 40px 100px -30px #0c0d128c}.dx-demo--launch .app-ui .launch-modal>dialog.release-splash{flex-direction:column;max-block-size:min(560px,100%);inline-size:min(600px,100%);display:flex}.dx-demo--launch .app-ui .release-splash .launch-splash-h{font:800 clamp(24px, 5.4cqi, 34px)/1 var(--font-display);letter-spacing:-.045em;color:var(--text-1);text-wrap:balance;margin:0}.dx-demo--launch .app-ui .release-splash .launch-splash-h span{color:var(--accent)}.dx-demo--launch .app-ui .release-splash .splash-note-group h4{margin:0 0 var(--space-3);border-radius:var(--radius-pill);font:var(--weight-bold) var(--text-12)/18px var(--font-display);color:var(--note-ink);background:var(--note-soft);align-items:center;padding:3px 11px;display:inline-flex}.dx-demo--launch .app-ui .release-splash .splash-note-group:has(>h4[data-category=added]){--note-ink:var(--tint-library-ink);--note-soft:var(--tint-library-soft);--note-dot:var(--tint-library)}.dx-demo--launch .app-ui .release-splash .splash-note-group:has(>h4[data-category=changed]){--note-ink:var(--tint-select-ink);--note-soft:var(--tint-select-soft);--note-dot:var(--tint-select)}.dx-demo--launch .app-ui .release-splash .splash-footer .button{cursor:pointer}.dx-demo--launch .app-ui .launch-modal>dialog.styk-privacy{inline-size:min(480px,100%);font:13px/1.6 var(--font-ui);scrollbar-width:thin;padding:0;overflow:auto}.dx-demo--launch .app-ui .styk-privacy header{padding:28px 30px 0;position:relative}.dx-demo--launch .app-ui .styk-privacy .privacy-brand{border:1px solid var(--line-1);background:var(--accent-soft);border-radius:14px;place-items:center;block-size:48px;inline-size:48px;margin-block-end:20px;display:grid}.dx-demo--launch .app-ui .styk-privacy .privacy-brand img{block-size:30px;inline-size:30px}.dx-demo--launch .app-ui .styk-privacy .launch-privacy-h{letter-spacing:-.045em;color:var(--text-1);margin:0 0 13px;font-size:25px;font-weight:650;line-height:1.16}.dx-demo--launch .app-ui .styk-privacy [data-intro]{max-inline-size:365px;color:var(--text-2);font-size:14px;line-height:1.7;display:block}.dx-demo--launch .app-ui .styk-privacy-body{padding:0 30px 24px}.dx-demo--launch .app-ui .styk-privacy .privacy-assurance{color:var(--text-2);align-items:start;gap:8px;margin:14px 0 23px;font-size:12px;line-height:1.65;display:flex}.dx-demo--launch .app-ui .styk-privacy .privacy-assurance svg{fill:none;block-size:14px;inline-size:14px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-block-start:3px}.dx-demo--launch .app-ui .styk-privacy .privacy-primary{grid-template-columns:1fr 1fr;gap:11px;display:grid}.dx-demo--launch .app-ui .styk-privacy .privacy-choice{cursor:pointer;min-block-size:46px;padding:12px 16px}.dx-demo--launch .app-ui .styk-privacy .privacy-choice-note{text-align:center;margin:11px 0 19px}.dx-demo--launch .app-ui .styk-privacy .privacy-close{block-size:32px;inline-size:32px;color:var(--text-3);cursor:pointer;border-radius:50%;place-items:center;font-size:23px;line-height:1;display:grid;position:absolute;inset-block-start:16px;inset-inline-end:16px}.dx-demo--launch .app-ui .styk-privacy .privacy-close:hover{background:var(--surface-hover)}.dx-demo--launch .app-ui .styk-privacy .privacy-disclosure{border-block-start:1px solid var(--line-1);padding:16px 0 0}.dx-demo--launch .app-ui .styk-privacy summary{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:550;list-style:none;display:flex}.dx-demo--launch .app-ui .styk-privacy summary::-webkit-details-marker{display:none}.dx-demo--launch .app-ui .styk-privacy summary:before{content:"›";color:var(--text-3);font-size:18px;line-height:1;transition:transform .15s}.dx-demo--launch .app-ui .styk-privacy details[open]>summary:before{transform:rotate(90deg)}.dx-demo--launch .app-ui .styk-privacy .privacy-sections{padding-block-start:17px}.dx-demo--launch .app-ui .styk-privacy .privacy-sections h4{margin:0 0 8px;font-size:13px;font-weight:600}.dx-demo--launch .app-ui .styk-privacy .privacy-custom-intro{color:var(--text-2);margin:0;font-size:12px}.dx-demo--launch .app-ui .styk-privacy .privacy-options{gap:9px;margin:12px 0;display:grid}.dx-demo--launch .app-ui .styk-privacy .privacy-option{border:1px solid var(--line-1);cursor:pointer;border-radius:9px;grid-template-columns:17px 1fr;gap:10px;padding:12px;display:grid}.dx-demo--launch .app-ui .styk-privacy .privacy-option input{block-size:16px;inline-size:16px;accent-color:var(--accent);margin:3px 0}.dx-demo--launch .app-ui .styk-privacy .privacy-option strong{margin-block-end:3px;font-size:13px;font-weight:600;display:block}.dx-demo--launch .app-ui .styk-privacy .privacy-option small{color:var(--text-2);font-size:12px;line-height:1.65;display:block}.dx-demo--launch .app-ui .styk-privacy .privacy-sections>button{border:1px solid var(--line-2);color:var(--accent-text);background:var(--surface-sunken);cursor:pointer;border-radius:7px;padding:9px 12px;font-weight:600}.dx-demo--launch .app-ui.ed .ed-center{grid-template-rows:auto minmax(0,1fr)}.dx-demo--launch .app-ui.ed .ed-viewport{aspect-ratio:auto;block-size:100%;min-block-size:280px;padding:0}.dx-demo--launch .app-ui.ed .ed-viewport>canvas{box-shadow:none;background:0 0;border-radius:0}.dx-demo--launch .app-ui.ed .ed-viewport.has-rail{padding-inline-start:0}.dx-demo--launch .app-ui.ed .ed-viewport>.ed-rail{inset-block-start:14px;translate:0}@container ed (width>=721px){.dx-demo--launch .app-ui.ed .ed-side{inline-size:clamp(244px,36cqi,288px)}}.dx-demo--launch .app-ui.ed .sheet-layer-name{align-items:center;gap:var(--space-2);display:flex}.dx-demo--launch .app-ui.ed[inert] .ed-viewport>canvas{cursor:default}@keyframes launchIn{0%{opacity:0;translate:0 8px}}@container ed (width<=720px){.dx-demo--launch .app-ui.ed .ed-side>.ed-scroll{max-block-size:220px}}@container ed (width<=520px){.dx-demo--launch .app-ui.ed .ed-band .band-start>.ui-doc{flex:0 auto;min-inline-size:0;overflow:hidden}.dx-demo--launch .app-ui.ed .ed-band .ui-doc-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.dx-demo--launch .app-ui.ed .ed-band .band-end{flex:none}.dx-demo--launch .app-ui.ed .ed-band .band-save,.dx-demo--launch .app-ui.ed .ed-band .band-export .ui-label{display:none}}@media (width<=600px){.dx-demo--launch .launch-desk{padding:12px}.dx-demo--launch .launch-win{padding:14px}.dx-demo--launch .launch-dl{grid-template-columns:32px minmax(0,1fr)}.dx-demo--launch .launch-dl .launch-btn{grid-column:1/-1}.dx-demo--launch .app-ui .styk-privacy header{padding:22px 20px 0}.dx-demo--launch .app-ui .styk-privacy-body{padding:0 20px 18px}.dx-demo--launch .launch-steps button{padding-right:10px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){.dx-demo--launch .launch-screen .launch-win,.dx-demo--launch .launch-modal>dialog{animation:none!important}}.dx-demo--layout .app-ui.ed{grid-template:"band band band""left center right"minmax(340px,auto)"tl tl tl"/auto minmax(0,1fr) auto}.dx-demo--layout .app-ui.ed[data-ly-span=stage]{grid-template-areas:"band band band""left center right""left tl right"}.dx-demo--layout .app-ui.ed>.ed-band{grid-area:band}.dx-demo--layout .app-ui.ed>.ed-center{grid-area:center}.dx-demo--layout .app-ui.ed>.ed-timeline{grid-area:tl}@container ed (width<=860px){.dx-demo--layout .app-ui.ed .ed-band .ui-menubar{display:flex}.dx-demo--layout .app-ui.ed .ed-band .ui-doc,.dx-demo--layout .app-ui.ed .ed-band .ui-menubar>:is([data-menu=joint],[data-menu=animation],[data-menu=help]){display:none}}@container ed (width<=620px){.dx-demo--layout .app-ui.ed .ed-band .ui-menubar>:not([data-menu=view]){display:none}}.dx-demo--layout .app-ui.ed>.ly-dock--left{grid-area:left}.dx-demo--layout .app-ui.ed>.ly-dock--right{grid-area:right}.dx-demo--layout .app-ui.ed .ed-viewport{aspect-ratio:auto;block-size:100%;min-block-size:300px}.dx-demo--layout .app-ui .ly-dock{gap:var(--gutter);min-block-size:0;min-inline-size:0;display:flex}.dx-demo--layout .app-ui .ly-dock[hidden]{display:none}.dx-demo--layout .app-ui .ly-col{gap:var(--gutter);flex-direction:column;min-block-size:0;inline-size:clamp(236px,28cqi,290px);display:flex}.dx-demo--layout .app-ui .ly-col>.ly-island{flex:1 1 0;inline-size:auto}.dx-demo--layout .app-ui .ly-island{flex-direction:column;min-block-size:0;display:flex;overflow:hidden}.dx-demo--layout .app-ui .ly-island>.ed-scroll{min-block-size:0;max-block-size:none;box-shadow:inset 0 1px 0 var(--line-1);flex:1 1 0;padding-block-start:0;overflow:auto}.dx-demo--layout .app-ui .ly-island .ly-pane--vfx,.dx-demo--layout .app-ui .ly-island .ly-pane--library{margin-inline:calc(-1 * var(--island-pad))}.dx-demo--layout .app-ui .ly-strip{border-radius:var(--radius-xl);flex:none;display:flex}.dx-demo--layout .app-ui .ly-strip .ui-strip{inline-size:40px}.dx-demo--layout .app-ui .ly-strip .ui-icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text-strong)}.dx-demo--layout .app-ui [data-ly-tab][data-dragging]{opacity:.4}.dx-demo--layout .app-ui [data-ly-tab]{cursor:grab;touch-action:none}.dx-demo--layout .app-ui .ly-floats{z-index:4;pointer-events:none;position:absolute;inset:0}.dx-demo--layout .app-ui .ly-floats>.ly-island{pointer-events:auto;max-block-size:min(360px,100% - 16px);inline-size:min(280px,100% - 16px);box-shadow:var(--elevation-3);position:absolute}.dx-demo--layout .app-ui .ed-viewport>.ly-sheet{inset-block:var(--space-2);z-index:5;inline-size:min(280px,100% - 16px);box-shadow:var(--elevation-3);animation:edPop var(--dur-base) var(--ease-out);position:absolute}.dx-demo--layout .app-ui .ed-viewport>.ly-sheet[data-ly-sheet-side=right]{inset-inline-end:var(--space-2)}.dx-demo--layout .app-ui .ed-viewport>.ly-sheet[data-ly-sheet-side=left]{inset-inline-start:var(--space-2)}.dx-demo--layout .app-ui.ed[data-ly-rail=right] .ed-viewport>.ed-rail.shell-rail{inset-inline:auto 10px}.dx-demo--layout .app-ui.ed[data-ly-rail=right] .ed-viewport.has-rail{padding-inline:14px 72px}.dx-demo--layout .app-ui.ed[data-ly-tall=true] .ed-sheet{min-block-size:220px}.dx-demo--layout .app-ui.ed .ed-sheet[hidden]{display:none}.dx-demo--layout .app-ui .ly-zone{z-index:20;border-radius:var(--radius-xl);pointer-events:none;transition:left var(--dur-fast), top var(--dur-fast), width var(--dur-fast), height var(--dur-fast);position:absolute}.dx-demo--layout .app-ui .ly-zone[hidden]{display:none}.dx-demo--layout .app-ui .ui-drop-zone{border-radius:inherit;background:color-mix(in srgb, var(--accent-soft) 72%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent-line);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.dx-demo--layout .app-ui .ui-drop-label{align-items:center;gap:var(--space-1-5);block-size:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--accent-text);font:var(--type-small-strong);box-shadow:var(--elevation-1);display:inline-flex}.dx-demo--layout .app-ui .ly-ghost{z-index:21;pointer-events:none;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-2);font:var(--type-small-strong);position:absolute;inset-block-start:0;inset-inline-start:0}.dx-demo--layout .app-ui .ly-ghost[hidden]{display:none}.dx-demo--layout .app-ui .ly-menu{z-index:22}.dx-demo--layout .app-ui .ly-popover-host{z-index:22;inset-block-start:58px;inset-inline-start:var(--space-2)}.dx-demo--layout .app-ui .shell-layout{inline-size:min(340px,100cqi - 16px)}.dx-demo--layout .app-ui .shell-layout-presets{gap:var(--space-1-5);grid-template-columns:repeat(4,minmax(0,1fr));margin-block-end:var(--space-2);display:grid}.dx-demo--layout .app-ui .shell-layout-presets:has(>:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}.dx-demo--layout .app-ui .shell-layout-rows{gap:var(--space-1);display:grid}.dx-demo--layout .app-ui .shell-layout-note{margin:var(--space-2) 0 0;font:var(--type-small);color:var(--text-2)}.dx-demo--layout .app-ui .shell-layout-note[hidden]{display:none}.dx-demo--layout .app-ui .shell-layout-spacer{flex:1}.dx-demo--layout .app-ui .shell-layout .ui-button[aria-disabled=true]{opacity:.5}.dx-demo--layout .app-ui .ly-prompt{inset:0}.dx-demo--layout .app-ui .ly-prompt-error{margin:var(--space-2) 0 0;font:var(--type-small);color:var(--danger-text)}@media (width<=760px){.dx-demo--layout .app-ui.ed,.dx-demo--layout .app-ui.ed[data-ly-span=stage]{grid-template:"band""center"minmax(280px,auto)"tl""left""right"/minmax(0,1fr)}.dx-demo--layout .app-ui .ly-dock{flex-direction:column}.dx-demo--layout .app-ui .ly-col{inline-size:auto}.dx-demo--layout .app-ui .ly-col>.ly-island{flex:none;max-block-size:360px}.dx-demo--layout .app-ui .ly-col>.ly-island>.ed-scroll{flex:0 auto;max-block-size:300px}.dx-demo--layout .app-ui .ly-strip .ui-strip{inline-size:auto;padding:var(--space-1-5);flex-direction:row}}@media (prefers-reduced-motion:reduce){.dx-demo--layout .app-ui .ed-viewport>.ly-sheet{animation:none}.dx-demo--layout .app-ui .ly-zone{transition:none}}@container ed (width<=860px){.dx-demo--layout .app-ui.ed .ed-band .workspace-switch .band-label{display:none}.dx-demo--layout .app-ui.ed .ed-band .workspace-switch svg{display:inline-block}}.app-ui.ed:has(.ed-library)>.ed-side{inline-size:clamp(280px,40cqi,320px)}.app-ui.ed .ed-side:has(.ed-library)>.ed-scroll{flex-direction:column;padding:0;display:flex;overflow:hidden}.app-ui.ed .ed-library{flex-direction:column;flex:auto;min-block-size:0;display:flex}.app-ui.ed .ed-library>.library-content{scrollbar-width:thin;flex:auto;min-block-size:0;overflow-y:auto}.app-ui.ed:has(.ed-library) .ed-viewport{min-block-size:500px}.app-ui.ed .ed-viewport.library-drop-target{box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui.ed-drag-ghost{z-index:1000;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-pill);background:var(--surface-raised);box-shadow:var(--elevation-2);font:var(--type-ui-strong);pointer-events:none;display:inline-flex;position:fixed;inset:0 auto auto 0}.app-ui.ed-drag-ghost>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--accent-text)}.app-ui.ed>.ed-library-menu{z-index:8}@container ed (width<=720px){.app-ui.ed:has(.ed-library)>.ed-side{inline-size:auto}.app-ui.ed .ed-side:has(.ed-library){block-size:520px}.app-ui.ed .ed-side:has(.ed-library)>.ed-scroll{max-block-size:none}.app-ui.ed:has(.ed-library) .ed-viewport{min-block-size:300px}}.app-ui .tx-dialog.ui-dialog{--_w:760px}.app-ui .tx-dialog .ui-dialog-body{gap:0;padding:0}.app-ui .text-authoring-layout{border-block:1px solid var(--line-1);grid-template-columns:minmax(220px,300px) minmax(0,1fr);display:grid}.app-ui .text-authoring-fields{border-inline-end:1px solid var(--line-1);align-content:start;gap:12px;padding:16px 18px;display:grid}.app-ui .text-authoring-fields .tx-label{font:var(--type-small);min-inline-size:0;color:var(--text-1);gap:6px;display:grid}.app-ui .text-authoring-fields :is(input,select,textarea){box-sizing:border-box;background:var(--surface-sunken);inline-size:100%;min-inline-size:0;color:var(--text-1);border-radius:var(--radius-sm);font:var(--type-ui);border:1px solid #0000;padding:7px 8px}.app-ui .text-authoring-fields select{appearance:auto}.app-ui .text-authoring-fields :is(input,select,textarea):focus-visible{outline:1px solid var(--accent);border-color:var(--accent)}.app-ui .text-authoring-fields textarea{resize:vertical;min-block-size:76px;max-block-size:200px;line-height:1.5}.app-ui .text-authoring-fields input[type=color]{cursor:pointer;block-size:30px;padding:3px}.app-ui .text-authoring-fields input[type=checkbox]{block-size:14px;inline-size:14px;accent-color:var(--accent);margin:0;padding:0}.app-ui .text-authoring-fields .text-control-row{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.app-ui .text-authoring-fields .text-check{min-block-size:30px;font:var(--type-small);align-items:center;gap:7px;display:flex}.app-ui .text-font-tools{gap:6px;display:flex}.app-ui .text-font-tools>.ui-button{flex:1;justify-content:center}.app-ui .text-authoring-fields .text-font{font:var(--type-small);color:var(--text-3);margin:0}.app-ui .text-authoring-preview{flex-direction:column;gap:10px;min-inline-size:0;padding:16px 18px;display:flex}.app-ui .text-preview-heading{font:var(--type-small);color:var(--text-3);justify-content:space-between;display:flex}.app-ui .text-preview-surface{border:1px solid var(--line-1);background:repeating-conic-gradient(#fafafa 0% 25%,#f0f0f0 0% 50%) 0/16px 16px;border-radius:7px;flex:1;min-block-size:200px;position:relative;overflow:hidden}.app-ui .text-preview-surface>canvas{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.app-ui .text-preview-note{font:var(--type-small);color:var(--text-3);margin:0}.app-ui .tx-error{font:var(--type-small);color:var(--danger-text);margin:10px 18px 0}.app-ui .tx-actions{justify-content:flex-end;gap:var(--space-2);padding:12px 18px 16px;display:flex}.app-ui.ed>.tx-menu{z-index:30}.app-ui .ed-float.cp-float{z-index:50}@container ed (width<=640px){.app-ui .text-authoring-layout{grid-template-columns:minmax(0,1fr)}.app-ui .text-authoring-fields{border-inline-end:0;border-block-end:1px solid var(--line-1)}.app-ui .text-preview-surface{min-block-size:160px}}@container ed (width>=721px){.dx-demo--media>.ed>.ed-side{contain:size;flex-direction:column;display:flex}}@container ed (width<=460px){.dx-demo--media .app-ui.ed .ed-viewport>.ed-rail.shell-rail{align-items:center;gap:var(--space-1);max-block-size:none;padding:var(--space-1);flex-direction:row;grid-area:auto;display:flex;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);translate:none}.dx-demo--media .app-ui.ed .ed-viewport>.ed-rail>.shell-rail-handle{display:none}.dx-demo--media .app-ui.ed .ed-viewport>.ed-rail>.tool-dock{flex-direction:row;inline-size:auto;padding:0}.dx-demo--media .app-ui.ed .ed-viewport>.ed-rail .ui-tool-button{block-size:36px;inline-size:36px}.dx-demo--media .app-ui.ed .ed-viewport.has-rail{padding:60px 10px 10px}}.dx-demo--motion>.ed{grid-template-columns:minmax(0,1fr)}.dx-demo--motion .ed-viewport{overflow:hidden}.dx-demo--motion .ed-viewport>.dx-mo__keys{z-index:3;pointer-events:none;position:absolute;inset-block-start:14px;inset-inline:auto 14px}.dx-demo--motion .dx-mo__cap{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--elevation-2);animation:mvCap .45s var(--ease-out);align-items:center;font-size:18px;display:inline-flex}.dx-demo--motion .dx-mo__cap .keys>span{color:var(--text-2);font-size:.72em;font-weight:650}.dx-demo--motion .ed-row.dx-mo__say{align-items:center;gap:var(--space-3);min-block-size:52px;padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-2);grid-template-columns:auto auto minmax(0,1fr);display:grid}.dx-demo--motion .dx-mo__transport{align-items:center;gap:var(--space-0-5);display:flex}.dx-demo--motion .dx-mo__say>p{margin:0;font:var(--type-body)!important;color:var(--text-1)!important;font-weight:550!important;line-height:1.45!important}.dx-demo--motion .dx-mo__say>p.is-in{animation:mvSay .45s var(--ease-out)}.dx-demo--motion .dx-mo__say>p kbd{font-size:.78em}.dx-demo--motion .dx-mo__dots{gap:5px;margin:0;padding:0;list-style:none;display:flex}.dx-demo--motion .dx-mo__dots button{border-radius:var(--radius-pill);background:var(--line-2);cursor:pointer;block-size:9px;inline-size:9px;transition:inline-size .35s var(--ease-out), background-color .25s;border:0;padding:0;display:block}.dx-demo--motion .dx-mo__dots button.is-past{background:color-mix(in srgb, var(--accent) 40%, var(--surface))}.dx-demo--motion .dx-mo__dots button.is-on{background:var(--accent);inline-size:24px}.dx-demo--motion .dx-mo__dots button:hover{background:var(--accent)}.dx-demo--motion .dx-mo__dots button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dx-demo--motion>.dx-mo__alt{padding:var(--space-3) var(--space-4);color:var(--text-2);margin:0 8px 8px;font-size:15px;display:block}.dx-demo--motion[data-ready]>.dx-mo__alt{display:none}@container ed (width<=560px){.dx-demo--motion .ed-row.dx-mo__say{row-gap:var(--space-1);grid-template-columns:auto minmax(0,1fr)}.dx-demo--motion .dx-mo__say>p{padding-inline:var(--space-1);grid-column:1/-1}.dx-demo--motion .dx-mo__dots{justify-self:end}.dx-demo--motion .dx-mo__cap{font-size:15px}}@media (prefers-reduced-motion:reduce){.dx-demo--motion .dx-mo__cap,.dx-demo--motion .dx-mo__say>p.is-in{animation:none}.dx-demo--motion .dx-mo__dots button{transition:none}}@keyframes mvCap{0%{opacity:0;translate:0 -6px;scale:.96}}@keyframes mvSay{0%{opacity:0;translate:0 4px}}.app-ui{--ds-control:30px;--ds-control-sm:26px;--ds-radius:7px;--ds-radius-sm:5px;--ds-shadow-1:0 1px 2px #1b26380f;--ds-weight-strong:600;--ds-text-sm:11px}.dx-demo--movieclip .app-ui .button{border:1px solid var(--theme-border,#dedede);background:var(--theme-panel,#fff);white-space:nowrap;cursor:pointer;height:30px;height:var(--ds-control);border-radius:5px;border-radius:var(--ds-radius);border-color:var(--theme-border);background:var(--theme-panel);color:var(--theme-text);font-size:11px;font-weight:500;font-size:var(--ds-text-sm);box-shadow:var(--ds-shadow-1);padding:0 10px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.dx-demo--movieclip .app-ui .button:hover:not(:disabled){background:var(--theme-hover);border-color:var(--theme-border-strong)}.dx-demo--movieclip .app-ui .button:active:not(:disabled){box-shadow:none}.dx-demo--movieclip .app-ui .button:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.dx-demo--movieclip .app-ui .button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--ds-weight-strong)}.dx-demo--movieclip .app-ui .button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.dx-demo--movieclip .app-ui .movieclip-breadcrumb{background:var(--theme-subtle,#eef4ff);border-bottom:1px solid var(--theme-border,#dce6f4);align-items:center;gap:8px;padding:8px 12px;display:flex}.dx-demo--movieclip .app-ui .movieclip-breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dx-demo--movieclip .app-ui .movieclip-dialog{border:1px solid var(--theme-border,#d8dde4);width:min(400px,100vw - 32px);color:var(--theme-text,#252a31);background:var(--theme-panel,#fff);border-radius:10px;padding:20px}.dx-demo--movieclip .app-ui .movieclip-dialog form{gap:16px;display:grid}.dx-demo--movieclip .app-ui .movieclip-dialog h2{font:600 17px/1.3 var(--font-ui);letter-spacing:0;color:inherit;margin:0;padding:0}.dx-demo--movieclip .app-ui .movieclip-dialog label{gap:6px;font-size:12px;display:grid}.dx-demo--movieclip .app-ui .movieclip-dialog input,.dx-demo--movieclip .app-ui .movieclip-dialog select{border:1px solid var(--theme-border,#d8dde4);background:var(--theme-panel,#fff);width:100%;color:var(--theme-text,#252a31);font:inherit;border-radius:5px;padding:8px}.dx-demo--movieclip .app-ui .movieclip-dialog .movieclip-check{align-items:center;display:flex}.dx-demo--movieclip .app-ui .movieclip-dialog .movieclip-check input{width:auto}.dx-demo--movieclip .app-ui .movieclip-dialog .movieclip-error{color:var(--theme-danger,#b42318);font-size:12px}.dx-demo--movieclip .app-ui .movieclip-dialog footer{justify-content:flex-end;gap:8px;display:flex}.dx-demo--movieclip .ed-center{grid-template-rows:none;grid-auto-rows:auto}.dx-demo--movieclip .movieclip-breadcrumb strong{font:var(--type-ui-strong)}.dx-demo--movieclip .movieclip-dialog .field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dx-demo--movieclip .movieclip-dialog select{appearance:auto}.dx-demo--movieclip .movieclip-dialog .movieclip-check{gap:8px}.dx-demo--movieclip .movieclip-dialog .movieclip-check input{accent-color:var(--theme-action,#0d99ff);margin:0;padding:0}.dx-demo--movieclip .ed>.mc-modal{z-index:9;border-radius:inherit;background:var(--theme-backdrop,#0005);place-items:center;padding:16px;display:grid;inset:0}.dx-demo--movieclip .ed>.mc-modal>.movieclip-dialog{max-inline-size:100%;box-shadow:var(--elevation-4)}.dx-demo--movieclip .ed>.mc-float{z-index:8}.dx-demo--movieclip .ed>.mc-float>.ed-menu{min-inline-size:230px}.dx-demo--movieclip .mc-rename{inline-size:100%;font:inherit}@container ed (width<=980px){.dx-demo--movieclip.is-session .ed-band :is(.band-save,.band-export)>.ui-label,.dx-demo--movieclip.is-session .ed-band .band-history{display:none}.dx-demo--movieclip.is-session .ed-band .workspace-switch .ui-segmented-item{padding-inline:var(--space-2)}}@container ed (width<=520px){.dx-demo--movieclip.is-session .ed-band .band-save{display:none}}@container ed (width>=700px){.dx-demo--movieclip .app-ui.ed>.ed-side{inline-size:300px}}.dx-demo--movieclip .ed-band .band-done>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.dx-demo--movieclip .ed-tracks{touch-action:pan-y;cursor:default;overflow:hidden}.dx-demo--movieclip .ed-tracks:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dx-demo--movieclip .ed-ruler>span{translate:-50%}.dx-demo--movieclip .ed-ruler:after{content:"";pointer-events:none;background:repeating-linear-gradient(to right, var(--sheet-tick) 0 1px, transparent 1px var(--cell));block-size:4px;position:absolute;inset-block-end:0;inset-inline:8px 0}.dx-demo--movieclip .mc-past{inset-block:32px 0;inset-inline:calc(var(--at) * var(--cell) + 8px) 0;background:var(--sheet-hatch);pointer-events:none;position:absolute}.dx-demo--movieclip .ed-end{z-index:1}.dx-demo--movieclip .ed-key{pointer-events:none;z-index:1}.dx-demo--movieclip .ed-span[data-blank]{box-shadow:inset 0 0 0 1.5px var(--sheet-cell-blank);background:0 0}.dx-demo--movieclip .sheet-layer .sheet-layer-name{cursor:default;align-self:stretch;align-items:center}.dx-demo--movieclip .ed-track[data-row=layer]{cursor:cell}.dx-demo--movieclip .mc-selbox{block-size:32px;inline-size:calc(var(--len) * var(--cell));background:color-mix(in srgb, var(--sheet-accent) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--sheet-accent);pointer-events:none;z-index:1;border-radius:4px;position:absolute;inset-block:120px 0;inset-inline-start:calc(var(--from) * var(--cell) + 8px)}.dx-demo--movieclip .mc-grip{z-index:2;cursor:ew-resize;touch-action:none;inline-size:12px;position:absolute;inset-block:7px;inset-inline-start:calc(var(--at) * var(--cell) + 8px - 7px)}.dx-demo--movieclip .mc-grip:before{content:"";background:var(--sheet-accent);opacity:.55;inline-size:4px;transition:opacity var(--dur-fast);border-radius:2px;position:absolute;inset-block:2px;inset-inline-start:4px}.dx-demo--movieclip .ed-track:hover .mc-grip:before,.dx-demo--movieclip .mc-grip:active:before{opacity:1}.dx-demo--movieclip .mc-draglabel{z-index:3;background:var(--surface-inverse);color:var(--text-inverse);font:var(--type-micro);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 6px;font-weight:600;position:absolute;inset-block-start:4px;inset-inline-start:calc(var(--at) * var(--cell) + 8px);translate:-50%}@container ed (width<=520px){.dx-demo--movieclip .app-ui.ed .ed-timeline .tl-mode{display:none}}@container ed (width<=460px){.dx-demo--movieclip .app-ui.ed .ed-viewport>.ed-rail.shell-rail{display:block;inset-inline-start:6px}.dx-demo--movieclip .app-ui.ed .ed-viewport.has-rail{padding-inline-start:62px}.dx-demo--movieclip .movieclip-breadcrumb{gap:6px;padding:6px 8px}}@media (prefers-reduced-motion:reduce){.dx-demo--movieclip .mc-grip:before{transition:none}}.dx-demo--movieclip .ed-band .ui-doc{min-inline-size:0;overflow:hidden}.dx-demo--movieclip .ed-band .ui-doc-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dx-demo--onion .ed-sheet{align-content:start;block-size:120px}.dx-demo--onion .ed-sheet .ed-ruler>span{pointer-events:none;inset-inline-start:calc(var(--at) * var(--cell) + 8px + var(--cell) / 2)}.dx-demo--onion .ed-sheet .ed-ruler:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dx-demo--onion .ed-sheet .ed-key{cursor:pointer}.dx-demo--onion .ed-sheet .sheet-layer-name{align-items:center}.dx-demo--onion .ed-sheet .sheet-layer-state{display:none}.dx-demo--onion .ed-playhead{transition:none}.dx-demo--onion .onion-range-overlay{z-index:3;block-size:32px;inset-block:0;overflow:visible}.dx-demo--onion .onion-range-band{opacity:1;background:color-mix(in srgb, var(--_onion) 26%, transparent);block-size:6px;box-shadow:inset 0 -2px 0 var(--_onion);border-radius:3px 3px 0 0;inset-block:auto 0}.dx-demo--onion .onion-range-band.before{--_onion:var(--onion-before)}.dx-demo--onion .onion-range-band.after{--_onion:var(--onion-after)}.dx-demo--onion .ed-ruler .onion-range-end{border-radius:var(--radius-sm);touch-action:none;background:0 0;block-size:auto;inline-size:14px;inset-block:0;transform:none}.dx-demo--onion .onion-range-end.before{translate:-100%}.dx-demo--onion .onion-range-end:where(:hover,[data-dragging]){background:color-mix(in srgb, currentColor 14%, transparent)}.dx-demo--onion .onion-range-end:after{background:0 0;border:2.5px solid;border-radius:2px;block-size:auto;inline-size:6px;inset-block:5px 0}.dx-demo--onion .onion-range-end.before:after{border-inline-end:0;border-radius:2px 0 0 2px;inset-inline:auto 2px}.dx-demo--onion .onion-range-end.after:after{border-inline-start:0;border-radius:0 2px 2px 0;inset-inline:2px auto}.dx-demo--onion .onion-range-count{min-inline-size:18px;color:var(--sheet-playhead-ink);font:var(--weight-semibold) 10px/14px var(--font-ui);font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--dur-fast);border-radius:8px;padding:0 4px;position:absolute;inset-block-start:2px}.dx-demo--onion .onion-range-end.before .onion-range-count{background:var(--onion-before);inset-inline-end:16px}.dx-demo--onion .onion-range-end.after .onion-range-count{background:var(--onion-after);inset-inline-start:16px}.dx-demo--onion .onion-range-end:where(:hover,:focus-visible,[data-dragging]) .onion-range-count{opacity:1}.dx-demo--onion .on-float .onion-popover{inline-size:288px;max-inline-size:calc(100cqi - 16px)}.dx-demo--onion .on-float .ui-popover-head{align-items:center;gap:var(--space-2);display:flex}.dx-demo--onion .on-float .ui-popover-title{flex:1}.dx-demo--onion .on-float .onion-scrub{cursor:ew-resize;touch-action:none}.dx-demo--onion .on-float .onion-value>input{-moz-appearance:textfield}@container ed (width<=520px){.dx-demo--onion .app-ui.ed .ed-timeline .tl-onion>.ui-split-more{display:inline-flex}}.dx-demo--onion .on-float{z-index:20}@layer paint-legacy{.app-ui .icon-button{width:28px;height:28px;color:var(--theme-secondary);border-radius:6px;flex-shrink:0}.app-ui .icon-button .icon{width:16px;height:16px}.app-ui .icon-button:hover:not(:disabled){background:var(--theme-hover);color:var(--theme-text)}.app-ui .icon-button.active,.app-ui .icon-button[aria-pressed=true]{background:var(--theme-selected);color:var(--theme-accent)}.app-ui .drawing-presets{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:5px;display:grid}.app-ui .drawing-preset{border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:6px 4px;font-size:11px}.app-ui .drawing-preset:hover{background:var(--theme-hover,#f0f0f0)}.app-ui .drawing-preset[aria-pressed=true]{border-color:var(--theme-accent,#0d99ff);background:var(--theme-selection,#e5f3ff);color:var(--theme-accent,#0d99ff)}.app-ui .drawing-preset:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.app-ui .drawing-preview{border:1px solid var(--border);background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/12px 12px;border-radius:6px;width:100%;height:40px;margin:8px 0 12px;display:block}.app-ui .drawing-toggle-grid{margin:8px 0}.app-ui .drawing-swatches{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:-4px 0 12px;display:grid}.app-ui .drawing-swatch{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:0}.app-ui .drawing-swatch[aria-pressed=true]{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:1px}.app-ui .drawing-resolution{justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.app-ui .drawing-resolution+.drawing-resolution,.app-ui .inspector-grid+.drawing-resolution{margin-top:8px}.app-ui .pt-insp .inspector-title{margin-bottom:8px}.app-ui .pt-insp .property-context-caption{margin-bottom:0}.app-ui .drawing-resolution-info,.app-ui .drawing-empty,.app-ui .drawing-hint{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.app-ui .drawing-quick-note{align-items:center;gap:6px;margin-bottom:0;display:flex}.app-ui .drawing-quick-note .icon{flex-shrink:0;width:13px;height:13px}.app-ui .draw-sliders{gap:5px;margin:8px 0;display:grid}.app-ui .draw-slider{background:var(--theme-field,#f2f2f2);height:26px;color:var(--text,#222);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;justify-content:space-between;align-items:center;gap:8px;padding:0 9px;font-size:11px;display:flex;position:relative;overflow:hidden}.app-ui .draw-slider:focus-visible{box-shadow:0 0 0 2px var(--theme-accent,#0d99ff)}.app-ui .draw-slider-fill{background:color-mix(in srgb,var(--theme-accent,#0d99ff) 20%,transparent);border-right:2px solid var(--theme-accent,#0d99ff);pointer-events:none;position:absolute;inset:0 auto 0 0}.app-ui .draw-slider.is-dragging .draw-slider-fill{background:color-mix(in srgb,var(--theme-accent,#0d99ff) 30%,transparent)}.app-ui .draw-slider-label,.app-ui .draw-slider-value{white-space:nowrap;pointer-events:none;position:relative}.app-ui .draw-slider-label{color:var(--theme-secondary,#555)}.app-ui .draw-slider-value{font-variant-numeric:tabular-nums;font-weight:600}.app-ui .draw-slider-input{width:64px;font:inherit;text-align:right;pointer-events:auto;background:0 0;border:0;font-weight:600}.app-ui .draw-slider.is-compact{border-radius:5px;min-width:104px;height:24px;padding:0 7px;font-size:10.5px}.app-ui .drawing-preset{flex-direction:column;align-items:center;gap:2px;padding:4px 2px 3px;display:flex}.app-ui .drawing-preset-thumb{object-fit:contain;pointer-events:none;width:100%;height:18px;display:block}.app-ui .drawing-preset>span{white-space:normal;text-align:center;line-height:1.1}.app-ui .draw-colors{align-items:center;gap:8px;margin:8px 0;display:flex}.app-ui .draw-color-pair{flex:none;width:38px;height:34px;position:relative}.app-ui .draw-color-pair>input{border:1px solid var(--border,#ddd);cursor:pointer;background:0 0;border-radius:5px;padding:0;position:absolute}.app-ui .draw-color-pair>input::-webkit-color-swatch-wrapper{padding:0}.app-ui .draw-color-pair>input::-webkit-color-swatch{border:0;border-radius:4px}.app-ui .draw-color-primary{z-index:1;width:26px;height:26px;box-shadow:0 0 0 2px var(--panel,#fff);top:0;left:0}.app-ui .draw-color-secondary{width:20px;height:20px;bottom:0;right:0;border-color:var(--theme-muted,#999)!important}.app-ui .draw-color-swap{width:24px;height:24px}.app-ui .drawing-quickbar{z-index:5;border:1px solid var(--border,#e2e2e2);background:var(--panel,#fff);border-radius:10px;flex-direction:column;gap:5px;max-width:calc(100% - 24px);padding:4px 6px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000014}.app-ui .drawing-quickbar[hidden]{display:none}.app-ui .draw-quick-row{scrollbar-width:none;align-items:center;gap:6px;display:flex;overflow-x:auto}.app-ui .draw-quick-divider{background:var(--border,#e2e2e2);flex:none;width:1px;height:20px}.app-ui .draw-quick-preset,.app-ui .draw-quick-choice{border:1px solid var(--border,#e2e2e2);background:var(--panel,#fff);height:24px;color:var(--text,#222);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:11px;display:flex}.app-ui .draw-quick-preset img{object-fit:contain;width:44px;height:14px}.app-ui .draw-quick-choice[aria-pressed=true],.app-ui .draw-quick-toggle[aria-pressed=true],.app-ui .draw-quick-preset[aria-expanded=true]{border-color:var(--theme-accent,#0d99ff);background:var(--theme-selection,#e5f3ff);color:var(--theme-accent,#0d99ff)}.app-ui .drawing-quickbar .draw-colors{gap:4px;margin:0}.app-ui .drawing-quickbar .draw-color-pair{width:36px;height:30px}.app-ui .drawing-quickbar .draw-color-primary{width:24px;height:24px}.app-ui .drawing-quickbar .draw-color-secondary{width:20px;height:20px}.app-ui .drawing-quickbar .draw-color-swap{width:22px;height:22px}.app-ui .draw-quick-tool{color:var(--theme-text,#222);font-size:var(--ds-text-sm,11px);font-weight:var(--ds-weight-strong,600);white-space:nowrap;flex:none;align-items:center;gap:5px;padding:0 4px 0 2px;display:flex}.app-ui .draw-quick-tool svg{width:15px;height:15px;color:var(--theme-accent,#0d99ff)}.app-ui .draw-quick-swatches{flex:none;align-items:center;gap:3px;display:flex}.app-ui .draw-quick-swatch{border:1px solid var(--theme-border-strong,#0003);cursor:pointer;border-radius:4px;width:16px;min-width:0;height:16px;padding:0}.app-ui .draw-quick-swatch:hover{outline:2px solid var(--theme-border-strong,#bbb);outline-offset:1px}.app-ui .draw-quick-swatch[aria-pressed=true]{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:1px}.app-ui .draw-quick-choice svg{width:13px;height:13px}.app-ui .draw-quick-presets{width:min(520px,70vw)}.app-ui .drawing-palette{z-index:7;border:1px solid var(--border,#e2e2e2);background:var(--panel,#fff);border-radius:12px;width:300px;padding:10px 12px;position:absolute;box-shadow:0 10px 32px #0000002e}.app-ui .drawing-palette[hidden]{display:none}.app-ui .drawing-palette .draw-colors{margin-top:0}.app-ui .drawing-palette .drawing-swatches{margin:0 0 10px}.app-ui .drawing-palette .draw-sliders{margin-bottom:0}.app-ui .drawing-hud{z-index:6;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;background:#141418d6;border-radius:14px;padding:6px 12px;font-size:12px;transition:opacity .15s;position:absolute;top:54px;left:50%;transform:translate(-50%)}.app-ui .drawing-hud.is-visible{opacity:1}.app-ui .draw-pressure{gap:8px;margin:8px 0;display:grid}.app-ui .draw-pressure-graph{aspect-ratio:1;touch-action:none;width:100%;max-width:170px;margin:0 auto;display:block;overflow:visible}.app-ui .draw-pressure-frame{fill:var(--theme-field,#f2f2f2);stroke:var(--theme-border,#e2e2e2);stroke-width:1px;rx:4px}.app-ui .draw-pressure-grid{fill:none;stroke:var(--theme-border,#e2e2e2);stroke-width:.6px}.app-ui .draw-pressure-diagonal{fill:none;stroke:var(--theme-muted,#999);stroke-width:.8px;stroke-dasharray:3 3}.app-ui .draw-pressure-arms{fill:none;stroke:var(--theme-accent,#0d99ff);stroke-width:.9px;opacity:.55}.app-ui .draw-pressure-line{fill:none;stroke:var(--theme-accent,#0d99ff);stroke-width:2.4px;stroke-linecap:round}.app-ui .draw-pressure-handle{fill:var(--theme-panel,#fff);stroke:var(--theme-accent,#0d99ff);stroke-width:2px;cursor:grab}.app-ui .draw-pressure-handle:hover,.app-ui .draw-pressure-handle:focus-visible{fill:var(--theme-accent,#0d99ff);outline:none}.app-ui .draw-pressure.is-dragging .draw-pressure-handle{cursor:grabbing}.app-ui .button{border:1px solid var(--theme-border,#dedede);background:var(--theme-panel,#fff);border-radius:5px;height:30px;padding:0 10px;font-size:11px;font-weight:500}.app-ui .button .icon{width:16px;height:16px}.app-ui .button.subtle{background:0 0;border-color:#0000}.app-ui .button.primary{background:var(--theme-action,#0d99ff);border-color:var(--theme-accent,#0d99ff);color:#fff}.app-ui .button.primary:hover{background:var(--theme-action-hover,#0086e6);border-color:var(--theme-accent,#0086e6)}.app-ui .button.primary .chevron{color:inherit}.app-ui .button.small{height:26px;padding:0 8px;font-size:11px}.app-ui .inspector-section{border-bottom:1px solid var(--border);padding:14px 12px}.app-ui .inspector-section:last-child{border-bottom:0}.app-ui .inspector-title{min-height:18px;color:var(--theme-text,#2c2c2c);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.app-ui .inspector-title .icon{width:15px;height:15px;color:var(--theme-muted,#767676)}.app-ui .inspector-title .icon-button{width:22px;height:22px;margin:-2px 0}.app-ui .inspector-title small{color:var(--theme-muted,#767676);font-size:10px;font-weight:400}.app-ui .inspector-title:has(>span:only-child:empty){display:none}.app-ui .property-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,108px),1fr));gap:8px;display:grid}.app-ui .property-toggle-grid>:only-child{grid-column:1/-1}.app-ui .property-toggle{border:1px solid var(--theme-border,#e0e0e0);background:var(--theme-panel,#fff);min-width:0;min-height:32px;color:var(--theme-secondary,#555);cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:0 7px;font-size:11px;display:flex;position:relative}.app-ui .property-toggle:hover{background:var(--theme-hover,#f5f5f5)}.app-ui .property-toggle>input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.app-ui .property-toggle-label{white-space:nowrap;pointer-events:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.app-ui .property-toggle-label>span:not([class]){-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;min-width:0;line-height:1.15;display:-webkit-box;overflow:hidden}.app-ui .property-toggle-label .icon{flex:none;width:14px;height:14px}.app-ui .property-toggle-disclosure{color:var(--theme-muted,#737373);display:flex}.app-ui .property-toggle-disclosure .icon{width:12px;height:12px}.app-ui .property-toggle>input:checked~.property-toggle-label .property-toggle-disclosure{transform:rotate(90deg)}.app-ui .property-toggle-track{border:1px solid var(--theme-muted,#737373);background:var(--theme-muted,#737373);pointer-events:none;border-radius:8px;flex:none;width:24px;height:14px;position:relative}.app-ui .property-toggle-track:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.app-ui .property-toggle:has(>input:checked){color:var(--theme-text,#292929)}.app-ui .property-toggle>input:checked~.property-toggle-label .icon{color:var(--theme-accent,#0d99ff)}.app-ui .property-toggle>input:checked~.property-toggle-track{background:var(--theme-action,#0d99ff);border-color:var(--theme-action,#0d99ff)}.app-ui .property-toggle>input:checked~.property-toggle-track:after{background:var(--switch-knob-on);transform:translate(10px)}.app-ui .property-toggle:has(>input:focus-visible){outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.app-ui .property-toggle:has(>input:disabled){opacity:.45;cursor:default}.app-ui .inline-select{background:var(--theme-field,#f2f2f2);border:1px solid #0000;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-size:11px}.app-ui .inline-select:focus{border-color:var(--theme-accent,#0d99ff)}.app-ui .paint-picker{border:1px solid var(--theme-border,#ddd);background:var(--theme-panel,#fff);width:288px;max-height:calc(100vh - 16px);color:var(--theme-text,#292929);box-shadow:0 12px 45px var(--theme-shadow,#0003);z-index:10000;box-sizing:border-box;border-radius:12px;margin:0;padding:14px;font:12px/1.4 Inter,Arial,sans-serif;position:fixed;inset:auto;overflow:auto}.app-ui .paint-picker *{box-sizing:border-box}.app-ui .paint-picker [hidden]{display:none!important}.app-ui .paint-picker header,.app-ui .paint-tabs,.app-ui .paint-values{align-items:center;gap:8px;display:flex}.app-ui .paint-picker header{justify-content:space-between;margin-bottom:12px}.app-ui .paint-picker button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:5px;min-width:26px;height:28px;padding:3px 7px}.app-ui .paint-picker button:hover{background:var(--theme-hover,#eee)}.app-ui .paint-picker button:disabled{opacity:.3;cursor:default}.app-ui .paint-picker button:focus-visible,.app-ui .paint-picker input:focus-visible,.app-ui .paint-picker select:focus-visible,.app-ui .paint-sv:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.app-ui .paint-tabs{background:var(--theme-field,#f0f0f0);border-radius:7px;margin-bottom:14px;padding:3px}.app-ui .paint-tabs button{flex:1}.app-ui .paint-tabs button[aria-pressed=true]{background:var(--theme-panel,white);box-shadow:0 1px 3px var(--theme-shadow,#0002)}.app-ui .paint-picker input,.app-ui .paint-picker select{color:inherit;font:inherit;background:var(--theme-field,#f2f2f2);border:1px solid #0000;border-radius:5px;min-width:0;height:29px;padding:5px}.app-ui .paint-sv{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:6px;height:180px;position:relative;overflow:hidden}.app-ui .paint-sv i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #0008}.app-ui .paint-sliders{gap:12px;margin:16px 0;display:grid}.app-ui .paint-sliders input{appearance:none;background-size:100% 100%,10px 10px;border-radius:10px;width:100%;height:12px;padding:0}.app-ui .paint-sliders [data-hue]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.app-ui .paint-sliders input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 2px 1px #0005}.app-ui .paint-values label{color:var(--theme-muted,#777);flex:1;gap:5px;font-size:10px;display:grid}.app-ui .paint-values label:first-child{flex:2}.app-ui .paint-values input{width:100%;color:var(--theme-text,#333);font-size:12px}.app-ui .paint-error{color:var(--theme-danger,#b42318);margin:8px 0 0}.app-ui .paint-error:empty{display:none}.app-ui .paint-picker [data-eyedropper]{border:1px solid var(--theme-border,#ddd);font:inherit;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.app-ui .paint-picker [data-eyedropper][aria-pressed=true]{background:var(--accent-strong);color:var(--text-on-strong);border-color:#0000}.app-ui .paint-picker .paint-swatches{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:12px 0 0;display:grid}.app-ui .paint-picker .paint-swatches button{aspect-ratio:1;border:1px solid var(--theme-border,#e2e2e2);border-radius:4px;min-width:0;height:auto;padding:0}.app-ui .paint-picker .paint-swatches button:hover{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:1px}.app-ui .pt-insp .inspector-section{border-bottom-color:var(--theme-border,#f5f5f5);padding:16px 18px}.app-ui .pt-insp .inspector-title{color:var(--theme-secondary,#555);margin-bottom:12px;font-size:11px;font-weight:650}.app-ui .pt-insp .inspector-disclosure{padding-top:13px;padding-bottom:13px}.app-ui .pt-insp .inspector-disclosure>summary{cursor:pointer;min-height:22px;margin:0;list-style:none}.app-ui .pt-insp .inspector-disclosure>summary:after{content:"›";color:var(--theme-muted,#909bad);font-size:17px;font-weight:400}.app-ui .pt-insp .inspector-disclosure[open]>summary:after{transform:rotate(90deg)}.app-ui .pt-insp .inspector-section{border-bottom:1px solid var(--theme-border,#e6e6e6);padding:16px}.app-ui .pt-insp .inspector-title{min-height:16px;color:var(--theme-text,#292929);margin:0 0 12px;font-size:12px;font-weight:600;line-height:16px}.app-ui .pt-insp .inspector-title:has(>span:empty):not(:has(button)){display:none}.app-ui .pt-insp .hex-label{color:var(--theme-text,#292929);font-size:11px}.app-ui .pt-insp .inline-select{background:var(--theme-field,#f0f0f0);width:100%;height:32px;min-height:32px;color:var(--theme-text,#292929);border:1px solid #0000;border-radius:5px;margin-top:8px;padding:0 8px;font-size:11px}.app-ui .pt-insp .inline-select:hover{border-color:var(--theme-border,#d4d4d4)}.app-ui .pt-insp .inspector-title .icon-button{width:20px;height:20px;color:var(--theme-muted,#737373)}.app-ui .pt-insp .inspector-disclosure{padding:12px 16px}.app-ui .pt-insp .inspector-disclosure>summary{margin:0}.app-ui .pt-insp .inspector-section{padding-block:18px}.app-ui .button{height:var(--ds-control);border-radius:var(--ds-radius);border-color:var(--theme-border);background:var(--theme-panel);color:var(--theme-text);font-size:var(--ds-text-sm);box-shadow:var(--ds-shadow-1);padding:0 12px;font-weight:500}.app-ui .button:hover:not(:disabled){background:var(--theme-hover);border-color:var(--theme-border-strong)}.app-ui .button:active:not(:disabled),.app-ui .button.subtle{box-shadow:none}.app-ui .button.subtle:hover:not(:disabled){border-color:#0000}.app-ui .button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--ds-weight-strong)}.app-ui .button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.app-ui .button.primary:disabled{opacity:1;background:var(--theme-field);border-color:var(--theme-border);color:var(--theme-muted);box-shadow:none}.app-ui .button.small{height:var(--ds-control-sm);border-radius:var(--ds-radius-sm);padding:0 10px}.app-ui .button.danger{color:var(--theme-danger)}.app-ui .button.danger:hover:not(:disabled){background:var(--theme-danger-bg);border-color:color-mix(in srgb, var(--theme-danger) 35%, transparent)}.app-ui .ds-segmented{border-radius:var(--ds-radius);background:var(--theme-field);border:0;gap:2px;padding:3px;display:flex}.app-ui .ds-segmented>button{border-radius:var(--ds-radius-sm);min-width:0;height:26px;color:var(--theme-muted);font-size:var(--ds-text-sm);box-shadow:none;background:0 0;border:0;flex:1;padding:0 10px;font-weight:500}.app-ui .ds-segmented>button:hover:not([aria-pressed=true]):not([aria-selected=true]){color:var(--theme-text);background:0 0}.app-ui .ds-segmented>button:is([aria-pressed=true],[aria-selected=true]){background:var(--theme-panel);color:var(--theme-text);font-weight:var(--ds-weight-strong);box-shadow:var(--ds-shadow-1), 0 0 0 1px var(--theme-border);border:0}.app-ui .pt-insp .inspector-section{padding:var(--ds-space-4);border-bottom-color:var(--theme-border)}.app-ui .pt-insp .inspector-title{font-size:var(--ds-text);font-weight:var(--ds-weight-strong);color:var(--theme-text);letter-spacing:-.05px}.app-ui .drawing-hint{color:var(--theme-muted)}}@container ed (width>=721px){.dx-demo--paint .app-ui.ed>.ed-side{inline-size:clamp(244px,35cqi,300px)}}.dx-demo--paint .app-ui.ed .ed-side .pt-insp{padding-block-end:var(--space-2)}.dx-demo--paint .app-ui.ed .pt-viewport{aspect-ratio:auto;align-content:center;min-block-size:330px;padding:26px 20px 26px 72px}.dx-demo--paint .app-ui.ed .pt-viewport>canvas{aspect-ratio:16/9;transform-origin:50%;touch-action:none;align-self:center;block-size:auto;inline-size:100%;position:relative;inset:auto}.dx-demo--paint .app-ui.ed .pt-viewport>.ed-rail.shell-rail{grid-area:auto}.dx-demo--paint .app-ui.ed .pt-viewport>canvas[data-over]{box-shadow:none;pointer-events:none;background:0 0;border-radius:0}.dx-demo--paint .app-ui.ed .pt-viewport>canvas[data-view]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:2px}.dx-demo--paint .app-ui.ed .pt-viewport>.drawing-hud{z-index:4;font:var(--type-small-strong);inset-block-start:14px}.dx-demo--paint .app-ui.ed .stage-head{position:relative}.dx-demo--paint .app-ui.ed .stage-head>.stage-head-msg{max-inline-size:none;padding:0 var(--space-2);justify-content:center;inset-inline:0}.dx-demo--paint .app-ui.ed .stage-head>.stage-head-msg>.ui-toast{min-block-size:var(--control-md);max-inline-size:100%;box-shadow:var(--elevation-2)}.dx-demo--paint .app-ui.ed .stage-head>.stage-head-msg .ui-toast-text{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.dx-demo--paint .app-ui.ed .stage-head .draw-quick-presets{inline-size:min(520px,100% - 16px)}.dx-demo--paint .app-ui.ed .ed-center{overflow:visible}.dx-demo--paint .app-ui.ed .ed-center>.ed-viewport{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.dx-demo--paint .app-ui.ed :is(.draw-quick-toggle,.draw-color-swap){justify-content:center;align-items:center;display:inline-flex}.dx-demo--paint .app-ui.ed .drawing-preset-thumb{block-size:18px}.dx-demo--paint .app-ui.ed .draw-quick-preset img{block-size:14px;inline-size:44px}.dx-demo--paint .app-ui.ed .pt-insp .drawing-resolution>select{margin-block-start:var(--space-2)}.dx-demo--paint .app-ui.ed .pt-sheet{--frames:40}.dx-demo--paint .app-ui.ed .pt-sheet .ed-ruler>span{inset-inline-start:calc(var(--at) * var(--cell) + 8px + var(--cell) / 2)}.dx-demo--paint .app-ui.ed .pt-sheet .ed-tracks{cursor:default;touch-action:pan-x}.dx-demo--paint .app-ui.ed .pt-sheet .ed-tracks-inner,.dx-demo--paint .app-ui.ed .pt-sheet .ed-labels{padding-block-end:var(--space-2)}.dx-demo--paint .app-ui.ed .pt-sheet .ed-span.pt-cel{background:0 0}.dx-demo--paint .app-ui.ed .pt-sheet .ed-span.pt-cel[data-ink]{background-color:var(--tint-draw-soft);background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--cell) - 1px), var(--sheet-cell-divider) calc(var(--cell) - 1px) var(--cell))}.dx-demo--paint .app-ui.ed .pt-sheet .ed-key.pt-ring{background:var(--paper);block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 2px var(--tint-draw-ink)}.dx-demo--paint .app-ui.ed .pt-sheet .ed-track[data-hidden] :is(.ed-span,.ed-key){opacity:.4}.dx-demo--paint .app-ui.ed .pt-sheet .sheet-layer-name{cursor:pointer;align-items:center}.dx-demo--paint .app-ui.ed .pt-sheet .ed-labels>.sheet-layer:is([data-kind=camera],[data-kind=scene]) .sheet-layer-name{cursor:default}.dx-demo--paint .app-ui.ed .pt-sheet .pt-past{inset-block:0;inset-inline:calc(var(--at) * var(--cell) + 8px) 0;background:var(--sheet-hatch);pointer-events:none;position:absolute}.dx-demo--paint .app-ui.ed .pt-sheet .ed-end{z-index:1}.dx-demo--paint .app-ui.ed .pt-sheet .pt-cell{inline-size:var(--cell);box-shadow:inset 0 0 0 1.5px var(--sheet-accent);background:color-mix(in srgb, var(--sheet-accent) 14%, transparent);pointer-events:none;z-index:1;border-radius:4px;position:absolute;inset-block:4px;inset-inline-start:calc(var(--at) * var(--cell) + 8px)}.dx-demo--paint .app-ui.ed .pt-sheet .sheet-layer .sheet-layer-state{opacity:.55}.dx-demo--paint .app-ui.ed .pt-sheet .sheet-layer:hover .sheet-layer-state,.dx-demo--paint .app-ui.ed .pt-sheet .sheet-layer-state[data-on=true]{opacity:1}.dx-demo--paint .app-ui.ed .pt-sheet .sheet-layer-kind{block-size:14px;inline-size:14px;color:var(--text-3);flex:none;margin-inline-start:var(--space-1)}.dx-demo--paint .app-ui.ed .pt-sheet .sheet-label-head .ui-icon-button{margin-inline-start:auto}.dx-demo--paint .app-ui.ed .pt-float{z-index:9}.dx-demo--paint .app-ui.ed .pt-float>:is(.paint-picker,.drawing-palette){z-index:auto;max-block-size:none;animation:edPop var(--dur-base) var(--ease-out);position:relative;inset:auto}.dx-demo--paint .app-ui.ed .pt-float>.ed-menu{min-inline-size:200px}.dx-demo--paint .app-ui.ed .paint-picker header>strong{font:var(--type-ui-strong)}.dx-demo--paint .app-ui.ed .paint-picker [data-eyedropper]>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.dx-demo--paint .app-ui.ed .drawing-palette .hex-label{font:var(--type-small);color:var(--text-1)}@media (prefers-reduced-motion:reduce){.dx-demo--paint .app-ui.ed .pt-float>:is(.paint-picker,.drawing-palette){animation:none}}@container ed (width<=760px){.dx-demo--paint .app-ui.ed .tl-cel-main .ui-label{display:none}}@container ed (width<=460px){.dx-demo--paint .app-ui.ed .pt-viewport{padding:14px 10px 72px}.dx-demo--paint .app-ui.ed .pt-viewport>.ed-rail.shell-rail{max-block-size:none;max-inline-size:calc(100% - 16px);display:flex;inset-block:auto 10px;inset-inline-start:50%;translate:-50%}.dx-demo--paint .app-ui.ed .pt-viewport>.ed-rail .shell-rail-handle{display:none}.dx-demo--paint .app-ui.ed .pt-viewport>.ed-rail .tool-dock{flex-direction:row}.dx-demo--paint .app-ui.ed .pt-viewport>.dx-hud{inset-block-end:74px;inset-inline-start:50%}}.dx-demo--paint .app-ui.ed .draw-quick-toggle:not([aria-pressed=true]){color:var(--text-2)}.dx-demo--palette .app-ui.ed{position:relative}.dx-demo--palette .app-ui.ed .ed-viewport{min-block-size:320px}.dx-demo--palette .app-ui .pal-veil{z-index:30;padding:clamp(var(--space-4), 9cqi, 72px) var(--space-2) var(--space-4);border-radius:inherit;background:var(--surface-backdrop);place-items:start center;display:grid;position:absolute;inset:0}.dx-demo--palette .app-ui .pal-veil[hidden]{display:none}.dx-demo--palette .app-ui .ui-dialog.pal-dialog{opacity:1;max-block-size:min(460px,100%);inline-size:min(640px,100%);animation:edPop var(--dur-base) var(--ease-out);flex-direction:column;margin:0;display:flex;position:relative;inset:auto;translate:none}.dx-demo--palette .app-ui .pal-dialog .ui-palette-list{min-block-size:0}.dx-demo--palette .app-ui .pal-settings{z-index:31;padding:var(--space-3);border-radius:inherit;background:var(--surface-backdrop);place-items:center;display:grid;position:absolute;inset:0}.dx-demo--palette .app-ui .pal-settings[hidden]{display:none}.dx-demo--palette .app-ui .pal-settings>.set-win{inline-size:min(900px,100%)}.dx-demo--palette .app-ui .pal-settings .styk-settings{--st-zoom:1;inline-size:100%;block-size:calc(min(560px, 100cqb - 24px) / var(--st-zoom));zoom:var(--st-zoom);margin:0;display:grid}.dx-demo--palette .app-ui .pal-settings{container-type:size}.dx-demo--palette .app-ui .pal-menu{z-index:30;inset-block-start:52px;inset-inline-start:var(--space-2)}.dx-demo--palette .app-ui .ed-band button.shell-mark{border-radius:var(--radius-md)}.dx-demo--palette .app-ui .ed-band button.shell-mark:hover{background:var(--surface-hover)}.dx-demo--palette .app-ui.ed.pal-focus>.ed-timeline{display:none}@container ed (width<=520px){.dx-demo--palette .app-ui .ui-palette-meta{max-inline-size:38%}}@media (prefers-reduced-motion:reduce){.dx-demo--palette .app-ui .ui-dialog.pal-dialog{animation:none}}.dx-demo--pen .app-ui .touch-modifiers{inset:auto var(--space-3) var(--space-3) auto;z-index:4;align-items:flex-end;gap:var(--space-2);pointer-events:none;max-block-size:calc(100% - var(--space-6));flex-direction:column;display:flex;position:absolute}.dx-demo--pen .app-ui .touch-modifiers>*{pointer-events:auto}.dx-demo--pen .app-ui .touch-modifiers-list{gap:var(--space-1);padding:var(--space-1-5);scrollbar-width:none;border-radius:var(--radius-2xl);background:var(--surface-raised);min-block-size:0;box-shadow:var(--elevation-2);flex-direction:column;display:flex;overflow-y:auto}.dx-demo--pen .app-ui .touch-modifiers-list[hidden]{display:none}.dx-demo--pen .app-ui .touch-modifier{align-items:center;gap:var(--space-2);min-block-size:44px;min-inline-size:112px;padding:0 var(--space-3) 0 var(--space-2-5);border-radius:var(--radius-lg);color:var(--text-2);font:var(--type-ui-strong);touch-action:none;background:0 0;border:0;display:flex}.dx-demo--pen .app-ui .touch-modifier:hover{background:var(--surface-hover);color:var(--text-1)}.dx-demo--pen .app-ui .touch-modifier>svg{inline-size:var(--icon-md);block-size:var(--icon-md);flex:none}.dx-demo--pen .app-ui .touch-modifier[aria-pressed=true]{background:var(--accent-strong);color:var(--text-on-strong)}.dx-demo--pen .app-ui .touch-modifiers-toggle{justify-content:center;align-items:center;gap:var(--space-1-5);block-size:48px;min-inline-size:48px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-2);box-shadow:var(--elevation-2);font:var(--type-ui-strong);border:0;display:inline-flex}.dx-demo--pen .app-ui .touch-modifiers-toggle>svg{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.dx-demo--pen .app-ui .touch-modifiers-toggle[data-active]{background:var(--accent-strong);color:var(--text-on-strong)}.dx-demo--pen .app-ui .touch-modifiers-toggle[aria-expanded=true]:not([data-active]){color:var(--accent-text-strong)}.dx-demo--pen .app-ui .touch-modifiers-state:empty{display:none}.dx-demo--pen .app-ui .touch-modifier:focus-visible,.dx-demo--pen .app-ui .touch-modifiers-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dx-demo--pen .app-ui.ed .ed-viewport{min-block-size:340px}.dx-demo--pen .app-ui.ed .ed-viewport>canvas{touch-action:none}.dx-demo--pen .app-ui .draw-pressure{gap:var(--space-2);margin:var(--space-1) 0;display:grid}.dx-demo--pen .app-ui .draw-pressure-graph{aspect-ratio:1;touch-action:none;inline-size:100%;max-inline-size:170px;margin:0 auto;display:block;overflow:visible}.dx-demo--pen .app-ui .draw-pressure-frame{fill:var(--surface-sunken);stroke:var(--line-2);stroke-width:1px;rx:4px}.dx-demo--pen .app-ui .draw-pressure-grid{fill:none;stroke:var(--line-2);stroke-width:.6px}.dx-demo--pen .app-ui .draw-pressure-diagonal{fill:none;stroke:var(--text-3);stroke-width:.8px;stroke-dasharray:3 3}.dx-demo--pen .app-ui .draw-pressure-arms{fill:none;stroke:var(--accent-text);stroke-width:.9px;opacity:.55}.dx-demo--pen .app-ui .draw-pressure-line{fill:none;stroke:var(--accent-text);stroke-width:2.4px;stroke-linecap:round}.dx-demo--pen .app-ui .draw-pressure-handle{fill:var(--surface);stroke:var(--accent-text);stroke-width:2px;cursor:grab}.dx-demo--pen .app-ui .draw-pressure-handle:hover,.dx-demo--pen .app-ui .draw-pressure-handle:focus-visible{fill:var(--accent-text);outline:none}.dx-demo--pen .app-ui .draw-pressure.is-dragging .draw-pressure-handle{cursor:grabbing}.dx-demo--pen .app-ui .draw-pressure-now{fill:var(--text-1);pointer-events:none}.dx-demo--pen .app-ui .drawing-hint{font:var(--type-small);color:var(--text-3);margin-block-start:var(--space-1)}.dx-demo--pen .app-ui .pen-pressure-section .ui-section-body{gap:var(--space-2);display:grid}.dx-demo--pen.pen-pressure .app-ui.ed .ed-viewport{min-block-size:470px}.dx-demo--pen .app-ui .ui-section-body>.ui-switch-row+.ui-switch-row{margin-block-start:var(--space-1)}@container ed (width<=720px){.dx-demo--pen.pen-pressure .app-ui.ed .ed-viewport{min-block-size:300px}.dx-demo--pen.pen-pressure .app-ui.ed .ed-side>.ed-scroll{max-block-size:460px}}.app-ui.ed .pv-film.sheet-filmstrip{min-block-size:0}.app-ui.ed .pv-film .sheet-filmstrip-scroll{padding:var(--space-2) var(--space-2) var(--space-1)}.app-ui.ed .pv-film{--filmstrip-card:148px}.app-ui.ed .pv-film .ui-frame-hold{cursor:default}@container ed (width<=640px){.app-ui.ed .pv-film{--filmstrip-card:112px}.app-ui.ed .pv-film .sheet-filmstrip-scroll{min-block-size:0}}@layer report-shared{.dx-demo--report .app-ui .support-center{--sc-bg:#101216;--sc-panel:#171b21;--sc-input:#11151a;--sc-line:#ffffff18;--sc-text:#f5f7fa;--sc-muted:#96a2b2;--sc-blue:#0d99ff;--sc-hover:#ffffff07;--sc-selected:#0d99ff0d;--sc-action:#f5f7fa;--sc-action-text:#141a22;--sc-note:#dcaa4310;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--sc-text);font:14px/1.5 var(--font-ui);text-align:left}.dx-demo--report .app-ui .support-center *{box-sizing:border-box}.dx-demo--report .app-ui .support-center [hidden]{display:none!important}.dx-demo--report .app-ui .support-center :is(h2,h3,p){margin:0}.dx-demo--report .app-ui .support-center h2{letter-spacing:-.035em;font-size:24px;font-weight:600;line-height:1.3}.dx-demo--report .app-ui .support-center h3{letter-spacing:-.02em;font-size:15px;font-weight:550}.dx-demo--report .app-ui .support-center form{margin:0}.dx-demo--report .app-ui .support-center :is(button,input,select,textarea){font:inherit;color:inherit}.dx-demo--report .app-ui .support-center button{border:1px solid var(--sc-line);cursor:pointer;white-space:normal;background:0 0;border-radius:7px;min-height:38px;padding:8px 14px;font-size:12px;font-weight:550;line-height:1.5;display:inline-block}.dx-demo--report .app-ui .support-center button:hover{background:var(--sc-hover)}.dx-demo--report .app-ui .support-center button:disabled{opacity:.45;cursor:default}.dx-demo--report .app-ui .support-center .sc-primary{background:var(--sc-action);color:var(--sc-action-text);border-color:var(--sc-action)}.dx-demo--report .app-ui .support-center .sc-primary:hover{filter:brightness(.94);background:var(--sc-action)}.dx-demo--report .app-ui .support-center .sc-quiet{color:var(--sc-muted);border-color:#0000}.dx-demo--report .app-ui .support-center .sc-danger{color:#e97885}.dx-demo--report .app-ui .support-center :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--sc-blue);outline-offset:3px}.dx-demo--report .app-ui .support-center .sc-small{color:var(--sc-muted);font-size:11px;line-height:1.6}.dx-demo--report .app-ui .support-center .sc-eyebrow{color:var(--sc-muted);font-size:11px}.dx-demo--report .app-ui .support-center .sc-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dx-demo--report .app-ui .support-center .sc-top{border-bottom:1px solid var(--sc-line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.dx-demo--report .app-ui .support-center .sc-tabs{gap:24px;display:flex}.dx-demo--report .app-ui .support-center .sc-tabs button{color:var(--sc-muted);background:0 0;border:0;border-radius:0;padding:14px 0;font-size:13px;position:relative}.dx-demo--report .app-ui .support-center .sc-tabs button[aria-current=page]{color:var(--sc-text)}.dx-demo--report .app-ui .support-center .sc-tabs button[aria-current=page]:after{content:"";background:var(--sc-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.dx-demo--report .app-ui .support-center summary{cursor:pointer;color:var(--sc-muted);font-size:12px;list-style:none}.dx-demo--report .app-ui .support-center summary::-webkit-details-marker{display:none}.dx-demo--report .app-ui .support-center summary:after{content:"+";float:right;margin-left:12px}.dx-demo--report .app-ui .support-center details[open]>summary:after{content:"−"}.dx-demo--report .app-ui .support-center .sc-access,.dx-demo--report .app-ui .support-center .sc-report-menu{position:relative}.dx-demo--report .app-ui .support-center .sc-access>summary{padding:12px 0}.dx-demo--report .app-ui .support-center .sc-access-actions,.dx-demo--report .app-ui .support-center .sc-menu-actions{z-index:6;background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:9px;min-width:215px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0003}.dx-demo--report .app-ui .support-center .sc-access-actions button,.dx-demo--report .app-ui .support-center .sc-menu-actions button{text-align:left;border:0;width:100%}.dx-demo--report .app-ui .support-center .sc-notice{border-left:2px solid var(--sc-blue);background:var(--sc-selected);overflow-wrap:anywhere;margin-bottom:18px;padding:11px 14px;font-size:12px}.dx-demo--report .app-ui .support-center .sc-notice[role=alert]{background:var(--sc-note);border-color:#dca264}.dx-demo--report .app-ui .support-center .sc-grid{border:1px solid var(--sc-line);background:var(--sc-panel);border-radius:12px;grid-template-columns:260px minmax(0,1fr);min-height:540px;display:grid}.dx-demo--report .app-ui .support-center .sc-inbox{border-right:1px solid var(--sc-line);border-radius:12px 0 0 12px;min-width:0;padding:20px 12px}.dx-demo--report .app-ui .support-center .sc-inbox-header{justify-content:space-between;align-items:center;margin:0 8px 14px;display:flex}.dx-demo--report .app-ui .support-center .sc-inbox-header strong{font-size:13px}.dx-demo--report .app-ui .support-center .sc-refresh{min-height:30px;color:var(--sc-muted);border:0;padding:4px 8px;font-size:11px}.dx-demo--report .app-ui .support-center .sc-list{flex-direction:column;gap:4px;max-height:640px;padding:2px;display:flex;overflow:auto}.dx-demo--report .app-ui .support-center .sc-item{text-align:left;border:1px solid #0000;border-radius:8px;flex:none;width:100%;padding:14px 12px}.dx-demo--report .app-ui .support-center .sc-item[aria-current=true]{background:var(--sc-selected);border-color:var(--sc-blue)}.dx-demo--report .app-ui .support-center .sc-item-meta{color:var(--sc-muted);justify-content:space-between;gap:8px;font-size:10px;display:flex}.dx-demo--report .app-ui .support-center .sc-item-title{overflow-wrap:anywhere;margin:7px 0 10px;font-size:13px;line-height:1.55;display:block}.dx-demo--report .app-ui .support-center .sc-dot{background:var(--sc-blue);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.dx-demo--report .app-ui .support-center .sc-pill{background:var(--sc-hover);color:var(--sc-muted);white-space:nowrap;border-radius:5px;align-items:center;padding:3px 7px;font-size:10px;display:inline-flex}.dx-demo--report .app-ui .support-center .sc-pill[data-status=new],.dx-demo--report .app-ui .support-center .sc-pill[data-status=in_progress]{background:var(--sc-selected);color:var(--sc-blue)}.dx-demo--report .app-ui .support-center .sc-pill[data-status=waiting]{color:#bb9251;background:var(--sc-note)}.dx-demo--report .app-ui .support-center .sc-pill[data-status=resolved]{color:#54a882;background:#55c28f14}.dx-demo--report .app-ui .support-center .sc-body{min-width:0;padding:28px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-grid{min-height:0;display:block}.dx-demo--report .app-ui .support-center:not(.sc-admin)[data-view=create] .sc-inbox,.dx-demo--report .app-ui .support-center:not(.sc-admin)[data-view=thread] .sc-inbox,.dx-demo--report .app-ui .support-center:not(.sc-admin)[data-view=inbox] .sc-body{display:none}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-inbox{border:0;border-radius:12px;padding:20px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-list{max-height:none}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item{border-bottom:1px solid var(--sc-line);border-radius:0;padding:18px 12px}.dx-demo--report .app-ui .support-center:not(.sc-admin)[data-view=create] .sc-body{padding:30px 36px}.dx-demo--report .app-ui .support-center .sc-steps{align-items:center;gap:16px;margin-bottom:30px;display:flex}.dx-demo--report .app-ui .support-center .sc-steps button{color:var(--sc-muted);background:0 0;border:0;align-items:center;gap:9px;min-height:28px;padding:0;font-size:12px;display:flex}.dx-demo--report .app-ui .support-center .sc-steps button[aria-current=step]{color:var(--sc-blue)}.dx-demo--report .app-ui .support-center .sc-step-line{background:var(--sc-line);width:36px;height:1px}.dx-demo--report .app-ui .support-center .sc-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dx-demo--report .app-ui .support-center .sc-full{grid-column:1/-1}.dx-demo--report .app-ui .support-center label{min-width:0;color:var(--sc-text);font-size:12px;font-weight:550;display:block}.dx-demo--report .app-ui .support-center .sc-optional{color:var(--sc-muted);font-size:10px;font-weight:400}.dx-demo--report .app-ui .support-center :is(input,textarea,select){border:1px solid var(--sc-line);background:var(--sc-input);border-radius:7px;width:100%;min-height:42px;margin:8px 0 0;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.6;display:block}.dx-demo--report .app-ui .support-center :is(input,textarea)::placeholder{color:var(--sc-muted);opacity:.8}.dx-demo--report .app-ui .support-center textarea{resize:vertical;min-height:92px}.dx-demo--report .app-ui .support-center [name=description]{min-height:136px}.dx-demo--report .app-ui .support-center :is(input,textarea,select):focus{border-color:var(--sc-blue)}.dx-demo--report .app-ui .support-center .sc-extra{border-top:1px solid var(--sc-line);padding-top:16px}.dx-demo--report .app-ui .support-center .sc-extra summary span{color:var(--sc-muted);margin-left:7px;font-size:10px}.dx-demo--report .app-ui .support-center .sc-extra .sc-fields{margin-top:20px}.dx-demo--report .app-ui .support-center .sc-form-footer{border-top:1px solid var(--sc-line);justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:20px;display:flex}.dx-demo--report .app-ui .support-center .sc-retention{margin-top:20px}.dx-demo--report .app-ui .support-center .sc-retention summary{font-size:10px;display:inline-block}.dx-demo--report .app-ui .support-center .sc-retention p{color:var(--sc-muted);margin-top:8px;font-size:11px;line-height:1.7}.dx-demo--report .app-ui .support-center .sc-file-zone{border:1px dashed var(--sc-line);cursor:pointer;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;display:flex;position:relative}.dx-demo--report .app-ui .support-center .sc-upload-button{color:var(--sc-blue);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.dx-demo--report .app-ui .support-center .sc-file-zone p{color:var(--sc-muted);font-size:10px;font-weight:400}.dx-demo--report .app-ui .support-center .sc-file-zone input{opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}.dx-demo--report .app-ui .support-center .sc-file-zone:focus-within,.dx-demo--report .app-ui .support-center .sc-file-zone.sc-drag{outline:2px solid var(--sc-blue);outline-offset:2px;background:var(--sc-selected)}.dx-demo--report .app-ui .support-center .sc-files{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.dx-demo--report .app-ui .support-center .sc-file{border:1px solid var(--sc-line);border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%;padding:8px 10px;font-size:11px;display:flex}.dx-demo--report .app-ui .support-center .sc-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.dx-demo--report .app-ui .support-center .sc-file button{min-height:24px;color:var(--sc-blue);border:0;padding:0 5px;font-size:11px}.dx-demo--report .app-ui .support-center .sc-preview{object-fit:contain;border-radius:6px;max-width:100%;max-height:260px;margin-top:12px;display:block}.dx-demo--report .app-ui .support-center .sc-mobile-back{display:none}@media (width<=700px){.dx-demo--report .app-ui .support-center .sc-mobile-back{display:inline-block}}.dx-demo--report .app-ui .support-center .sc-create-files{margin-top:24px}.dx-demo--report .app-ui .support-center .sc-file-zone{border-color:var(--sc-blue);background:var(--sc-selected);text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:20px}.dx-demo--report .app-ui .support-center .sc-upload-button{font-size:14px;font-weight:600}.dx-demo--report .app-ui .support-center .sc-upload-button>span{font-size:24px}.dx-demo--report .app-ui .support-center .sc-file-zone p{margin:0;font-size:11px}.dx-demo--report .app-ui .support-center .sc-preparing{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.dx-demo--report .app-ui .support-center .sc-attachment-card{width:250px;overflow:hidden}.dx-demo--report .app-ui .support-center .sc-attachment-card .sc-preview{object-fit:contain;background:var(--sc-input);width:100%;height:150px;margin:0 0 6px}.dx-demo--report .app-ui .support-center .sc-project-preview{background:var(--sc-selected);width:100%;height:76px;color:var(--sc-blue);letter-spacing:2px;border-radius:5px;place-items:center;font-size:19px;font-weight:600;display:grid}.dx-demo--report .app-ui .support-center .sc-attachment-card .sc-file-name{flex:1;max-width:100%}.dx-demo--report .app-ui .support-center .sc-attachment-card .sc-small{font-size:10px}.dx-demo--report .app-ui .support-center .sc-attachment-card video{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-tabs button{font-weight:500}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-access>summary{border:1px solid var(--sc-line);color:var(--sc-text);border-radius:7px;padding:8px 12px;font-size:11.5px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-access>summary:after{opacity:.7;margin-left:8px}.dx-demo--report .app-ui .support-center .sc-steps{gap:12px;margin-bottom:28px}.dx-demo--report .app-ui .support-center .sc-steps button{gap:0;min-height:30px;font-size:0}.dx-demo--report .app-ui .support-center .sc-steps button:before{content:attr(data-step-nav);border:1px solid var(--sc-line);width:22px;height:22px;color:var(--sc-muted);border-radius:50%;place-items:center;margin-right:8px;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:grid}.dx-demo--report .app-ui .support-center .sc-steps button span{color:var(--sc-muted);font-size:12.5px;font-weight:500}.dx-demo--report .app-ui .support-center .sc-steps button[aria-current=step]:before{background:var(--sc-blue);border-color:var(--sc-blue);color:var(--sc-action-text,#fff)}.dx-demo--report .app-ui .support-center .sc-steps button[aria-current=step] span{color:var(--sc-text)}.dx-demo--report .app-ui .support-center .sc-step-line{flex:1;max-width:56px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-fields{gap:18px}.dx-demo--report .app-ui .support-center:not(.sc-admin) label{font-size:12.5px}.dx-demo--report .app-ui .support-center:not(.sc-admin) :is(input,textarea,select){border-radius:9px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-form-footer .sc-primary{min-height:42px;padding:9px 18px;font-size:13px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-file-zone{border-style:dashed;border-color:var(--sc-line);background:0 0;min-height:84px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-file-zone:hover{border-color:var(--sc-blue);background:var(--sc-selected)}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-inbox-header{margin:0 4px 16px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-inbox-header strong{font-size:14px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-list{gap:8px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item{border:1px solid var(--sc-line);background:var(--sc-input);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta meta""title pill";align-items:center;gap:6px 12px;padding:16px 18px;transition:border-color .15s,background .15s;display:grid}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item:hover{border-color:var(--sc-blue);background:var(--sc-selected)}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item:last-child{border-bottom:1px solid var(--sc-line)}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item-meta{grid-area:meta;font-size:11px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item-title{grid-area:title;margin:0;font-size:14px;font-weight:500;line-height:1.45}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item .sc-pill{grid-area:pill;justify-self:end}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-empty{padding:56px 20px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-empty h3{color:var(--sc-text);margin-bottom:6px;font-size:16px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-empty .sc-primary{margin-top:16px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-message{border-radius:12px;padding:14px 18px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-message[data-role=developer]{background:var(--sc-selected);border-color:#0000}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-composer textarea{border-radius:9px;min-height:96px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-composer footer .sc-primary{min-height:40px;padding:8px 16px}@media (width<=700px){.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item{padding:14px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-item-title{font-size:13px}.dx-demo--report .app-ui .support-center:not(.sc-admin) .sc-message{padding:12px}}.dx-demo--report .app-ui .support-center .sc-attachment-card{max-width:100%}}.dx-demo--report .app-ui .styk-feedback{border-radius:var(--radius-3xl);background:var(--surface);block-size:min(800px,100dvh - 32px);max-block-size:none;inline-size:min(880px,100vw - 32px);max-inline-size:none;color:var(--text-1);box-shadow:var(--elevation-4);font:var(--type-ui);font-feature-settings:var(--font-features);border:0;margin:auto;padding:0;overflow:hidden;container:styk-feedback/inline-size}.dx-demo--report .app-ui .styk-feedback:where([open]){grid-template-rows:auto minmax(0,1fr);display:grid}.dx-demo--report .app-ui .styk-feedback::backdrop{background:var(--surface-backdrop)}.dx-demo--report .app-ui .styk-feedback-head{align-items:center;gap:var(--space-3);min-block-size:72px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-block-end:1px solid var(--line-1);display:flex}.dx-demo--report .app-ui .styk-feedback-badge{border-radius:var(--radius-lg);background:var(--badge-new);block-size:40px;inline-size:40px;color:var(--on-badge);flex:none;place-items:center;display:grid}.dx-demo--report .app-ui .styk-feedback-badge>svg{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.dx-demo--report .app-ui .styk-feedback-head>div{gap:var(--space-0-5);flex:1;min-inline-size:0;display:grid}.dx-demo--report .app-ui .styk-feedback-head h2{color:var(--text-1);font:var(--weight-display) var(--text-20)/var(--leading-20) var(--font-display);letter-spacing:var(--tracking-display);margin:0}.dx-demo--report .app-ui .styk-feedback-head p{font:var(--type-small);color:var(--text-3);margin:0}.dx-demo--report .app-ui .styk-feedback-close{inline-size:var(--control-lg);block-size:var(--control-lg);background:var(--control-soft);color:var(--text-1);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.dx-demo--report .app-ui .styk-feedback-close:where(:hover){background:var(--control-soft-hover)}.dx-demo--report .app-ui .styk-feedback-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.dx-demo--report .app-ui .styk-feedback-close>svg{inline-size:var(--icon-md);block-size:var(--icon-md);stroke-width:var(--icon-stroke-small)}.dx-demo--report .app-ui .styk-feedback-body{overscroll-behavior:contain;min-inline-size:0;padding:var(--space-6) var(--space-8) var(--space-8);scrollbar-gutter:stable;overflow:auto}.dx-demo--report .app-ui .styk-feedback-loading{padding:var(--space-10) 0;text-align:center;color:var(--text-3);margin:0}.dx-demo--report .app-ui .styk-feedback .support-center{--sc-bg:var(--surface);--sc-panel:var(--surface-raised);--sc-input:var(--surface-sunken);--sc-line:var(--line-2);--sc-text:var(--text-1);--sc-muted:var(--text-3);--sc-blue:var(--accent-text);--sc-hover:var(--surface-hover);--sc-selected:var(--accent-soft);--sc-action:var(--primary);--sc-action-text:var(--on-primary);--sc-note:var(--warning-soft);max-inline-size:760px;color-scheme:inherit;color:var(--text-1);font:var(--type-ui);margin-inline:auto}.dx-demo--report .app-ui .styk-feedback .support-center :where(h2){font:var(--weight-display) var(--text-28)/var(--leading-28) var(--font-display);letter-spacing:-.035em}.dx-demo--report .app-ui .styk-feedback .support-center :where(h3){font:var(--type-heading);letter-spacing:var(--tracking-heading)}.dx-demo--report .app-ui .styk-feedback .sc-small{font:var(--type-small);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-eyebrow{font:var(--type-small-strong);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .support-center button{justify-content:center;align-items:center;gap:var(--space-1-5);min-block-size:var(--control-md);padding:0 var(--space-3-5);border-radius:var(--radius-pill);background:var(--control-soft);color:var(--text-1);font:var(--type-button);letter-spacing:-.005em;transition:background-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast);border:0;display:inline-flex}.dx-demo--report .app-ui .styk-feedback .support-center button:where(:hover:not(:disabled)){background:var(--control-soft-hover)}.dx-demo--report .app-ui .styk-feedback .support-center button:where(:active:not(:disabled)){transform:scale(var(--press-scale))}.dx-demo--report .app-ui .styk-feedback .support-center .sc-primary{min-block-size:var(--control-lg);padding-inline:var(--space-5);background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-shadow)}.dx-demo--report .app-ui .styk-feedback .support-center .sc-primary:where(:hover:not(:disabled)){background:var(--primary-hover);filter:none}.dx-demo--report .app-ui .styk-feedback .support-center .sc-quiet{color:var(--text-2);background:0 0}.dx-demo--report .app-ui .styk-feedback .support-center .sc-danger{color:var(--danger-text)}.dx-demo--report .app-ui .styk-feedback .support-center :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.dx-demo--report .app-ui .styk-feedback .sc-top{border:0;align-items:center;margin-block-end:var(--space-6)}.dx-demo--report .app-ui .styk-feedback .sc-tabs{gap:var(--space-0-5);padding:var(--space-0-5);border-radius:var(--radius-pill);background:var(--surface-well);display:inline-flex}.dx-demo--report .app-ui .styk-feedback .sc-tabs button{min-block-size:var(--control-md);padding:0 var(--space-4);color:var(--text-2);font:var(--type-ui-strong);background:0 0}.dx-demo--report .app-ui .styk-feedback .sc-tabs button:where([aria-current=page]){background:var(--control-thumb);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-control), var(--elevation-1)}.dx-demo--report .app-ui .styk-feedback .sc-tabs button:after{content:none}.dx-demo--report .app-ui .styk-feedback summary{font:var(--type-small-strong);color:var(--text-2)}.dx-demo--report .app-ui .styk-feedback .sc-access>summary{min-block-size:var(--control-md);padding:0 var(--space-3-5);border-radius:var(--radius-pill);background:var(--control-soft);color:var(--text-1);font:var(--type-button);border:0;align-items:center;display:inline-flex}.dx-demo--report .app-ui .styk-feedback :is(.sc-access-actions,.sc-menu-actions){padding:var(--space-1);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--elevation-3);border:0}.dx-demo--report .app-ui .styk-feedback :is(.sc-access-actions,.sc-menu-actions) button{border-radius:var(--radius-sm);inline-size:100%;font:var(--type-ui);background:0 0;justify-content:flex-start}.dx-demo--report .app-ui .styk-feedback .sc-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--text-1);font:var(--type-ui);border:0;margin-block-end:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .sc-notice:where([role=alert]){background:var(--warning-soft)}.dx-demo--report .app-ui .styk-feedback .sc-grid{background:0 0;border:0;border-radius:0}.dx-demo--report .app-ui .styk-feedback .sc-body{padding:0}.dx-demo--report .app-ui .styk-feedback .sc-steps{gap:var(--space-3);margin-block-end:var(--space-6)}.dx-demo--report .app-ui .styk-feedback .sc-steps button{min-block-size:var(--control-md);padding:0 var(--space-3) 0 var(--space-1);gap:var(--space-2);background:0 0;font-size:0}.dx-demo--report .app-ui .styk-feedback .sc-steps button:before{content:attr(data-step-nav);background:var(--surface-well);block-size:26px;inline-size:26px;color:var(--text-2);font:var(--type-small-strong);border-radius:50%;place-items:center;display:grid}.dx-demo--report .app-ui .styk-feedback .sc-steps button>span{font:var(--type-ui-strong);color:var(--text-2)}.dx-demo--report .app-ui .styk-feedback .sc-steps button:where([aria-current=step]):before{background:var(--primary);color:var(--on-primary)}.dx-demo--report .app-ui .styk-feedback .sc-steps button:where([aria-current=step])>span{color:var(--text-1)}.dx-demo--report .app-ui .styk-feedback .sc-step-line{background:var(--line-2);border-radius:1px;block-size:2px;inline-size:40px}.dx-demo--report .app-ui .styk-feedback .sc-fields{gap:var(--space-5)}.dx-demo--report .app-ui .styk-feedback .support-center label{font:var(--type-small-strong);color:var(--text-2)}.dx-demo--report .app-ui .styk-feedback .support-center :is(input,textarea,select){min-block-size:var(--control-lg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-1);font:var(--type-body);line-height:var(--leading-14);transition:background-color var(--dur-fast), box-shadow var(--dur-fast);border:0;margin-block-start:var(--space-2)}.dx-demo--report .app-ui .styk-feedback .support-center :is(input,textarea,select):where(:hover){box-shadow:inset 0 0 0 1px var(--line-3)}.dx-demo--report .app-ui .styk-feedback .support-center :is(input,textarea,select):focus{background-color:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 4px var(--focus-halo);outline:0}.dx-demo--report .app-ui .styk-feedback .support-center :is(input,textarea)::placeholder{color:var(--text-placeholder);opacity:1}.dx-demo--report .app-ui .styk-feedback .support-center select{appearance:none;padding-inline-end:var(--space-8)}.dx-demo--report .app-ui .styk-feedback .support-center label:has(>select){position:relative}.dx-demo--report .app-ui .styk-feedback .support-center label:has(>select):after{content:"";border:solid var(--text-3);pointer-events:none;border-width:0 1.75px 1.75px 0;block-size:7px;inline-size:7px;position:absolute;inset-block-end:15px;inset-inline-end:15px;rotate:45deg}.dx-demo--report .app-ui .styk-feedback .support-center textarea{min-block-size:96px}.dx-demo--report .app-ui .styk-feedback .support-center [name=description]{min-block-size:140px}.dx-demo--report .app-ui .styk-feedback .sc-extra{border-block-start:1px solid var(--line-1);padding-block-start:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .sc-file-zone{min-block-size:112px;padding:var(--space-5);gap:var(--space-1-5);border:1.5px dashed var(--line-3);border-radius:var(--radius-xl);background:radial-gradient(var(--stage-dot) 1.1px, transparent 1.3px) 0 0 / 16px 16px, var(--surface-sunken);transition:border-color var(--dur-fast), background-color var(--dur-fast)}.dx-demo--report .app-ui .styk-feedback .sc-file-zone:where(:hover,:focus-within,.sc-drag){border-color:var(--accent-line);background-color:var(--accent-soft);outline:0}.dx-demo--report .app-ui .styk-feedback .sc-upload-button{font:var(--type-button);color:var(--accent-text)}.dx-demo--report .app-ui .styk-feedback .sc-upload-button>span{font-size:var(--text-20)}.dx-demo--report .app-ui .styk-feedback .sc-file-zone p{font:var(--type-small);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-file{border-radius:var(--radius-lg);background:var(--surface-sunken);font:var(--type-small);border:0}.dx-demo--report .app-ui .styk-feedback .sc-file button{min-block-size:var(--control-xs);padding:0 var(--space-2);color:var(--accent-text);font:var(--type-small-strong);background:0 0}.dx-demo--report .app-ui .styk-feedback .sc-project-preview{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-text);font:var(--weight-display) var(--text-18)/1 var(--font-display)}.dx-demo--report .app-ui .styk-feedback .sc-form-footer{border-block-start:1px solid var(--line-1);margin-block-start:var(--space-6);padding-block-start:var(--space-5)}.dx-demo--report .app-ui .styk-feedback .sc-form-footer>.sc-small:before{content:"";block-size:7px;inline-size:7px;background:var(--success-dot);vertical-align:1px;border-radius:50%;margin-inline-end:var(--space-1-5);display:inline-block}.dx-demo--report .app-ui .styk-feedback .sc-retention p{font:var(--type-small);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-inbox{border:0;padding:0}.dx-demo--report .app-ui .styk-feedback .sc-inbox-header{margin:0 var(--space-1) var(--space-3)}.dx-demo--report .app-ui .styk-feedback .sc-inbox-header strong{font:var(--type-heading);letter-spacing:var(--tracking-heading)}.dx-demo--report .app-ui .styk-feedback .sc-refresh{color:var(--text-2);background:0 0}.dx-demo--report .app-ui .styk-feedback .sc-list{gap:var(--space-2)}.dx-demo--report .app-ui .styk-feedback .support-center .sc-item{justify-items:start;gap:var(--space-1-5);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--elevation-1);text-align:start;font:var(--type-ui);border:0;display:grid}.dx-demo--report .app-ui .styk-feedback .support-center .sc-item:where(:hover){background:var(--surface-raised);box-shadow:var(--elevation-2)}.dx-demo--report .app-ui .styk-feedback .sc-item-meta{font:var(--type-small);color:var(--text-3);justify-self:stretch}.dx-demo--report .app-ui .styk-feedback .sc-item-title{font:var(--type-emphasis);color:var(--text-1);margin:0}.dx-demo--report .app-ui .styk-feedback .sc-dot{background:var(--accent)}.dx-demo--report .app-ui .styk-feedback .sc-pill{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-2);font:var(--type-micro)}.dx-demo--report .app-ui .styk-feedback .sc-pill:where([data-status=new],[data-status=in_progress]){background:var(--accent-soft);color:var(--accent-text-strong)}.dx-demo--report .app-ui .styk-feedback .sc-pill:where([data-status=waiting]){background:var(--warning-soft);color:var(--warning-text)}.dx-demo--report .app-ui .styk-feedback .sc-pill:where([data-status=resolved]){background:var(--success-soft);color:var(--success-text)}.dx-demo--report .app-ui .styk-feedback .sc-empty{padding:var(--space-10) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-sunken);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-empty h3{color:var(--text-2);margin-block-end:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .sc-thread-toolbar{margin-block-end:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .sc-live{font:var(--type-small);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-live:before{color:var(--success-dot)}.dx-demo--report .app-ui .styk-feedback .sc-report-menu>summary{min-block-size:var(--control-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill)}.dx-demo--report .app-ui .styk-feedback .sc-ticket-heading h2{font-size:var(--text-28);margin-block-start:var(--space-3)}.dx-demo--report .app-ui .styk-feedback .sc-details{border-block-end:1px solid var(--line-1);padding-block-end:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .support-center dl{font:var(--type-ui)}.dx-demo--report .app-ui .styk-feedback .sc-conversation{gap:var(--space-3)}.dx-demo--report .app-ui .styk-feedback .sc-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-sunken);border:0;border-end-start-radius:var(--radius-2xs)}.dx-demo--report .app-ui .styk-feedback .sc-message:where([data-role=developer]){border-radius:var(--radius-xl);background:var(--accent-soft);border-end-end-radius:var(--radius-2xs)}.dx-demo--report .app-ui .styk-feedback .sc-message:where([data-role=note]){background:var(--warning-soft)}.dx-demo--report .app-ui .styk-feedback .sc-message header{font:var(--type-small);color:var(--text-3)}.dx-demo--report .app-ui .styk-feedback .sc-message header strong{font:var(--type-small-strong);color:var(--text-1)}.dx-demo--report .app-ui .styk-feedback .sc-message p{font:var(--type-body);line-height:1.6}.dx-demo--report .app-ui .styk-feedback .sc-composer{border-block-start:1px solid var(--line-1);margin-block-start:var(--space-5);padding-block-start:var(--space-5)}.dx-demo--report .app-ui .styk-feedback .sc-recovery{border-radius:var(--radius-xl);background:var(--accent-soft);border:0}.dx-demo--report .app-ui .styk-feedback .sc-delete-confirm{border-radius:var(--radius-lg);background:var(--danger-soft);border:0}@container styk-feedback (width<=620px){.dx-demo--report .app-ui .styk-feedback-head{min-block-size:60px;padding-inline:var(--space-4) var(--space-3)}.dx-demo--report .app-ui .styk-feedback-badge{block-size:34px;inline-size:34px}.dx-demo--report .app-ui .styk-feedback-head p{display:none}.dx-demo--report .app-ui .styk-feedback-body{padding:var(--space-4)}.dx-demo--report .app-ui .styk-feedback .sc-top{gap:var(--space-2);flex-wrap:wrap}}@media (forced-colors:active){.dx-demo--report .app-ui .styk-feedback .sc-tabs button:where([aria-current=page]){outline:2px solid highlight}.dx-demo--report .app-ui .styk-feedback .support-center :is(input,textarea,select){border:1px solid canvastext}}.dx-demo--report>.app-ui.rp-desk{padding:var(--space-4);background:var(--surface-field);border-radius:22px;margin:0 8px 8px}.dx-demo--report .app-ui .styk-feedback{block-size:auto;max-block-size:760px;inline-size:100%;box-shadow:var(--elevation-3);grid-template-rows:auto minmax(0,1fr);margin:0;display:grid}.dx-demo--report .app-ui .styk-feedback-body{max-block-size:680px}.dx-demo--report .app-ui .rp-sent{justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);text-align:center;display:grid}.dx-demo--report .app-ui .rp-sent h3{font:var(--type-heading)}.dx-demo--report .app-ui .rp-sent p{max-inline-size:46ch;color:var(--text-2);font:var(--type-body)}@container (width<=560px){.dx-demo--report>.app-ui.rp-desk{padding:var(--space-1-5)}}.app-ui.ed .sb-float{z-index:6}.app-ui.ed .sb-float>.ui-menu{min-inline-size:220px}.app-ui.ed .sb-float>.ui-menu .ui-menu-item[aria-expanded=true]{background:var(--surface-hover)}.app-ui.ed .sb-float>.ui-menu .ui-menu-item>svg:last-child:not(:first-child){margin-inline-start:auto}.app-ui.ed .ed-side [data-insp] .ui-quick{flex-wrap:wrap;display:flex}.app-ui.ed .ed-side [data-insp] .inspector-meta{padding-block:0 var(--space-1)}.app-ui.ed .ed-side [data-insp] .ui-section-actions{gap:var(--space-0-5);margin-inline-start:auto;display:flex}.app-ui.ed .ed-side [data-insp] .ui-action-row{gap:var(--space-1);flex-wrap:wrap;display:flex}.app-ui.ed .ed-center>.stage-head{position:relative}.app-ui.ed .stage-head[data-msg-over]>.stage-head-start{visibility:hidden}.app-ui.ed .stage-head>.stage-head-msg{--msg-end:0px;justify-content:flex-start;padding-inline-start:var(--space-2)}.app-ui.ed .stage-head>.stage-head-msg>.ui-toast{border-radius:var(--radius-pill);flex-wrap:nowrap;max-inline-size:100%}.app-ui.ed .stage-head>.stage-head-msg .ui-toast-text{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}@container ed (width<=720px){.app-ui.ed .ed-side>.ed-scroll[data-insp]{max-block-size:300px}.app-ui.ed .sb-float>.ui-menu{min-inline-size:0;max-inline-size:calc(100cqi - 12px)}}@container ed (width<=460px){.app-ui.ed .stage-head[data-msg-over]>.stage-head-end{visibility:hidden}.app-ui.ed .stage-head>.stage-head-msg{inset-inline:0}}@container ed (width>=721px){.dx-demo--sandbox>.ed>.ed-side,.dx-demo--ik>.ed>.ed-side,.dx-demo--threed>.ed>.ed-side{contain:size;flex-direction:column;display:flex}}.dx-demo--save .sv-offer{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;inset-block-start:10px;inset-inline:10px}.dx-demo--save .sv-offer>.ui-toast{pointer-events:auto;box-shadow:var(--elevation-2);background:var(--surface)}.app-ui .ed-viewport>:is(.ed-crash,.ed-closed){z-index:6;place-content:center;justify-items:center;gap:var(--space-3);text-align:center;background:var(--surface-field);animation:edPop var(--dur-slow) var(--ease-out);display:grid;position:absolute;inset:0}.app-ui .ed-viewport>:is(.ed-crash,.ed-closed)[hidden]{display:none}.app-ui .ed-viewport>:is(.ed-crash,.ed-closed)>b{font:var(--type-heading)}.app-ui .ed-viewport>.ed-crash>span{font:var(--type-small);color:var(--text-3)}:where(.dx-demo--scene .app-ui) dialog.scene-bg-dialog{border:1px solid var(--theme-border,#dfe5ed);width:470px;max-width:100%;color:var(--theme-text);background:var(--theme-panel);box-shadow:0 20px 80px var(--theme-shadow,#172a4433);border-radius:12px;padding:0}:where(.dx-demo--scene .app-ui) .dialog-head{justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}:where(.dx-demo--scene .app-ui) .dialog-head h2{margin:0;font-size:14px;font-weight:650}:where(.dx-demo--scene .app-ui) .dialog-body{padding:0 20px 20px;font-size:12px;line-height:1.5}:where(.dx-demo--scene .app-ui) .dialog-actions{justify-content:flex-end;gap:8px;padding-top:18px;display:flex}:where(.dx-demo--scene .app-ui) .field-label{color:var(--theme-muted);margin:11px 0 7px;font-size:11px;display:block}:where(.dx-demo--scene .app-ui) .inline-select{background:var(--theme-field);border:1px solid #0000;border-radius:4px;outline:none;width:100%;height:30px;padding:0 8px;font-size:11px}:where(.dx-demo--scene .app-ui) .text-options{align-items:center;gap:12px;margin:14px 0;display:flex}:where(.dx-demo--scene .app-ui) .text-options label{color:var(--theme-muted);flex-direction:column;flex:1;gap:6px;font-size:11px;display:flex}:where(.dx-demo--scene .app-ui) .paint-trigger{background:var(--theme-field);width:100%;min-width:0;height:32px;color:var(--theme-text);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:0 8px;font-size:12px;display:flex}.dx-demo--scene .app-ui.ed .ed-dialog-host>dialog.scene-bg-dialog{box-sizing:border-box;max-block-size:100%;inline-size:min(470px,100%);max-inline-size:100%;animation:edPop var(--dur-slow) var(--ease-out);margin:0;display:block;position:relative;inset:auto;overflow:auto}.dx-demo--scene .app-ui.ed .scene-bg-dialog .dialog-body>.inline-select+.inline-select{margin-block-start:var(--space-2)}.dx-demo--scene .app-ui.ed .scene-bg-dialog .paint-trigger{justify-content:center}.dx-demo--scene .app-ui.ed .scene-bg-dialog .paint-trigger:hover{border-color:var(--line-2)}.dx-demo--scene .app-ui.ed .scene-bg-preview{border:1px solid var(--line-2);block-size:auto;inline-size:196px;max-inline-size:100%;margin:0 auto 12px;display:block}.dx-demo--scene .app-ui.ed .scene-bg-dialog .text-options input:not([type]){block-size:32px}.dx-demo--scene .app-ui.ed .ed-dialog-host .cp-float{z-index:9}.dx-demo--scene .app-ui.ed .cam-note{margin:var(--space-3) 0 0;font:var(--type-small);color:var(--text-3);line-height:1.5}.dx-demo--scene .app-ui.ed .ui-field[data-color]>.ui-swatch{cursor:pointer}.dx-demo--scene .app-ui.ed .ui-field-label[role=button]{cursor:ew-resize;touch-action:none}.dx-demo--scene .app-ui.ed .ed-viewport>canvas{touch-action:pan-y}.dx-demo--scene .app-ui.ed .cam-sheet{--cell:14px}.dx-demo--scene .app-ui.ed .cam-sheet .sheet-layer[data-kind=camera]{--track-tint:var(--sheet-camera-tint);--track-ink:var(--sheet-camera-line);background:var(--sheet-surface)}.dx-demo--scene .app-ui.ed .cam-sheet .sheet-layer[data-kind=scene]{--track-tint:var(--sheet-scene-tint);--track-ink:var(--sheet-scene-line);background:var(--sheet-surface)}.dx-demo--scene .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])>.sheet-layer-name,.dx-demo--scene .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])>.sheet-layer-name svg{color:var(--track-ink)}.dx-demo--scene .app-ui.ed .cam-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene])[data-selected=true]{background:var(--track-tint)}@container ed (width<=720px){.dx-demo--scene .app-ui.ed .ed-side>.ed-scroll{max-block-size:520px}}@container ed (width<=460px){.dx-demo--scene .app-ui.ed .ed-viewport{min-block-size:300px}.dx-demo--scene .app-ui.ed .scene-bg-dialog .dialog-body,.dx-demo--scene .app-ui.ed .scene-bg-dialog .dialog-head{padding-inline:14px}}.dx-demo--scene .app-ui.ed .ed-dialog-host canvas.scene-bg-preview{block-size:110px;inline-size:196px;box-shadow:none;border-radius:0;position:static;inset:auto}.dx-demo--scene .app-ui.ed .scene-bg-dialog .paint-trigger{background:var(--surface-sunken)}@container ed (width>=721px){.dx-demo--scene .app-ui.ed .ed-side{inline-size:clamp(268px,34cqi,304px)}}.app-ui.ed .sv-float{z-index:7;inline-size:min(380px,100% - 16px);inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.app-ui.ed .sv-float>.sv-dialog{max-block-size:none;inline-size:100%;max-inline-size:none;animation:edPop var(--dur-base) var(--ease-out);position:relative}.app-ui .sv-dialog>.ui-dialog-head{padding:var(--space-5) var(--space-4) var(--space-1) var(--space-6)}.app-ui .sv-dialog .ui-dialog-desc{font:var(--type-small);color:var(--text-2)}.app-ui .sv-dialog .sv-name{color:var(--text-3)}.app-ui .sv-dialog .sv-body{padding-block:var(--space-3) var(--space-2);overflow:visible}.app-ui .sv-dialog .sv-fields{gap:var(--space-2);display:grid}.app-ui .sv-dialog .sv-field{inline-size:100%}.app-ui .sv-dialog .sv-field>.ui-field-label{align-items:center;gap:var(--space-1);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;display:inline-flex}.app-ui .sv-dialog .sv-field>.ui-field-label>svg{opacity:.7;block-size:13px;inline-size:13px}.app-ui .sv-dialog .sv-field>.ui-field-label:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.app-ui .sv-dialog .sv-field>input.ui-field-input[type=number][data-sv]{field-sizing:fixed;text-align:end;flex:auto;inline-size:auto}.app-ui .sv-dialog .sv-check{align-items:center;gap:var(--space-2);font:var(--type-ui);color:var(--text-1);cursor:pointer;justify-self:start;display:inline-flex}.app-ui .sv-dialog .sv-help{font:var(--type-small);color:var(--text-2);margin:0}.app-ui .sv-dialog .sv-clip{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.app-ui .sv-dialog .sv-clip>.ui-button{justify-content:center}.app-ui .sv-dialog .sv-status{min-block-size:1em;font:var(--type-small);color:var(--text-2);margin:0}.app-ui .sv-dialog .sv-status:empty{display:none}.app-ui .sv-dialog .sv-fallback{gap:var(--space-1-5);font:var(--type-small);color:var(--text-2);display:grid}.app-ui .sv-dialog .sv-fallback[hidden]{display:none}.app-ui .sv-dialog .sv-fallback>textarea{min-block-size:52px;padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-field);color:var(--text-1);font:var(--type-ui);font-variant-numeric:tabular-nums;resize:vertical;border:0}.app-ui .sv-dialog .sv-fallback>textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.app-ui .sv-dialog .sv-fallback>.ui-button{justify-self:end}.app-ui .sv-dialog>.ui-dialog-foot{border-block-start:1px solid var(--line-1);margin-block-start:var(--space-2);padding-block-start:var(--space-4)}@container ed (width<=520px){.app-ui.ed .sv-float{inset-block-start:56px;translate:-50%}.app-ui .sv-dialog .sv-body{padding-inline:var(--space-4)}.app-ui .sv-dialog>.ui-dialog-head{padding-inline-start:var(--space-4)}}@media (width<=600px){.app-ui.ed:has(>.sv-float){min-block-size:600px}}@media (prefers-reduced-motion:reduce){.app-ui.ed .sv-float>.sv-dialog{animation:none}}.app-ui.set-desk{padding:var(--space-4);background:var(--surface-field);border-radius:22px;display:grid;position:relative;container:set-desk/inline-size}.dx-demo>.app-ui.set-desk{margin:0 8px 8px}.app-ui.set-desk[hidden]{display:none}.app-ui.set-desk .styk-settings{--st-zoom:1;inline-size:100%;max-inline-size:none;block-size:calc(var(--st-h,640px) / var(--st-zoom));zoom:var(--st-zoom);box-shadow:var(--elevation-3);margin:0;display:grid}.app-ui.set-desk .styk-settings-content{overscroll-behavior:contain}.app-ui.set-desk .styk-settings-head>h2{font:var(--weight-display) var(--text-20)/var(--leading-20) var(--font-display);letter-spacing:var(--tracking-display)}.app-ui.set-desk .styk-settings-page>h3{font:var(--weight-display) var(--text-28)/var(--leading-28) var(--font-display);letter-spacing:-.035em}.app-ui.set-desk a.settings-feedback-tile,.app-ui.set-desk a.ui-button{color:inherit;text-decoration:none}.app-ui.set-desk .settings-feedback-private>a.ui-button{flex:none}@container set-desk (width<=620px){.app-ui.set-desk{padding:var(--space-1-5)}.app-ui.set-desk .styk-settings{--st-h:560px}}.app-ui.set-desk .set-reopen{margin-block:var(--space-10);place-self:center}.app-ui.set-desk:has(>[data-st-host][hidden]){place-items:center;min-block-size:200px}.app-ui .mini-toast{z-index:6;background:var(--surface-raised);block-size:fit-content;box-shadow:var(--elevation-2);align-self:end;inline-size:max-content;max-inline-size:calc(100% - 32px);position:absolute;inset-block:auto 62px;inset-inline-start:50%;translate:-50%}.app-ui .mini-toast[hidden]{display:none}.app-ui [data-st-host]{min-inline-size:0;display:grid;position:relative}.app-ui[data-st-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-field:var(--ink-950);--surface:var(--ink-800);--surface-raised:var(--ink-750);--surface-sunken:var(--ink-700);--surface-well:var(--ink-650);--surface-hover:var(--ink-600);--surface-pressed:var(--ink-550);--surface-selected:var(--blue-900);--surface-selected-hover:var(--blue-850);--surface-inverse:var(--mist-100);--surface-stage:var(--ink-850);--surface-construction:var(--ink-850);--surface-backdrop:#0405089e;--stage-dot:#fff1;--construction-dot:#ffffff1a;--text-1:var(--mist-200);--text-2:var(--slate-350);--text-3:var(--slate-450);--text-disabled:var(--ink-400);--text-placeholder:var(--slate-450);--text-inverse:var(--ink-900);--text-inverse-2:#0c0d12a3;--text-on-accent:var(--ink-900);--text-on-strong:var(--ink-900);--text-link:var(--blue-400);--line-1:var(--ink-650);--line-2:var(--ink-550);--line-3:var(--ink-500);--line-control:var(--slate-550);--accent:var(--blue-500);--accent-strong:var(--blue-500);--accent-line:var(--blue-500);--accent-text:var(--blue-400);--accent-text-strong:var(--blue-400);--accent-soft:var(--blue-900);--accent-soft-hover:var(--blue-850);--selection-fill:var(--blue-900);--selection-line:var(--blue-500);--selection-text:var(--blue-400);--text-selection:#0d99ff57;--focus-ring:var(--blue-500);--inverse-focus:var(--blue-600);--export-focus:var(--ink-900);--focus-halo:#0d99ff47;--primary:var(--mist-100);--primary-hover:var(--paper);--primary-pressed:var(--mist-300);--on-primary:var(--ink-900);--primary-shadow:0 8px 18px -10px #000c;--control-soft:var(--ink-650);--control-soft-hover:var(--ink-600);--control-soft-pressed:var(--ink-550);--control-thumb:var(--ink-550);--control-mode-thumb:var(--mist-100);--on-control-mode-thumb:var(--ink-900);--switch-knob-off:var(--slate-450);--switch-knob-on:var(--ink-900);--slider-track:var(--ink-550);--slider-fill:var(--blue-500);--slider-thumb:var(--mist-200);--kbd-bg:var(--ink-650);--kbd-line:var(--ink-500);--inverse-hover:#0c0d1214;--inverse-line:#0c0d1224;--inverse-track:var(--ink-900);--inverse-accent:var(--blue-600);--inverse-time:var(--violet-600);--inverse-success:var(--mint-700);--inverse-danger:var(--red-700);--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:#ffffff4d;--swatch-ring:#fff3;--checker-a:var(--ink-500);--checker-b:var(--ink-400);--danger-text:var(--red-300);--danger-soft:var(--red-900);--danger-strong:var(--red-300);--on-danger:var(--ink-900);--danger-dot:var(--red-300);--warning-text:var(--gold-300);--warning-soft:var(--gold-900);--warning-dot:var(--gold-500);--success-text:var(--mint-300);--success-soft:var(--mint-900);--success-dot:var(--mint-500);--neutral-dot:var(--slate-450);--tint-select:var(--blue-500);--tint-select-soft:var(--blue-900);--tint-select-ink:var(--blue-400);--tint-time:var(--violet-500);--tint-time-soft:var(--violet-900);--tint-time-ink:var(--violet-300);--tint-library:var(--mint-500);--tint-library-soft:var(--mint-900);--tint-library-ink:var(--mint-300);--tint-draw:var(--orange-500);--tint-draw-soft:var(--orange-900);--tint-draw-ink:var(--orange-300);--tint-fx:var(--rose-500);--tint-fx-soft:var(--rose-900);--tint-fx-ink:var(--rose-300);--tint-camera:var(--gold-500);--tint-camera-soft:var(--gold-900);--tint-camera-ink:var(--gold-300);--tint-export:var(--lime-500);--tint-export-hover:var(--lime-400);--tint-export-ink:var(--lime-900);--on-export:var(--ink-900);--hold:var(--slate-550);--hold-line:var(--mint-500);--badge-accent:var(--blue-600);--badge-time:var(--violet-600);--badge-library:var(--mint-700);--badge-new:var(--orange-700);--badge-camera:var(--gold-800);--on-badge:var(--paper);--artboard-placeholder:var(--paper);--elevation-1:0 0 0 1px #ffffff0f, inset 0 1px 0 #ffffff06;--elevation-island:0 0 0 1px #ffffff0f, 0 10px 28px -16px #000000b3;--elevation-2:0 0 0 1px #ffffff14, 0 2px 6px -2px #00000080, 0 12px 26px -14px #000000b3;--elevation-3:0 0 0 1px #ffffff17, 0 10px 24px -10px #0009, 0 30px 60px -26px #000c;--elevation-4:0 0 0 1px #ffffff17, 0 40px 100px -30px #000000d9;--shadow-thumb:0 0 0 1px #ffffff12, 0 1px 2px #00000080;--shadow-artboard:0 0 0 1px #ffffff14, 0 24px 50px -24px #000c;--shadow-knob:0 1px 3px #00000080;--drop-color:#00000080}.dx-demo--rebind>.app-ui.set-desk{border-end-end-radius:0;border-end-start-radius:0;margin-block-end:0}.dx-demo--rebind .app-ui.set-desk .styk-settings{--st-h:520px}.dx-demo--rebind>.app-ui.ed.rb-editor{border-start-start-radius:0;border-start-end-radius:0;margin-block-start:0;padding-block-start:0}.dx-demo--rebind .app-ui.ed .ed-viewport{min-block-size:200px}.dx-demo--rebind .app-ui.ed .tl-onion>.ui-split-more{display:none}.app-ui.ed .tl-sheet .ed-tracks,.app-ui.ed .tl-sheet .ed-labels{padding-block-end:var(--space-2)}.app-ui.ed .tl-sheet .ed-ruler{isolation:isolate;overflow:hidden}.app-ui.ed .tl-sheet .ed-ruler>.tl-alt{inline-size:var(--cell);background:var(--sheet-row-alt);z-index:-1;position:absolute;inset-block:0;inset-inline-start:calc(var(--at) * var(--cell) + 8px)}.app-ui.ed .tl-sheet .ed-ruler:after{content:"";pointer-events:none;background:repeating-linear-gradient(to right, var(--sheet-tick) 0 1px, transparent 1px var(--cell));block-size:4px;position:absolute;inset-block-end:0;inset-inline:8px 0}.app-ui.ed .tl-sheet .tl-rows{position:relative}.app-ui.ed .tl-sheet .ed-track{cursor:default}.app-ui.ed .tl-sheet .tlx-past{inset-block:0;inset-inline:calc(var(--at) * var(--cell) + 8px) 0;background:var(--sheet-hatch);pointer-events:none;position:absolute}.app-ui.ed .tl-sheet .ed-end{z-index:1}.app-ui.ed .tl-sheet[data-dense] .ed-span{background-image:none}.app-ui.ed .tl-sheet .ed-span[data-blank]{box-shadow:inset 0 0 0 1.5px var(--sheet-cell-blank);background:0 0;border-radius:7px}.app-ui.ed .tl-sheet .ed-key{pointer-events:none;z-index:1}.app-ui.ed .tl-sheet .ed-key[data-blank]{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--sheet-ink), 0 0 0 2px var(--paper)}.app-ui.ed .tl-sheet .ed-key[data-blank][data-selected=true]{box-shadow:inset 0 0 0 1.5px var(--sheet-ink), 0 0 0 2px var(--paper), 0 0 0 4px var(--sheet-accent)}.app-ui.ed .tl-sheet .ed-track[data-hidden] :is(.ed-span,.ed-key){opacity:.4}.app-ui.ed .tl-sheet .ed-track[data-locked] .ed-span{background-color:var(--sheet-lane)}.app-ui.ed .tl-sheet .tl-selbox{inline-size:calc(var(--len) * var(--cell));background:color-mix(in srgb, var(--sheet-accent) 14%, transparent);box-shadow:inset 0 0 0 1.5px var(--sheet-accent);pointer-events:none;z-index:1;border-radius:4px;position:absolute;inset-inline-start:calc(var(--from) * var(--cell) + 8px)}.app-ui.ed .tl-sheet .tlx-grip{z-index:2;cursor:ew-resize;touch-action:none;inline-size:12px;position:absolute;inset-block:7px;inset-inline-start:calc(var(--at) * var(--cell) + 8px - 7px)}.app-ui.ed .tl-sheet .tlx-grip:before{content:"";background:var(--sheet-accent);opacity:0;inline-size:4px;transition:opacity var(--dur-fast);border-radius:2px;position:absolute;inset-block:2px;inset-inline-start:4px}@media (pointer:coarse){.app-ui.ed .tl-sheet .tlx-grip:before{opacity:.6}}.app-ui.ed .tl-sheet .ed-track:hover .tlx-grip:before,.app-ui.ed .tl-sheet .tlx-grip:active:before{opacity:1}.app-ui.ed .tl-sheet .ed-track:is([data-kind=camera],[data-kind=scene]) .tlx-grip{inset-block:4px}.app-ui.ed .tl-sheet .tl-draglabel{z-index:3;background:var(--surface-inverse);color:var(--text-inverse);font:var(--type-micro);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 6px;font-weight:600;position:absolute;inset-block-start:4px;inset-inline-start:calc(var(--at) * var(--cell) + 8px);translate:-50%}.app-ui.ed .tl-sheet .ed-tracks:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-ui.ed .tl-sheet .sheet-layer .sheet-layer-state{opacity:.55}.app-ui.ed .tl-sheet .sheet-layer:hover .sheet-layer-state,.app-ui.ed .tl-sheet .sheet-layer .sheet-layer-state[data-on=true]{opacity:1}.app-ui.ed .tl-sheet .sheet-layer-name{cursor:default}.app-ui.ed .tl-sheet .sheet-layer[data-kind=layer] .sheet-layer-name{cursor:grab}.app-ui.ed .tl-float{z-index:8}.app-ui.ed .tl-float>.ed-menu{min-inline-size:220px}.app-ui.ed .tl-float .tl-sub{z-index:1;position:absolute}.app-ui.ed .tl-float .ui-menu-item.is-open{background:var(--surface-hover)}.app-ui.ed .tl-float .ui-menu-item .ui-dot{vertical-align:middle;margin-inline-end:var(--space-2);display:inline-block}.app-ui.ed .tl-float .ui-menu-item:disabled{opacity:.4}.app-ui.ed .styk-easing-popover{box-sizing:border-box;max-inline-size:calc(100cqi - 16px)}.app-ui.ed .styk-easing-popover *{box-sizing:border-box}.app-ui.ed .styk-easing-header{justify-content:space-between;align-items:center;display:flex}.app-ui.ed .styk-easing-options{display:grid}.app-ui.ed .styk-easing-options>button{text-align:start;cursor:pointer;justify-content:space-between;align-items:center;inline-size:100%;display:flex}.app-ui.ed .styk-easing-options>button[aria-checked=true]:after{content:"✓"}.app-ui.ed .styk-easing-curve{touch-action:none;block-size:124px;inline-size:100%;display:block}.app-ui.ed .styk-easing-curve circle{cursor:grab;stroke-width:2px}.app-ui.ed .styk-easing-curve text{font:9px var(--font-ui);fill:var(--text-3)}.app-ui.ed .styk-easing-points{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-ui.ed .styk-easing-points[hidden]{display:none}.app-ui.ed .styk-easing-points input{appearance:textfield;inline-size:100%}.app-ui.ed .styk-easing-apply{cursor:pointer;inline-size:100%;display:block}.app-ui.ed .styk-easing-apply[hidden],.app-ui.ed .styk-easing-error:empty{display:none}@container ed (width<=640px){.app-ui.ed .tl-sheet .sheet-layer-state{display:none}}.app-ui.ed .timeline-panel.auto-keying .tl-sheet{--sheet-playhead:var(--danger-dot);--sheet-playhead-tab:var(--danger-dot)}.app-ui.ed .tl-sheet .sheet-layer .sheet-layer-name{align-self:stretch;align-items:center}.app-ui.ed .ed-timeline .timeline-toolbar.tl-head[data-fold~=slide]{grid-template-columns:max-content max-content minmax(max-content,1fr)}.app-ui.ed .ed-timeline .tl-head[data-fold~=onionmenu] .tl-onion{display:none}.app-ui.ed .shell-rail .tweener-tool>.tool{color:var(--tween-color)}.app-ui.ed .shell-rail .tweener-tool.active>.tool{color:var(--tween-color);background:color-mix(in srgb, var(--tween-color) 15%, transparent);box-shadow:inset 2px 0 var(--tween-color)}.app-ui.ed .shell-rail .tweener-tool.active>.tweener-arrow{color:var(--tween-color)}.app-ui.ed .tweener-types{box-sizing:border-box;border-radius:var(--radius-xl);background:var(--surface-raised);inline-size:210px;max-inline-size:calc(100cqi - 16px);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);padding:5px}.app-ui.ed .tweener-types button{border-radius:var(--radius-sm);block-size:38px;inline-size:100%;color:inherit;text-align:start;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.app-ui.ed .tweener-types button:hover,.app-ui.ed .tweener-types button:focus-visible{background:var(--surface-hover);outline:none}.app-ui.ed .tweener-types button[aria-checked=true]{background:color-mix(in srgb, var(--tween-color) 10%, transparent)}.app-ui.ed .tweener-types .icon{block-size:20px;inline-size:20px;color:var(--tween-color)}.app-ui.ed .tweener-types .tween-chosen{color:var(--tween-color);visibility:hidden;margin-inline-start:auto}.app-ui.ed .tweener-types [aria-checked=true]>.tween-chosen{visibility:visible}.app-ui.ed .tl-paths{z-index:9}.app-ui.ed .path-popover.ed-popover{inline-size:288px}@container ed (width<=640px){.app-ui.ed .ed-sheet.tl-sheet .sheet-new-layer{display:inline-flex}}@container ed (width<=460px){.app-ui.ed .ed-center .stage-head-cluster[data-view] .ui-split-more[data-more=paths]{display:inline-flex}.dx-demo--tl .app-ui.ed .ed-viewport>.ed-rail.shell-rail{display:block;inset-inline-start:-6px}}.app-ui.ed .tl-sheet .ed-track,.app-ui.ed .tl-sheet .ed-ruler,.app-ui.ed .sheet-filmstrip .ui-frame-hold{touch-action:pan-y}.dx-demo--tour .app-ui.ed .ed-center{grid-template-rows:auto minmax(0,1fr);align-content:stretch}.dx-demo--tour .app-ui.ed .ed-viewport{aspect-ratio:auto;block-size:100%;min-block-size:300px;padding:0}@container ed (width>=721px){.dx-demo--tour .app-ui.ed .ed-side{inline-size:clamp(244px,38cqi,296px)}}.dx-demo--tour .app-ui.ed .sheet-layer-name{align-items:center;gap:var(--space-2);display:flex}.dx-demo--tour .app-ui.ed .ed-viewport>canvas{box-shadow:none;background:0 0;border-radius:0}.dx-demo--tour .app-ui.ed .ed-viewport.has-rail{padding-inline-start:0}.dx-demo--tour .app-ui.ed .ed-viewport>.ed-rail{inset-block-start:14px;translate:0}.dx-demo--tour .app-ui.ed .ed-viewport>.dx-hud{inset-inline-start:50%}.dx-demo--tour .app-ui.ed .ed-side{flex-direction:column;display:flex}.dx-demo--tour .app-ui.ed .ed-side>.ed-scroll{max-block-size:520px}.dx-demo--tour .app-ui.ed [data-pane=vfx],.dx-demo--tour .app-ui.ed [data-pane=library]{margin-inline:calc(-1 * var(--island-pad))}.dx-demo--tour .app-ui.ed .tour-presets{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dx-demo--tour .app-ui.ed .drawing-preset{text-align:center;justify-items:center;gap:2px;min-block-size:48px;padding:6px 2px;display:grid}.dx-demo--tour .app-ui.ed .drawing-preset-thumb{block-size:16px;inline-size:100%;max-inline-size:44px}.dx-demo--tour .app-ui.ed .draw-quick-preset .drawing-preset-thumb{block-size:14px;inline-size:34px}.dx-demo--tour .app-ui.ed .tour-strip{display:none}@container ed (width>=461px){.dx-demo--tour .app-ui.ed[data-ws=build]{grid-template-columns:auto minmax(0,1fr) auto}.dx-demo--tour .app-ui.ed[data-ws=build]>.ed-center{grid-column:2}.dx-demo--tour .app-ui.ed .tour-strip{gap:var(--space-1);padding:var(--space-1-5);flex-direction:column;grid-area:2/1;align-self:stretch;display:flex}}@container ed (width>=461px) and (width<=720px){.dx-demo--tour .app-ui.ed[data-ws=build]{grid-template-columns:auto minmax(0,1fr)}.dx-demo--tour .app-ui.ed[data-ws=build]>.ed-side{grid-column:1/-1}}.dx-demo--tour .app-ui.ed .tour-strip>.ui-icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text-strong)}.dx-demo--tour .app-ui .stage-head-start>.drawing-quickbar{display:flex}.dx-demo--tour .app-ui .drawing-quickbar .draw-quick-row{scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.dx-demo--tour .app-ui .drawing-quickbar :is(.draw-quick-tool,.draw-quick-preset,.draw-colors,.draw-quick-toggle,.draw-quick-divider){flex:none;align-items:center;display:inline-flex}.dx-demo--tour .app-ui .drawing-quickbar .draw-quick-toggle{color:var(--text-2);background:0 0;justify-content:center}.dx-demo--tour .app-ui .drawing-quickbar .draw-colors{gap:2px}.dx-demo--tour .app-ui .draw-color-pair{flex:none;block-size:26px;inline-size:30px;position:relative}.dx-demo--tour .app-ui .draw-color-pair>input{appearance:none;cursor:pointer;background:0 0;block-size:18px;inline-size:18px;padding:0;position:absolute}.dx-demo--tour .app-ui .draw-color-pair>.draw-color-primary{z-index:1;inset-block-start:1px;inset-inline-start:1px}.dx-demo--tour .app-ui .draw-color-pair>.draw-color-secondary{inset-block-end:1px;inset-inline-end:1px}.dx-demo--tour .app-ui .draw-color-pair>input::-webkit-color-swatch-wrapper{padding:0}.dx-demo--tour .app-ui .draw-color-pair>input::-webkit-color-swatch{border:0;border-radius:3px}.dx-demo--tour .app-ui .draw-color-swap{place-items:center;block-size:24px;inline-size:24px;display:grid}.dx-demo--tour .app-ui .draw-color-swap>svg{block-size:14px;inline-size:14px}.dx-demo--tour .app-ui .draw-slider{cursor:ew-resize;flex:none;align-items:center;display:inline-flex;position:relative}.dx-demo--tour .app-ui .draw-slider>.draw-slider-fill{position:absolute;inset-block:0;inset-inline-start:0}.dx-demo--tour .app-ui .draw-slider>:is(.draw-slider-label,.draw-slider-value){white-space:nowrap;position:relative}.dx-demo--tour .app-ui .draw-slider>.draw-slider-value{margin-inline-start:auto}@container ed (width<=900px){.dx-demo--tour .app-ui.ed[data-ws=build] .ed-band :is(.band-save,.band-export,.band-testrig) .ui-label{display:none}.dx-demo--tour .app-ui.ed[data-ws=build] .ed-band .workspace-switch svg{display:inline-block}.dx-demo--tour .app-ui.ed[data-ws=build] .ed-band .workspace-switch :is(.band-label,.ui-dot){display:none}}.dx-demo--tour .tour-ring{z-index:6;pointer-events:none;box-shadow:0 0 0 2px var(--accent), 0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent);transition:left .35s var(--ease-out), top .35s var(--ease-out), width .35s var(--ease-out), height .35s var(--ease-out);border-radius:12px;position:absolute}.dx-demo--tour .tour-ring[hidden]{display:none}.dx-demo--tour .tour-guide{gap:10px;margin:0 8px 8px;display:grid}.dx-demo--tour .tour-card{min-height:132px;box-shadow:var(--shadow-sm,0 1px 2px #0c0d120f);background:#fff;border-radius:16px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px;display:grid}.dx-demo--tour .tour-card.is-in{animation:tourIn .3s var(--ease-out)}.dx-demo--tour .tour-n{color:#fff;background:var(--blue,#0d99ff);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:750;display:grid}.dx-demo--tour .tour-card .tour-t{font-size:16.5px;font-weight:700;display:block}.dx-demo--tour .tour-card p{color:var(--text-2);margin:4px 0 0;font-size:15px;line-height:1.6}.dx-demo--tour .tour-keys{flex-wrap:wrap;gap:6px 10px;margin-top:10px;display:flex}.dx-demo--tour .tour-card a{color:var(--blue-ink,#0a6fc2);align-items:center;gap:4px;margin-top:10px;font-size:14px;font-weight:650;display:inline-flex}.dx-demo--tour .tour-card a svg{width:15px;height:15px}.dx-demo--tour .tour-nav{align-items:center;gap:10px;display:flex}.dx-demo--tour .tour-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.dx-demo--tour .tour-dots button{cursor:pointer;background:#0c0d122e;border:0;border-radius:50%;width:9px;height:9px;padding:0}.dx-demo--tour .tour-dots button[aria-current]{background:var(--blue,#0d99ff);border-radius:99px;width:22px}.dx-demo--tour .tour-count{color:var(--text-3);white-space:nowrap;font-size:13px;font-weight:650}.dx-demo--tour .tour-btn{height:38px;font:inherit;color:var(--ink,#0c0d12);box-shadow:var(--shadow-sm,0 1px 2px #0c0d120f);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.dx-demo--tour .tour-btn--next{color:#fff;background:var(--blue,#0d99ff)}.dx-demo--tour .tour-btn svg{width:16px;height:16px}.dx-demo--tour .tour-btn:focus-visible,.dx-demo--tour .tour-dots button:focus-visible{outline:2px solid var(--blue,#0d99ff);outline-offset:2px}@keyframes tourIn{0%{opacity:0;translate:0 6px}}@container ed (width<=720px){.dx-demo--tour .app-ui.ed .ed-side>.ed-scroll{max-block-size:300px}}@container ed (width<=460px){.dx-demo--tour .app-ui.ed .ed-viewport{min-block-size:240px}}@container ed (width<=520px){.dx-demo--tour .app-ui.ed .ed-band .band-start>.ui-doc{flex:0 auto;min-inline-size:0;overflow:hidden}.dx-demo--tour .app-ui.ed .ed-band .ui-doc-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.dx-demo--tour .app-ui.ed .ed-band .band-end{flex:none}.dx-demo--tour .app-ui.ed .ed-band :is(.band-save,.band-testrig),.dx-demo--tour .app-ui.ed .ed-band .band-export .ui-label{display:none}}@media (width<=600px){.dx-demo--tour .tour-card{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}.dx-demo--tour .tour-btn span{display:none}.dx-demo--tour .tour-btn{justify-content:center;width:38px;padding:0}}@media (prefers-reduced-motion:reduce){.dx-demo--tour .tour-ring{transition:none}.dx-demo--tour .tour-card.is-in{animation:none}}.dx-demo--transport .ed-timeline>.tl-head{border-radius:var(--radius-xl)}@container ed (width<=760px){.dx-demo--transport .app-ui.ed .ed-timeline .tl-fps,.dx-demo--transport .app-ui.ed .ed-timeline .tl-controls>.divider{display:inline-flex}}@container ed (width<=520px){.dx-demo.dx-demo--transport .app-ui.ed .ed-timeline .tl-readout{display:inline-flex}.dx-demo--transport .app-ui.ed .ed-timeline .timeline-toolbar.tl-head{justify-content:center;row-gap:var(--space-1);padding-block:var(--space-1);flex-wrap:wrap;display:flex}.dx-demo--transport .app-ui.ed .ed-timeline .tl-start,.dx-demo--transport .app-ui.ed .ed-timeline .tl-end{display:none}.dx-demo.dx-demo--transport .app-ui.ed .ed-timeline :is(.tl-first,.tl-loop){display:inline-flex}}.app-ui.ed:has(#vfx-panel)>.ed-side{contain:size;inline-size:clamp(268px,40cqi,320px)}.app-ui.ed .ed-side:has(>.ed-scroll>#vfx-panel)>.ed-scroll{flex-direction:column;padding:0;display:flex;overflow:hidden}.app-ui.ed :where(#vfx-panel) :where(h5){font:inherit;margin:0}.app-ui.ed #vfx-panel .vfx-stack{scrollbar-width:thin}.dx-demo:is(.dx-demo--vfx,.dx-demo--particles) .ed-viewport.dx-ratio-play{aspect-ratio:4/3}.dx-demo:is(.dx-demo--vfx,.dx-demo--particles) .ed-viewport>canvas.is-picking{cursor:crosshair}.app-ui.ed>.vfx-float{z-index:6}.app-ui.ed>.vfx-float>.vfx-catalog{inline-size:100%;max-block-size:min(460px, var(--room,460px));animation:edPop var(--dur-base) var(--ease-out);position:relative;inset:auto}.app-ui.ed>.vfx-float>.ed-menu{animation:edPop var(--dur-base) var(--ease-out)}.app-ui.ed>.vfx-float>.ed-dialog{inline-size:100%;max-inline-size:100%;box-shadow:var(--elevation-3);animation:edPop var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:relative}.app-ui.ed>.vfx-float .ui-form-row{gap:var(--space-1-5);padding:0 var(--space-6) var(--space-2);display:grid}.app-ui.ed>.vfx-float .ui-dialog-body .ui-dialog-error{margin:0 var(--space-6) var(--space-2)}.app-ui.ed>.vfx-float .vfx-catalog-search>input{box-shadow:none;background:0 0;border:0;outline:none}.dx-lab .vfx-color-input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.app-ui.ed .vfx-sheet{--cell:10px;--label:156px}.app-ui.ed .vfx-sheet .vfx-lane-label .sheet-layer-name{align-items:center;gap:var(--space-1-5);color:var(--text-1);cursor:default;padding-inline-start:var(--space-6);display:flex}.app-ui.ed .vfx-sheet .vfx-lane-label .vfx-icon{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3)}.app-ui.ed .vfx-sheet :is(.ed-track.vfx-lane,.vfx-lane-label){block-size:calc(var(--rows,1) * 26px + 6px)}.app-ui.ed .vfx-sheet .vfx-lane-label{align-items:flex-start;padding-block-start:4px}.app-ui.ed .vfx-lane-clip{block-size:24px;inline-size:calc(var(--len) * var(--cell));padding:0 var(--space-1-5);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--sheet-ink);font:var(--type-micro);text-align:start;white-space:nowrap;text-overflow:ellipsis;cursor:default;border-radius:6px;font-weight:500;position:absolute;inset-block-start:calc(var(--row,0) * 26px + 4px);inset-inline-start:calc(var(--from) * var(--cell) + 8px);overflow:hidden}.app-ui.ed .vfx-lane-clip[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.app-ui.ed .vfx-lane-clip[data-off]{opacity:.45}.app-ui.ed .vfx-lane-clip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.app-ui.ed .vfx-lane-tail{block-size:14px;inline-size:calc(var(--len) * var(--cell));background:repeating-linear-gradient(135deg, var(--accent) 0 1.5px, transparent 1.5px 5px);opacity:.55;pointer-events:none;position:absolute;inset-block-start:calc(var(--row,0) * 26px + 9px);inset-inline-start:calc(var(--from) * var(--cell) + 8px)}.app-ui.ed .vfx-sheet .ed-track[data-kind=layer] .ed-key{--key:var(--sheet-ink)}@container ed (width<=720px){.app-ui.ed:has(#vfx-panel)>.ed-side{contain:none;block-size:480px;inline-size:auto}.app-ui.ed .ed-side:has(>.ed-scroll>#vfx-panel)>.ed-scroll{max-block-size:none}}@container ed (width<=640px){.app-ui.ed .vfx-sheet{--label:112px;--cell:9px}.app-ui.ed .vfx-sheet .vfx-lane-label .sheet-layer-name{padding-inline-start:var(--space-3)}}@media (prefers-reduced-motion:reduce){.app-ui.ed>.vfx-float>*{animation:none!important}}.dx-demo--viewport .vp-zoom-menu{inset-block-start:56px;inset-inline-end:16px}.dx-demo--viewport .ed-viewport>canvas.is-pan{cursor:grab}.dx-demo--viewport .ed-viewport>canvas.is-panning{cursor:grabbing}@container ed (width<=460px){.dx-demo--viewport .app-ui.ed .ed-viewport.has-rail>.dx-hud{inset-inline-start:50%}}.dx-demo--viewport .vp-zoom-menu{z-index:20}.page-docs{--dn-w:256px;--toc-w:216px;--read:700px}.page-docs .ftr{margin-top:0}kbd{min-width:1.85em;height:1.72em;font-family:var(--font);letter-spacing:0;white-space:nowrap;vertical-align:.1em;color:var(--ink);box-shadow:0 0 0 1px var(--line-2), 0 2px 0 1px #cfd3dd;transition:transform .12s var(--ease-out), box-shadow .12s, background-color .12s, color .12s;background:linear-gradient(#fff,#f7f8fb);border-radius:.42em;justify-content:center;align-items:center;padding:0 .48em;font-size:.8em;font-weight:650;line-height:1;display:inline-flex;transform:translateY(-1px)}kbd.is-down{color:var(--blue-ink);background:var(--blue-soft);box-shadow:0 0 0 1.5px var(--blue), 0 0 0 1px var(--blue);transform:translateY(1px)}.keys{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.keys>i{color:var(--text-3);font-size:.8em;font-style:normal;font-weight:600}:is(.dx-keys,.dsearch__item) .keys+.keys:before{content:"or";color:var(--text-3);margin:0 6px 0 3px;font-size:.8em;font-weight:500}.docs{grid-template-columns:var(--dn-w) minmax(0, 1fr) var(--toc-w);width:min(1720px, 100% - var(--gutter) * 2);align-items:start;gap:clamp(24px,2.4vw,48px);padding-block:28px 0;display:grid}.docs__main{min-width:0}.docs__nav,.dx-toc{top:calc(var(--hdr) + 20px);max-height:calc(100vh - var(--hdr) - 40px);position:sticky}.dn{height:100%}.dn__scroll{max-height:calc(100vh - var(--hdr) - 40px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding:4px 6px 40px 2px;overflow:auto}.dn__search{width:100%;height:42px;color:var(--text-3);background:var(--mist);border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:0 8px 0 14px;font-size:14.5px;transition:background-color .15s,box-shadow .15s;display:flex}.dn__search:hover{background:var(--mist-2)}.dn__search svg{flex:none;width:17px;height:17px}.dn__search kbd{margin-left:auto;font-size:11.5px}.dn__home{height:38px;color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:0 10px;font-size:14.5px;font-weight:600;transition:background-color .15s;display:flex}.dn__home:hover{background:var(--mist)}.dn__home[aria-current=page]{color:var(--blue-ink);background:var(--blue-soft)}.dn__home svg{width:18px;height:18px;color:var(--blue-ink)}.dn__group{margin-top:4px}.dn__head{letter-spacing:.01em;height:36px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:700;list-style:none;transition:background-color .15s;display:flex}.dn__head::-webkit-details-marker{display:none}.dn__head:hover{background:var(--mist)}.dn__dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);border-radius:3px;flex:none}.dn__chev{width:14px;height:14px;color:var(--text-3);transition:transform .25s var(--ease-out);margin-left:auto}.dn__group:not([open]) .dn__chev{transform:rotate(-90deg)}.dn__group ul{margin:2px 0 10px 14px;padding-left:10px;position:relative}.dn__group ul:before{content:"";background:var(--line);border-radius:2px;width:1.5px;position:absolute;top:4px;bottom:4px;left:0}.dn__link{min-height:34px;color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;line-height:1.3;transition:background-color .15s,color .15s;display:flex;position:relative}.dn__link:hover{color:var(--ink);background:var(--mist)}.dn__link[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--c) 10%, #fff);font-weight:650}.dn__link[aria-current=page]:before{content:"";background:var(--c);border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:-11.5px}.dn__link.is-soon{color:var(--text-3)}.dn__label{min-width:0}.dn__soon,.dn__badge{letter-spacing:.02em;color:var(--text-3);background:var(--mist-2);border-radius:999px;flex:none;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.dn__badge{color:#fff;background:linear-gradient(100deg, var(--blue), var(--violet))}.dn__done{width:15px;height:15px;color:var(--mint);stroke-width:3px;flex:none;margin-left:auto;display:none}.dn__link.is-done .dn__done{display:block}.dn__link.is-done .dn__badge,.dn-open{display:none}.dx{max-width:880px;margin-inline:auto}.dx-head{border-bottom:1px solid var(--line);padding:14px 0 34px}.dx-crumbs{color:var(--text-3);align-items:center;gap:6px;font-size:14px;font-weight:550;display:flex}.dx-crumbs a:hover{color:var(--ink)}.dx-crumbs svg{width:14px;height:14px}.dx-crumbs span{color:color-mix(in srgb, var(--c) 72%, #000);align-items:center;gap:8px;display:inline-flex}.dx-crumbs span:before{content:"";background:var(--c);border-radius:3px;width:8px;height:8px}.dx-title{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin-top:18px;font-size:clamp(40px,3.2vw + 14px,66px);font-weight:800;line-height:1}.dx-lede{max-width:660px;color:var(--text-2);text-wrap:pretty;margin-top:18px;font-size:clamp(17px,.3vw + 15px,20px);line-height:1.6}.dx-meta{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.dx-chip{height:32px;color:var(--ink-2);background:var(--mist);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.dx-chip svg{width:15px;height:15px;color:var(--text-3)}.dx-chip--beginner svg{color:var(--mint)}.dx-chip--intermediate svg{color:var(--orange)}.dx-chip--advanced svg{color:var(--violet)}.dx-chip--soon{color:var(--orange-ink);background:var(--orange-soft)}.dx-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite dxBlink}@keyframes dxBlink{50%{opacity:.3}}.dx-body{counter-reset:dxstep;padding-top:12px}.dx-body>*{max-width:var(--read)}.dx-body>.dx-wide{max-width:none}.dx-body h2:not(.app-ui *){font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;scroll-margin-top:calc(var(--hdr) + 28px);margin-top:clamp(64px,6vw,96px);font-size:clamp(28px,1.2vw + 18px,38px);font-weight:780;line-height:1.08;position:relative}.dx-body h2[data-step]{grid-template-columns:auto 1fr;align-items:center;column-gap:16px;display:grid}.dx-body h2[data-step]:before{counter-increment:dxstep;content:counter(dxstep);letter-spacing:-.02em;color:#fff;background:var(--c,var(--blue));width:42px;height:42px;box-shadow:0 10px 20px -12px var(--c,var(--blue));border-radius:14px;place-items:center;font-size:19px;font-weight:750;display:grid}.dx-body h2+p,.dx-body h2+.dx-sub{margin-top:14px}.dx-sub{color:var(--text-3);font-size:14px;font-weight:650}.dx-body h3:not(.app-ui *){font-family:var(--display);letter-spacing:-.02em;scroll-margin-top:calc(var(--hdr) + 28px);margin-top:44px;font-size:clamp(20px,.5vw + 16px,24px);font-weight:720;line-height:1.2}.dx-body h3+p{margin-top:10px}.dx-body p:not(.app-ui *),.dx-body li:not(.app-ui *){color:var(--ink-2);text-wrap:pretty;font-size:17px;line-height:1.72}.dx-body p+p:not(.app-ui *){margin-top:14px}.dx-body p a:not(.btn),.dx-body li a:not(.btn),.dx-link{color:var(--blue-ink);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #006dd14d;text-decoration:underline #006dd14d;text-decoration-thickness:1.5px;transition:text-decoration-color .15s}.dx-body p a:not(.btn):hover,.dx-body li a:not(.btn):hover{text-decoration-color:currentColor}.dx-body strong:not(.app-ui *){color:var(--ink);font-weight:680}.dx-body em{color:var(--ink);background:linear-gradient(transparent 62%, color-mix(in srgb, var(--c,var(--blue)) 22%, transparent) 62%);font-style:normal;font-weight:600}.dx-body .ui{color:var(--ink);background:var(--mist);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:7px;padding:1px 7px;font-size:.92em;font-weight:620}.dx-body ul.dx-list{gap:8px;margin-top:14px;display:grid}.dx-body ul.dx-list li{padding-left:26px;position:relative}.dx-body ul.dx-list li:before{content:"";background:var(--c,var(--blue));border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:6px}.dx-anchor{width:26px;height:26px;color:var(--text-3);opacity:0;border-radius:8px;place-items:center;margin-top:-13px;transition:opacity .15s,background-color .15s;display:grid;position:absolute;top:50%;left:-34px}.dx-anchor svg{width:15px;height:15px}.dx-body h2:hover .dx-anchor,.dx-anchor:focus-visible{opacity:1}.dx-anchor:hover{background:var(--mist);color:var(--ink)}.dx-body h2[data-step] .dx-anchor{left:-34px}.dx-note{background:var(--bg,var(--blue-soft));border-radius:20px;grid-template-columns:34px minmax(0,1fr);gap:14px;margin-top:26px;padding:18px 20px 18px 18px;display:grid}.dx-note__ic{color:#fff;background:var(--fg,var(--blue));border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.dx-note__ic svg{width:18px;height:18px}.dx-note b.dx-note__t{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin-bottom:2px;font-size:16px;font-weight:720;display:block}.dx-body .dx-note p{font-size:15.5px;line-height:1.6}.dx-note--tip{--bg:var(--mint-soft);--fg:var(--mint)}.dx-note--warn{--bg:var(--orange-soft);--fg:var(--orange)}.dx-note--pivot{--bg:var(--violet-soft);--fg:var(--violet)}.dx-steps{counter-reset:s;gap:0;margin-top:22px;display:grid}.dx-steps>li{grid-template-columns:34px minmax(0,1fr);column-gap:16px;padding-bottom:20px;display:grid;position:relative}.dx-steps>li:before{counter-increment:s;content:counter(s);z-index:1;width:32px;height:32px;font-family:var(--display);color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-2);background:#fff;border-radius:50%;place-items:center;font-size:14.5px;font-weight:750;transition:background-color .3s,color .3s,box-shadow .3s;display:grid}.dx-steps>li:after{content:"";background:var(--line);width:1.5px;position:absolute;top:34px;bottom:2px;left:15.25px}.dx-steps>li:last-child:after{display:none}.dx-steps>li>div{padding-top:3px}.dx-steps>li b{color:var(--ink);font-weight:680}.dx-steps>li.is-done:before{content:"✓";color:#fff;background:var(--mint);box-shadow:none}.dx-demo{--dx-surface:#fff;--dx-workspace:#eceff4;--dx-field:#f3f4f8;--dx-hover:#f1f3f7;--dx-line:#e7e9ef;--dx-accent:#0d99ff;--dx-accent-text:#006dd1;--dx-accent-soft:#eaf5ff;--dx-ease:cubic-bezier(.16, 1, .3, 1);border:1px solid var(--dx-line);background:var(--dx-workspace);isolation:isolate;border-radius:20px;margin-top:30px;position:relative;overflow:hidden}.dx-demo__bar{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:12px 14px 10px 18px;display:flex}.dx-demo__tag{letter-spacing:0;height:26px;color:var(--dx-accent-text);background:var(--dx-accent-soft);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:11px;font-weight:600;display:inline-flex}.dx-demo__tag svg{width:13px;height:13px}.dx-demo__tag--watch{color:#525868;background:#fff}.dx-demo__title{font-family:var(--font);letter-spacing:0;color:var(--ink);font-size:13px;font-weight:600}.dx-demo__tools{align-items:center;gap:6px;margin-left:auto;display:flex}.dx-icon-btn{color:#525868;background:#fff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;transition:background-color .1s,color .1s,transform .1s;display:grid}.dx-icon-btn:hover{background:#f4f6fa}.dx-icon-btn:active{transform:scale(.97)}.dx-icon-btn svg{width:16px;height:16px}.dx-demo__stage{box-shadow:0 0 0 1px var(--dx-line);background-color:#fff;border-radius:16px;margin:0 8px;position:relative;overflow:hidden}.dx-demo__stage--dots{background-image:none}.dx-demo__stage canvas{touch-action:none;width:100%;height:100%;display:block}.dx-demo__foot{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px 16px;font-size:14.5px;display:flex}.dx-demo__foot p{color:var(--text-2)!important;font-size:14.5px!important;line-height:1.5!important}.dx-demo__hint{align-items:center;gap:8px;display:inline-flex}.dx-demo__hint svg{width:16px;height:16px;color:var(--blue-ink)}.dx-demo .pillset{flex-wrap:wrap;gap:6px;display:flex}.pillset button,.dx-pill{height:32px;min-height:32px;font-family:var(--font);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .1s,color .1s,transform .1s;display:inline-flex}.pillset button:hover,.dx-pill:hover{background:#f4f6fa}.pillset button:active,.dx-pill:active{transform:scale(.97)}.pillset button[aria-pressed=true],.dx-pill[aria-pressed=true]{color:#006dd1;box-shadow:none;background:#eaf5ff}.dx-pill svg,.pillset svg{width:15px;height:15px}.dx-pill--blue{color:#fff;background:#0d99ff}.dx-pill--blue:hover{background:#0a8ae6}.dx-pill kbd{margin-left:2px;font-size:11px}.dx-pill[aria-pressed=true] kbd{color:var(--ink)}.dx-range{align-items:center;gap:12px;display:flex}.dx-range input{width:min(220px,40vw);accent-color:var(--blue)}.dx-range output{min-width:3.5em;font-family:var(--font);color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:450}.dx-demo .dx-play{color:#0c0d12;width:32px;height:32px;box-shadow:none;background:#f1f3f7;transition:background-color .1s,transform .1s}.dx-demo .dx-play:hover{background:#e4e7ed}.dx-demo .dx-play:active{transform:scale(.97)}.dx-demo .dx-play[aria-pressed=true]{color:#006dd1;background:#eaf5ff}.dx-demo .dx-tl__bar .dx-pill{background:#f3f4f8;height:32px}.dx-demo .dx-tl__bar .dx-pill--blue{color:#fff;background:#0d99ff}.dx-demo .dx-tl__bar .dx-pill[aria-pressed=true]{color:#006dd1;background:#eaf5ff}.dx-demo :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #0d99ff}.dx-demo button:disabled{opacity:.42;cursor:default}.dx-demo .dx-task{box-shadow:none;border-radius:12px;font-size:13px}.dx-demo .dx-task.is-next{box-shadow:inset 0 0 0 1.5px #0d99ff}.dx-demo .dx-progress__bar i{transition-duration:.24s}.dx-demo .dx-toast{font-weight:500;transition:opacity .16s,transform .24s cubic-bezier(.16,1,.3,1)}@media (pointer:coarse){.dx-demo :is(.dx-icon-btn,.dx-play){min-width:40px;min-height:40px}}.dx-ghost{transition:opacity .35s}.dx-ghost.is-gone{opacity:0}.dx-toast{z-index:6;color:#fff;opacity:0;pointer-events:none;transition:opacity .25s, transform .35s var(--ease-out);background:#0c0d12e0;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:13px;font-weight:650;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 24px -12px #00000080}.dx-toast.is-on{opacity:1;transform:translate(-50%)}.dx-toast svg{width:15px;height:15px;color:var(--lime)}.dx-tasks{gap:6px;display:grid}.dx-task{color:var(--ink-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-size:14.5px;line-height:1.45;transition:background-color .3s,box-shadow .3s;display:grid}.dx-task>i{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--line-2);border-radius:50%;place-items:center;transition:background-color .3s,box-shadow .3s;display:grid}.dx-task>i svg{color:#fff;stroke-width:3.4px;opacity:0;width:13px;height:13px;transition:opacity .25s, transform .4s var(--ease-out);transform:scale(.4)}.dx-task.is-done{background:var(--mint-soft);box-shadow:none}.dx-task.is-done>i{background:var(--mint);box-shadow:none}.dx-task.is-done>i svg{opacity:1;transform:none}.dx-task.is-next{box-shadow:0 0 0 2px var(--blue), 0 8px 20px -12px #0d99ff99}.dx-body .dx-task{font-size:14.5px;line-height:1.45}.dx-task b{color:var(--ink);font-weight:650}.dx-task small{color:var(--text-3);font-size:13px;display:block}.dx-progress{color:var(--text-2);align-items:center;gap:10px;font-size:13.5px;font-weight:650;display:flex}.dx-progress__bar{background:var(--mist-2);border-radius:999px;width:120px;height:6px;position:relative;overflow:hidden}.dx-progress__bar i{border-radius:inherit;background:var(--mint);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .6s var(--ease-out);position:absolute;inset:0}.dx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.dx-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.dx-card{box-shadow:var(--shadow);transition:box-shadow .25s, transform .3s var(--ease-out);background:#fff;border-radius:22px;flex-direction:column;gap:6px;padding:20px;display:flex;position:relative}a.dx-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0c0d1214,0 24px 44px -24px #0c0d1273}.dx-card__ic{width:42px;height:42px;color:var(--c,var(--blue));background:color-mix(in srgb, var(--c,var(--blue)) 12%, #fff);border-radius:13px;place-items:center;margin-bottom:6px;display:grid}.dx-card__ic svg{width:21px;height:21px}.dx-card b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:17.5px;font-weight:720}.dx-body .dx-card p{color:var(--text-2);font-size:14.5px;line-height:1.55}.dx-card .link{margin-top:auto;padding-top:8px;font-size:14.5px}.dx-learn{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;display:grid}.dx-learn a{color:var(--ink);background:var(--mist);transition:background-color .15s, transform .25s var(--ease-out);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;font-weight:620;display:flex}.dx-learn a:hover{background:var(--mist-2);transform:translateY(-1px)}.dx-body .dx-learn a:not(.btn){color:var(--ink);font-size:14.5px;font-weight:620;line-height:1.3;text-decoration:none}.dx-learn span{color:#fff;background:var(--c);border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:750;display:grid}.dx-keys{box-shadow:var(--shadow);background:#fff;border-radius:20px;margin-top:20px;display:grid;overflow:hidden}.dx-keys>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px;transition:background-color .25s;display:grid}.dx-keys>div:first-child{border-top:0}.dx-keys>div.is-hit{background:var(--blue-soft)}.dx-keys span{color:var(--ink-2);font-size:15.5px}.dx-keys span small{color:var(--text-3);font-size:13px;display:block}.dx-fig{margin-top:26px}.dx-fig img,.dx-fig video{width:100%;box-shadow:var(--shadow);border-radius:20px}.dx-fig figcaption{color:var(--text-3);margin-top:10px;font-size:14px}.dx-video{text-align:left;width:100%;box-shadow:var(--shadow);transition:box-shadow .25s, transform .3s var(--ease-out);background:#fff;border-radius:22px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;margin-top:26px;padding:12px;display:grid}.dx-video:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0c0d1214,0 24px 44px -24px #0c0d1273}.dx-video__thumb{aspect-ratio:16/9;background:#111 50%/cover no-repeat;border-radius:14px;position:relative;overflow:hidden}.dx-video__thumb:after{content:"";background:#00000026;position:absolute;inset:0}.dx-video__thumb span{z-index:1;color:#fff;background:#f03;border-radius:10px;place-items:center;width:44px;height:32px;margin:-16px 0 0 -22px;display:grid;position:absolute;top:50%;left:50%}.dx-video__thumb span svg{width:16px;height:16px}.dx-video small{color:#d4002a;font-size:13px;font-weight:650;display:block}.dx-video b{font-family:var(--display);letter-spacing:-.02em;margin-top:2px;font-size:18px;font-weight:720;line-height:1.25;display:block}.dx-video em{color:var(--text-3);background:0 0;margin-top:4px;font-size:14px;font-style:normal;display:block}.dx-quiz{gap:14px;margin-top:24px;display:grid}.dx-q{background:var(--mist);border-radius:22px;padding:22px}.dx-q>p{font-family:var(--display);letter-spacing:-.015em;font-weight:700;color:var(--ink)!important;font-size:18px!important}.dx-q__opts{gap:8px;margin-top:14px;display:grid}.dx-q__opts button{text-align:left;min-height:48px;color:var(--ink-2);box-shadow:var(--shadow-sm);transition:background-color .2s, box-shadow .2s, transform .2s var(--ease-out);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.dx-q__opts button:hover:not(:disabled){transform:translate(3px)}.dx-q__opts button i{width:26px;height:26px;color:var(--text-2);background:var(--mist);border-radius:9px;flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:750;transition:background-color .2s,color .2s;display:grid}.dx-q__opts button:disabled{cursor:default}.dx-q__opts button.is-right{background:var(--mint-soft);box-shadow:0 0 0 2px var(--mint)}.dx-q__opts button.is-right i{color:#fff;background:var(--mint)}.dx-q__opts button.is-wrong{background:#fff1f1;animation:.4s dxShake;box-shadow:0 0 0 2px #ff8080}.dx-q__opts button.is-wrong i{color:#fff;background:#ef4444}.dx-q__why{margin-top:12px;color:var(--text-2)!important;font-size:15px!important}@keyframes dxShake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.dx-score{color:#fff;background:linear-gradient(120deg, var(--blue), var(--violet));border-radius:20px;align-items:center;gap:14px;padding:18px 20px;display:flex}.dx-score b{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:760}.dx-body .dx-score p{color:#ffffffd9;font-size:15px}.dx-pager{grid-template-columns:1fr 1fr;gap:14px;margin-top:88px;display:grid}.dx-pager__card{box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s, transform .3s var(--ease-out);background:#fff;border-radius:20px;gap:3px;padding:18px 22px;display:grid;position:relative}.dx-pager__card:hover{box-shadow:0 0 0 1.5px var(--blue), 0 18px 30px -22px #0d99ffb3;transform:translateY(-2px)}.dx-pager__card small{color:var(--text-3);font-size:13px;font-weight:600}.dx-pager__card b{font-family:var(--display);letter-spacing:-.02em;font-size:17px;font-weight:720}.dx-pager__card svg{width:18px;height:18px;color:var(--text-3);margin-top:-9px;position:absolute;top:50%}.dx-pager__card--prev{padding-left:50px}.dx-pager__card--prev svg{left:20px;transform:rotate(180deg)}.dx-pager__card--next{text-align:right;padding-right:50px}.dx-pager__card--next svg{right:20px}.dx-help{background:var(--mist);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px;margin:18px 0 96px;padding:24px 26px;display:flex}.dx-help__h{font-family:var(--display);letter-spacing:-.025em;font-size:21px;font-weight:760}.dx-help p{color:var(--text-2);margin-top:3px;font-size:15px}.dx-help__row{flex-wrap:wrap;gap:8px;display:flex}.dx-help__discord{color:#fff;background:var(--discord)}.dx-help__discord:hover{background:#4b57e0}.dx-toc{scrollbar-width:none;padding:22px 0 40px;font-size:13.5px;overflow:auto}.dx-toc__h{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;font-size:12px;font-weight:700}.dx-toc ol{gap:1px;display:grid;position:relative}.dx-toc ol:before{content:"";background:var(--line);width:1.5px;position:absolute;top:0;bottom:0;left:0}.dx-toc a{color:var(--text-3);padding:5px 0 5px 14px;line-height:1.4;transition:color .2s;display:block;position:relative}.dx-toc a:hover{color:var(--ink)}.dx-toc a.is-on{color:var(--ink);font-weight:620}.dx-toc a.is-read{color:var(--text-2)}.dx-toc__ink{background:var(--blue);width:1.5px;height:20px;transition:transform .35s var(--ease-out), height .35s var(--ease-out);border-radius:2px;position:absolute;top:0;left:0}.dx-toc__rate{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.dx-toc__rate p{color:var(--ink-2);font-size:13.5px;font-weight:600}.dx-toc__rate div{gap:6px;margin-top:10px;display:flex}.dx-toc__rate button{background:var(--mist);border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.dx-toc__rate button:hover{background:var(--mist-2)}.dx-toc__rate button svg{width:14px;height:14px}.dx-toc__rate button[aria-pressed=true]{color:#fff;background:var(--ink)}.dx-toc__thanks{color:var(--text-2)!important;margin-top:10px!important;font-weight:500!important}.dx-toc__thanks a{color:var(--blue-ink);font-weight:600}.dx-stub{background:var(--mist);border-radius:28px;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:28px;margin-top:34px;padding:26px;display:grid}.dx-stub__art{aspect-ratio:1;background:#fff radial-gradient(#0c0d1212 1.2px,#0000 1.4px) 0 0/16px 16px;border-radius:22px;position:relative;overflow:hidden}.dx-stub__art canvas{width:100%;height:100%;position:absolute;inset:0}.dx-body .dx-stub__title{margin-top:2px;font-size:26px}.dx-body .dx-stub p{margin-top:8px;font-size:16px}.dx-stub__outline{gap:8px;margin-top:18px;display:grid}.dx-stub__outline li{color:var(--ink-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px 10px 10px;font-size:15.5px;font-weight:550;display:grid}.js .dx-stub__outline li{animation:dxRise .7s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms + .15s)}@keyframes dxRise{0%{opacity:0;transform:translateY(10px)}}.dx-stub__n{width:30px;height:30px;color:var(--c,var(--blue-ink));background:color-mix(in srgb, var(--c,var(--blue)) 12%, #fff);border-radius:10px;place-items:center;font-size:13px;font-weight:750;display:grid}.dx-stub__help{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:20px;display:grid}.dx-stub__video,.dx-stub__link{text-align:left;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out), box-shadow .2s;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.dx-stub__video:hover,.dx-stub__link:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.dx-stub__play,.dx-stub__link>svg{color:#fff;background:#f03;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.dx-stub__play svg{width:16px;height:16px}.dx-stub__link>svg{background:var(--discord);padding:9px}.dx-stub__video b,.dx-stub__link b{color:var(--ink);font-size:14.5px;font-weight:680;display:block}.dx-stub__video small,.dx-stub__link small{color:var(--text-3);font-size:13px;line-height:1.35;display:block}.docs-soon .dx-head{border-bottom:0;padding-bottom:0}.dsearch{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0d126b;place-items:start center;padding:min(12vh,110px) 16px 16px;display:grid;position:fixed;inset:0}.dsearch[hidden]{display:none}.dsearch.is-open{animation:.2s ease-out fadeIn}.dsearch__box{background:#fff;border-radius:24px;flex-direction:column;width:min(680px,100%);max-height:min(640px,100svh - 120px);display:flex;overflow:hidden;box-shadow:0 40px 100px -30px #0000008c}.dsearch.is-open .dsearch__box{animation:boxIn .4s var(--ease-out)}.dsearch__field{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 16px 0 20px;display:flex}.dsearch__field svg{width:20px;height:20px;color:var(--blue-ink);flex:none}.dsearch__field input{min-width:0;height:64px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:18px}.dsearch__field input::placeholder{color:var(--text-3)}.dsearch__esc{font-size:12px}.dsearch__list{overscroll-behavior:contain;flex:1;padding:8px;overflow:auto}.dsearch__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);padding:10px 12px 6px;font-size:12px;font-weight:700}.dsearch__item{color:var(--ink);cursor:pointer;border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.dsearch__item[aria-selected=true]{background:var(--blue-soft)}.dsearch__ic{width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, #fff);border-radius:11px;place-items:center;display:grid}.dsearch__ic svg{width:18px;height:18px}.dsearch__item b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:650;display:block;overflow:hidden}.dsearch__item small{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.dsearch__item mark{color:var(--blue-ink);background:0 0;font-weight:750}.dsearch__soon{color:var(--text-3);background:var(--mist-2);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.dsearch__item .keys{font-size:14px}.dsearch__empty{text-align:center;color:var(--text-2);padding:28px 20px 32px;font-size:15px}.dsearch__empty b{font-family:var(--display);color:var(--ink);margin-bottom:4px;font-size:18px;display:block}.dsearch__empty a{color:var(--blue-ink);font-weight:600}.dsearch__foot{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;gap:6px 16px;padding:10px 18px;font-size:12.5px;display:flex}.dsearch__foot span{align-items:center;gap:5px;display:inline-flex}.dsearch__foot kbd{font-size:11px}@media (width<=1280px){.docs{grid-template-columns:var(--dn-w) minmax(0, 1fr)}.dx-toc{display:none}}@media (width<=980px){.docs{grid-template-columns:minmax(0,1fr);padding-top:14px}.dn-open{top:calc(var(--hdr) + 8px);z-index:30;width:100%;height:48px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border-radius:16px;align-items:center;gap:10px;padding:0 16px;font-size:14.5px;font-weight:650;display:flex;position:sticky}.dn-open svg{width:18px;height:18px}.dn-open b{color:var(--text-3);margin-left:auto;font-weight:550}.docs__nav{z-index:110;opacity:0;visibility:hidden;background:#0c0d1266;max-height:none;padding:0;transition:opacity .25s,visibility 0s linear .25s;position:fixed;inset:0}.docs__nav .dn{width:min(340px,88vw);height:100%;transition:transform .35s var(--ease-out);background:#fff;padding:18px 12px 0 16px;transform:translate(-100%);box-shadow:30px 0 60px -30px #0006}.docs__nav .dn__scroll{max-height:100%}.docs__nav.is-open{opacity:1;visibility:visible;transition:opacity .25s}.docs__nav.is-open .dn{transform:none}.dx-head{padding-top:22px}.dx-anchor{display:none}}@media (width<=720px){.dx-grid,.dx-grid--3{grid-template-columns:minmax(0,1fr)}.dx-learn{grid-template-columns:1fr 1fr}.dx-pager{grid-template-columns:minmax(0,1fr)}.dx-stub{grid-template-columns:minmax(0,1fr);padding:18px}.dx-stub__art{width:140px}.dx-video{grid-template-columns:minmax(0,1fr)}.dx-demo{margin-inline:calc(var(--gutter) * -.5);border-radius:22px}.dx-demo__stage{border-radius:16px;margin:0 6px}.dx-body h2[data-step]{column-gap:12px}.dx-body h2[data-step]:before{border-radius:12px;width:36px;height:36px;font-size:16px}.dx-body p:not(.app-ui *),.dx-body li:not(.app-ui *){font-size:16.5px}}@media (width<=420px){.dx-learn{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.js .dx-stub__outline li{animation:none}}.docs-home main{overflow-x:clip}.dh-hero{padding:clamp(36px,6vw,88px) 0 clamp(40px,5vw,72px)}.dh-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.dh-hero__copy{grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.dh-hero .h1{margin-top:18px}.dh-hero .lede{max-width:560px;margin-top:20px}.dh-search{text-align:left;width:min(580px,100%);height:64px;color:var(--text-3);box-shadow:0 0 0 1px var(--line-2), 0 20px 40px -24px #0c0d1259;transition:box-shadow .25s, transform .3s var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:14px;margin-top:32px;padding:0 12px 0 22px;font-size:16.5px;display:flex}.dh-search:hover{box-shadow:0 0 0 2px var(--blue), 0 24px 44px -24px #0d99ff8c;transform:translateY(-1px)}.dh-search>svg{width:22px;height:22px;color:var(--blue-ink);flex:none}.dh-search span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dh-search kbd{width:34px;height:34px;font-size:14px}.dh-pop{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.dh-pop span{margin-right:2px;font-weight:600}.dh-pop a{color:var(--ink-2);background:var(--mist);border-radius:999px;padding:6px 12px;font-weight:600;transition:background-color .15s,color .15s}.dh-pop a:hover{color:var(--blue-ink);background:var(--blue-soft)}.dh-hero__stage{aspect-ratio:1/.92;background:radial-gradient(60% 55% at 70% 20%, #7c5cff29, transparent 70%), radial-gradient(#0c0d1212 1.3px, transparent 1.5px) 0 0 / 20px 20px, var(--blue-soft);border-radius:clamp(26px,2.4vw,40px);position:relative;box-shadow:inset 0 0 0 1px #0d99ff1f}.dh-hero__stage canvas{width:100%;height:100%;position:absolute;inset:0}.dh-cap{z-index:2;color:var(--ink);box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:8px 12px 8px 8px;font-size:13.5px;font-weight:650;animation:6s ease-in-out infinite dhBob;display:inline-flex;position:absolute}.dh-cap kbd{font-size:12px}.dh-cap--a{top:16%;left:-4%}.dh-cap--b{animation-delay:-2s;top:42%;right:-3%}.dh-cap--c{animation-delay:-4s;bottom:9%;left:8%}@keyframes dhBob{0%,to{translate:0}50%{translate:0 -10px}}.dh-start{padding-bottom:clamp(24px,3vw,40px)}.dh-start__card{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);transition:transform .4s var(--ease-out), box-shadow .3s;border-radius:clamp(26px,2.4vw,40px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;overflow:hidden}.dh-start__card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0c0d120f,0 50px 90px -40px #0c0d1299}.dh-start__copy{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;gap:14px;padding:clamp(28px,4vw,64px);display:grid}.dh-badge{letter-spacing:.03em;text-transform:uppercase;height:30px;color:var(--ink);background:var(--lime);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:12.5px;font-weight:750;display:inline-flex}.dh-badge svg{width:15px;height:15px}.dh-start__h{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(38px,3.4vw + 10px,72px);font-weight:800;line-height:1}.dh-start__copy p{color:#ffffffc7;max-width:460px;font-size:clamp(16px,.3vw + 14px,19px);line-height:1.6}.dh-start__meta{color:#ffffffb8;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600;display:flex}.dh-start__meta li{align-items:center;gap:7px;display:inline-flex}.dh-start__meta svg{width:16px;height:16px;color:var(--lime)}.dh-start__copy .btn{color:var(--ink);box-shadow:none;background:#fff;margin-top:10px}.dh-start__copy .btn svg{transition:transform .3s var(--ease-out)}.dh-start__card:hover .btn svg{transform:translate(4px)}.dh-start__art{background:radial-gradient(55% 60% at 80% 10%, #7c5cff99, transparent 70%), radial-gradient(50% 50% at 10% 100%, #12c98a52, transparent 70%), radial-gradient(#ffffff29 1.3px, transparent 1.5px) 0 0 / 22px 22px, var(--blue);min-height:340px;position:relative}.dh-start__art canvas{width:100%;height:100%;position:absolute;inset:0}.dh-start__film{grid-template-columns:repeat(4,1fr);gap:8px;display:grid;position:absolute;bottom:8%;left:12%;right:12%}.dh-start__film i{aspect-ratio:4/3;transition:background-color .3s, box-shadow .3s, transform .4s var(--ease-out);background:#fff3;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff40}.dh-start__film i.is-on{background:#fff;transform:translateY(-3px);box-shadow:0 10px 20px -10px #0006}.dh-path{background:var(--mist);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 24px;margin-top:18px;padding:14px 16px 14px 22px;display:grid}.dh-path__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-size:13px;font-weight:700}.dh-path ol{counter-reset:p;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.dh-path li{position:relative}.dh-path li+li:before{content:"";background:var(--line-2);width:8px;height:2px;position:absolute;top:50%;left:-8px}.dh-path__step{height:100%;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out), box-shadow .2s;background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dh-path__step:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.dh-path__n{width:28px;height:28px;color:var(--text-2);background:var(--mist);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:750;display:grid}.dh-path__step b{font-size:14px;font-weight:650;line-height:1.25;display:block}.dh-path__step small{color:var(--text-3);font-size:12.5px;display:block}.dh-path__step.is-start{box-shadow:0 0 0 2px var(--blue), 0 12px 24px -16px #0d99ffcc}.dh-path__step.is-start .dh-path__n{color:#fff;background:var(--blue)}.dh-path__step.is-soon b{color:var(--text-2)}.dh-topics__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.2vw,22px);margin-top:clamp(36px,4vw,56px);display:grid}.dh-topic{box-shadow:var(--shadow);transition:transform .4s var(--ease-out), box-shadow .3s;background:#fff;border-radius:26px;flex-direction:column;padding:10px;display:flex}.dh-topic:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #0c0d120f,0 30px 50px -30px #0c0d1273}.dh-topic__head{background:color-mix(in srgb, var(--c) 7%, #fff);border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:14px;padding:14px 14px 12px;display:grid}.dh-topic__ic{color:#fff;background:var(--c);width:48px;height:48px;box-shadow:0 10px 20px -12px var(--c);transition:transform .4s var(--ease-out);border-radius:15px;place-items:center;display:grid}.dh-topic:hover .dh-topic__ic{transform:rotate(-6deg)scale(1.05)}.dh-topic__ic svg{width:23px;height:23px}.dh-topic__head b{font-family:var(--display);letter-spacing:-.02em;font-size:19px;font-weight:740;display:block}.dh-topic__head small{color:var(--text-2);margin-top:3px;font-size:14px;line-height:1.45;display:block}.dh-topic ul{padding:8px 6px 4px;display:grid}.dh-topic li a{color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:7px 10px;font-size:14.5px;transition:background-color .15s,color .15s;display:flex}.dh-topic li a:before{content:"";background:color-mix(in srgb, var(--c) 55%, #fff);border-radius:50%;flex:none;width:6px;height:6px}.dh-topic li a:hover{color:var(--ink);background:var(--mist)}.dh-topic__foot{border-top:1px solid var(--line);color:var(--text-3);margin:auto 16px 10px;padding-top:10px;font-size:13px;font-weight:600}.dh-reference{background:var(--mist);padding:78px 0 52px}.dh-reference .h1{max-width:980px;margin:18px 0 22px;font-size:clamp(40px,5vw,68px)}.dh-reference .lede{max-width:760px}.dh-reference .dh-search{max-width:780px}.dh-workflows{padding:52px 0 12px}.dh-workflows__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.dh-workflows__grid>a{border:1px solid var(--line);background:var(--white);border-radius:16px;flex-direction:column;align-items:start;padding:26px;transition:border-color .16s,background .16s;display:flex}.dh-workflows__grid>a:hover{border-color:var(--blue);background:var(--blue-soft)}.dh-workflows__grid h3{margin:16px 0 12px;font-size:21px;line-height:1.25}.dh-workflows__grid p{color:var(--text-2);margin:0 0 24px;font-size:15px;line-height:1.65}.dh-workflows__grid>a>span:last-child{color:var(--blue);align-items:center;gap:9px;margin-top:auto;font-size:14px;font-weight:650;display:flex}.dh-workflows__grid .i-line{width:17px;height:17px}@media (width<=900px){.dh-workflows__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dh-reference{padding:48px 0 34px}.dh-workflows{padding-top:36px}.dh-workflows__grid{grid-template-columns:1fr}.dh-workflows__grid>a{padding:22px}}.dh-tuts__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.2vw,22px);margin-top:clamp(36px,4vw,56px);display:grid}.dh-tut{box-shadow:var(--shadow);transition:transform .4s var(--ease-out), box-shadow .3s;background:#fff;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.dh-tut:hover{transform:translateY(-4px);box-shadow:0 0 0 1px #0c0d120f,0 30px 50px -30px #0c0d1273}.dh-tut__art{aspect-ratio:16/10;background:radial-gradient(#0c0d1212 1.2px, transparent 1.4px) 0 0 / 16px 16px, var(--tc,var(--blue-soft));position:relative}.dh-tut:nth-child(4n+1) .dh-tut__art{--tc:#eaf5ff}.dh-tut:nth-child(4n+2) .dh-tut__art{--tc:#f0ecff}.dh-tut:nth-child(4n+3) .dh-tut__art{--tc:#fff0e8}.dh-tut:nth-child(4n+4) .dh-tut__art{--tc:#e5f8f0}.dh-tut__art canvas{width:100%;height:100%;position:absolute;inset:0}.dh-tut__soon{letter-spacing:.03em;text-transform:uppercase;color:var(--text-2);background:#ffffffe6;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:750;position:absolute;top:10px;right:10px}.dh-tut__body{gap:4px;padding:16px 18px 20px;display:grid}.dh-tut__body small{color:var(--text-3);font-size:12.5px;font-weight:650}.dh-tut__body b{font-family:var(--display);letter-spacing:-.02em;font-size:18px;font-weight:740}.dh-tut__body>span{color:var(--text-2);font-size:14px;line-height:1.5}.dh-keys__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.dh-keys .head .btn{justify-self:start;margin-top:8px}.dh-keys__pad{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.dh-bands{padding-bottom:clamp(64px,8vw,120px)}.dh-bands__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dh-band{text-align:left;transition:transform .35s var(--ease-out), box-shadow .25s;border-radius:24px;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:22px;display:grid}.dh-band:hover{transform:translateY(-3px)}.dh-band b{font-family:var(--display);letter-spacing:-.02em;font-size:18px;font-weight:740;display:block}.dh-band small{opacity:.8;margin-top:3px;font-size:14px;line-height:1.45;display:block}.dh-band__ic{border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.dh-band__ic svg{width:22px;height:22px}.dh-band__go{opacity:.6;width:20px;height:20px;transition:transform .3s var(--ease-out)}.dh-band:hover .dh-band__go{transform:translate(4px)}.dh-band--pivot{background:var(--violet-soft)}.dh-band--pivot .dh-band__ic{color:#fff;background:var(--violet)}.dh-band--discord{color:#fff;background:linear-gradient(145deg,#6d78f7,#4752e0)}.dh-band--discord .dh-band__ic{background:#ffffff2e}.dh-band--video{color:#fff;background:linear-gradient(145deg,#1b1d26,#0c0d12)}.dh-band--video .dh-band__ic{background:#f03}@media (width<=1100px){.dh-topics__grid,.dh-tuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-path,.dh-bands__grid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.dh-hero__grid,.dh-start__card,.dh-keys__grid{grid-template-columns:minmax(0,1fr)}.dh-hero__stage{width:100%;max-width:520px;margin-inline:auto}.dh-start__art{order:-1;min-height:260px}.dh-path ol{grid-template-columns:minmax(0,1fr)}.dh-path li+li:before{display:none}}@media (width<=640px){.dh-topics__grid,.dh-tuts__grid{grid-template-columns:minmax(0,1fr)}.dh-search{height:56px;font-size:15px}.dh-cap--a{left:2%}.dh-cap--b{right:2%}.dh-keys__pad{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dh-cap{animation:none}}@media print{.page-docs>:not(main),.page-docs .dn,.page-docs .dn-open,.page-docs .dx-toc,.page-docs .dx-pager,.page-docs .dx-help,.page-docs .dx-demo,.page-docs .dx-crumbs,.page-docs .dx-related,.page-docs [data-print-hide]{display:none!important}.page-docs main,.page-docs .dx-body{max-width:none!important;margin:0!important;padding:0!important}.page-docs .dx-keys>div{break-inside:avoid}.page-docs h2{break-after:avoid;margin-top:18px!important}.page-docs *{box-shadow:none!important;animation:none!important}}@media (width<=700px){.dx-body .ui{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}}.dx-ratio-hero{aspect-ratio:16/7.4}.dx-ratio-wide{aspect-ratio:16/8}.dx-ratio-play{aspect-ratio:5/4}.dx-ratio-square{aspect-ratio:1/.86}.dx-ratio-strip{aspect-ratio:16/6}.dx-demo__stage canvas{position:absolute;inset:0}.dx-demo__stage canvas:focus-visible{outline:2.5px solid var(--blue);outline-offset:-3px;border-radius:20px}.dx-demo__stage canvas.is-over{cursor:grab}.dx-demo__stage canvas.is-drag{cursor:grabbing}.dx-kicker{letter-spacing:.06em;text-transform:uppercase;margin-top:44px;font-weight:700;color:var(--text-3)!important;font-size:13px!important}.dx-kicker+.dx-learn{margin-top:12px}.dx-tint{color:color-mix(in srgb, var(--c) 70%, #000);background:color-mix(in srgb, var(--c) 16%, #fff);border-radius:999px;padding:1px 8px;font-weight:650}.dx-hud{z-index:3;max-width:calc(100% - 24px);height:32px;color:var(--ink-2);box-shadow:var(--shadow-sm);pointer-events:none;background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;bottom:12px;left:12px}.dx-hud span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dx-hud i{background:red;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #ff000026}.dx-hud.is-live{color:#fff;background:var(--ink)}.dx-hud.is-live i{background:var(--lime);box-shadow:0 0 0 3px #c7f25a40}.dx-hero-demo{background:linear-gradient(180deg, var(--mist), #eef1f7);margin-top:36px}.dx-hero-demo .dx-demo__stage{margin-top:8px}.dx-hero-demo .dx-demo__foot{flex-wrap:nowrap;justify-content:space-between}.dx-hero-demo .dx-demo__foot p{flex:auto}.dx-hero-demo .dx-demo__foot .dx-icon-btn{flex:none}.dx-icon-btn b{font-size:18px;font-weight:600;line-height:1}[data-zoom-label]{font-variant-numeric:tabular-nums;justify-content:center;min-width:70px}.dx-tl__bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.dx-tl__bar .dx-pill{height:34px;box-shadow:none;background:var(--mist)}.dx-tl__bar .dx-pill--blue{color:#fff;background:var(--blue-ink)}.dx-tl__bar .dx-pill--blue kbd{color:var(--ink)}.dx-tl__bar .dx-pill[aria-pressed=true]{color:#fff;background:var(--ink)}.dx-play{color:#fff;background:var(--blue);width:38px;height:38px;transition:transform .2s var(--ease-out), background-color .2s;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 16px -8px #0d99ffcc}.dx-play:hover{background:#0a8ae6}.dx-play:active{transform:scale(.92)}.dx-play svg{width:17px;height:17px}.dx-cheat{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:22px;display:grid}.dx-cheat__k{background:var(--mist);transition:background-color .25s, box-shadow .25s, transform .35s var(--ease-out);border-radius:20px;align-content:start;gap:8px;padding:16px;display:grid}.dx-cheat__k .keys{font-size:18px}.dx-cheat__k .keys+.keys:before{content:"/";margin:0 4px}.dx-cheat__k b{color:var(--ink);font-size:15px;font-weight:650}.dx-cheat__k small{color:var(--text-3);margin-top:-6px;font-size:12.5px}.dx-cheat__k.is-hit{background:var(--blue-soft);box-shadow:0 0 0 2px var(--blue);transform:translateY(-3px)}.dx-cheat__k.is-hit b{color:var(--blue-ink)}.dx-stub__art{--c:var(--blue)}@media (width<=860px){.dx-ratio-play{aspect-ratio:4/3.4}}@media (width<=560px){.dx-ratio-hero,.dx-ratio-wide{aspect-ratio:4/3}.dx-ratio-strip{aspect-ratio:16/9}.dx-cheat{grid-template-columns:repeat(2,minmax(0,1fr))}}.dx-mo .dx-demo__stage{overflow:hidden}.dx-mo__keys{z-index:3;pointer-events:none;position:absolute;top:14px;right:14px}.dx-mo__cap{animation:moCap .45s var(--ease-out);background:#fffffff5;border-radius:16px;align-items:center;padding:8px 12px;font-size:18px;display:inline-flex;box-shadow:0 14px 30px -14px #0c0d1273,0 0 0 1px #0c0d120d}.dx-mo__cap .keys>span{color:var(--ink-2);font-size:.72em;font-weight:650}@keyframes moCap{0%{opacity:0;transform:translateY(4px)}}.dx-mo__say{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:58px;padding:10px 18px 12px;display:grid}.dx-mo__say p{font-weight:550;color:var(--ink)!important;font-size:15.5px!important;line-height:1.5!important}.dx-mo__say p.is-in{animation:moSay .45s var(--ease-out)}.dx-mo__say p kbd{font-size:.78em}@keyframes moSay{0%{opacity:0;transform:translateY(6px)}}.dx-mo__dots{gap:5px;display:flex}.dx-mo__dots button{background:var(--line-2);width:9px;height:9px;transition:width .35s var(--ease-out), background-color .25s;border-radius:99px;display:block}.dx-mo__dots button.is-past{background:color-mix(in srgb, var(--violet) 45%, #fff)}.dx-mo__dots button.is-on{background:var(--violet);width:24px}.dx-mo__dots button:hover{background:var(--violet)}.dx-mo__alt{display:none}html:not(.js) .dx-mo__alt{color:var(--text-2);padding:16px 18px;font-size:15px;display:block}.dx-narrow{max-width:var(--read)!important}.dx-choose{margin-top:26px}.dx-choose__tabs{flex-wrap:wrap;gap:6px;display:flex}.dx-choose__tabs button{background:var(--mist);border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;font-size:14.5px;font-weight:650;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.dx-choose__tabs button:hover{background:var(--mist-2)}.dx-choose__tabs button[aria-selected=true]{color:#fff;background:var(--ink);box-shadow:0 10px 20px -12px #0c0d12b3}.dx-choose__tabs button i{width:26px;height:26px;color:var(--c,var(--blue));background:#fff;border-radius:50%;place-items:center;font-style:normal;display:grid}.dx-choose__tabs button i svg{width:15px;height:15px}.dx-choose__panel{box-shadow:var(--shadow);background:#fff;border-radius:22px;margin-top:14px;padding:22px 24px}.dx-choose__panel[hidden]{display:none}.dx-choose__panel.is-in{animation:moSay .45s var(--ease-out)}.dx-choose__panel>:first-child{margin-top:0!important}.dx-body .dx-choose__panel p,.dx-body .dx-choose__panel li{font-size:16px}.dx-tldr{background:linear-gradient(135deg, color-mix(in srgb, var(--c,var(--blue)) 9%, #fff), #fff 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c,var(--blue)) 18%, transparent);border-radius:22px;margin-top:30px;padding:20px 22px 20px 24px;position:relative}.dx-tldr>b{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--c,var(--blue)) 75%, #000);align-items:center;gap:8px;font-size:12.5px;font-weight:750;display:inline-flex}.dx-tldr>b svg{width:15px;height:15px}.dx-tldr ul{gap:8px;margin-top:12px;display:grid}.dx-body .dx-tldr li{padding-left:26px;font-size:16px;line-height:1.55;position:relative}.dx-tldr li:before{content:"";background:color-mix(in srgb, var(--c,var(--blue)) 22%, #fff);width:14px;height:14px;box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 14px var(--c,var(--blue));border-radius:5px;position:absolute;top:.34em;left:2px}.dx-faq{gap:8px;margin-top:20px;display:grid}.dx-faq details{background:var(--mist);border-radius:18px;transition:background-color .2s}.dx-faq details[open]{box-shadow:var(--shadow);background:#fff}.dx-faq summary{color:var(--ink);cursor:pointer;align-items:center;gap:12px;padding:15px 18px;font-size:16px;font-weight:650;list-style:none;display:flex}.dx-faq summary::-webkit-details-marker{display:none}.dx-faq summary:after{content:"+";color:var(--text-3);transition:transform .3s var(--ease-out);margin-left:auto;font-size:22px;font-weight:400}.dx-faq details[open] summary:after{transform:rotate(45deg)}.dx-faq details>div{padding:0 18px 16px}.dx-body .dx-faq details p{font-size:15.5px}.dx-compare{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.dx-compare>div{background:var(--mist);border-radius:20px;padding:18px 20px}.dx-compare>div>b{font-family:var(--display);align-items:center;gap:8px;margin-bottom:8px;font-size:17px;font-weight:720;display:flex}.dx-compare>div>b i{background:var(--c,var(--blue));border-radius:3px;width:10px;height:10px}.dx-body .dx-compare li,.dx-body .dx-compare p{font-size:15px;line-height:1.55}.dx-compare ul{gap:6px;display:grid}.dx-compare li{padding-left:18px;position:relative}.dx-compare li:before{content:"";background:var(--c,var(--blue));border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:2px}.dx-table{border-collapse:separate;border-spacing:0;width:100%;box-shadow:var(--shadow);border-radius:18px;margin-top:20px;font-size:15px;overflow:hidden}.dx-table th,.dx-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);background:#fff;padding:12px 16px}.dx-table thead th{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);background:var(--mist);border-top:0;font-size:12.5px;font-weight:700}.dx-table td:first-child{color:var(--ink);font-weight:620}.dx-table td{color:var(--ink-2);line-height:1.5}.dx-table-wrap{max-width:100%;overflow-x:auto}@media (width<=720px){.dx-compare{grid-template-columns:minmax(0,1fr)}.dx-mo__say{grid-template-columns:minmax(0,1fr);gap:8px}.dx-mo__cap{font-size:15px}}.dx-ratio-tall{aspect-ratio:4/3}.keys-or{color:var(--text-3);margin:0 6px;font-size:.8em;font-weight:500}.dx-side__note{color:var(--text-3);font-size:13px;line-height:1.45}.dx-side__note kbd{font-size:11px}.dx-related{margin-top:20px}.dx-body code{background:var(--mist);border-radius:7px;padding:2px 7px;font-size:.86em}.tl-past{pointer-events:none;background:#0c0d120f;border-radius:0 6px 6px 0;position:absolute;top:0;bottom:0;right:0}.dx-tl-tasks{padding:14px 8px 10px}.dx-tl-tasks .dx-tasks{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.dx-play[aria-pressed=true]{background:var(--ink)}@media (width<=720px){.dx-tl-tasks .dx-tasks{grid-template-columns:minmax(0,1fr)}}.cp{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;gap:10px;padding:14px;display:grid}.cp input[type=range]{width:100%}.cp,.cp>*{min-width:0}.dx-body .dx-side__note{color:var(--text-2);font-size:12.5px;line-height:1.45}.vx{gap:10px;display:grid}.im-shelf{background:#fff;border-radius:16px;align-content:start;gap:6px;padding:10px;display:grid}.im-shelf>p{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:2px 4px 4px;font-size:12px;font-weight:700}.im-file{text-align:left;width:100%;color:var(--ink);cursor:grab;touch-action:none;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:flex}.im-file:hover,.im-file:focus-visible{background:var(--mist)}.im-file i{letter-spacing:.02em;color:#fff;background:var(--c);border-radius:6px 12px 6px 6px;flex:none;place-items:center;width:34px;height:40px;font-size:9.5px;font-style:normal;font-weight:800;display:grid}.im-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.im-file.is-ghost{z-index:1000;width:200px;box-shadow:var(--shadow-lg);pointer-events:none;cursor:grabbing;background:#fff;position:fixed;top:0;left:0}@media (width<=720px){.im-shelf{grid-template-columns:1fr 1fr}.im-shelf>p{grid-column:1/-1}}.dx-pill:disabled{opacity:.45;cursor:default}.pl{z-index:8;position:absolute;inset:0}.ly-col{gap:6px;min-height:0;display:flex}.ly-col[data-left]{grid-area:left}.ly-col[data-right]{grid-area:right}.ly-strip{width:24px;color:var(--text-2);writing-mode:vertical-rl;animation:moCap .3s var(--ease-out);background:#fff;border-radius:8px;flex:none;padding:10px 0;font-size:11px;font-weight:650;transition:background-color .15s}.ly-strip:hover{color:var(--ink);background:#eaf5ff}.ly-floats{pointer-events:none;position:absolute;inset:0}.ly-float{left:calc(18px + var(--i) * 24px);top:calc(18px + var(--i) * 24px);height:180px;box-shadow:var(--shadow-lg);pointer-events:auto;position:absolute}.ly-ghost{z-index:1000;color:#fff;background:var(--ink);box-shadow:var(--shadow-lg);pointer-events:none;border-radius:9px;padding:6px 12px;font-size:12.5px;font-weight:650;position:fixed;top:0;left:0}.ly-menu{z-index:20;min-width:180px;box-shadow:var(--shadow-lg);animation:moCap .2s var(--ease-out);background:#fff;border-radius:13px;padding:6px;display:grid;position:absolute}.ly-menu button{text-align:left;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:560}.ly-menu button:hover,.ly-menu button:focus-visible{background:var(--mist)}.kb{background:linear-gradient(#e3e7ee,#d7dce5);border-radius:18px;gap:5px;min-width:760px;padding:12px;display:grid;box-shadow:inset 0 1px #fff,0 10px 26px -18px #0c0d1280}.dx-where{color:var(--text-3)!important;margin-top:-4px!important;font-size:14px!important}.gl{margin-top:18px}.gl-bar{top:calc(var(--hdr) + 8px);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#f5f6f9eb;border-radius:20px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex;position:sticky}.gl-bar input{height:40px;font:inherit;box-shadow:var(--shadow-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676c7a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.3-4.3'/%3E%3C/svg%3E") 13px/16px no-repeat;border:0;border-radius:12px;flex:220px;padding:0 14px 0 38px;font-size:15px}.gl-bar .pillset{flex-wrap:wrap;gap:5px;display:flex}.gl-bar .pillset button{height:32px;padding:0 12px;font-size:13px}.gl-bar small{color:var(--text-3);font-size:13px}.gl-group{scroll-margin-top:calc(var(--hdr) + 90px)}.dx-body .gl-group h3{font-family:var(--display);color:var(--line-2);margin:26px 0 8px;font-size:28px;font-weight:780}.gl-group dl{gap:8px;margin:0;display:grid}.gl-item{box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--hdr) + 90px);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 18px;display:grid}.gl-item.has-mini{grid-template-columns:minmax(0,1fr) 132px;column-gap:18px}.gl-item dt{font-family:var(--display);letter-spacing:-.015em;color:var(--ink);font-size:18px;font-weight:720}.gl-item dt small{font-family:var(--font,inherit);color:var(--text-3);margin-left:6px;font-size:13px;font-weight:560}.gl-item dd{grid-column:1;margin:0}.dx-body .gl-item dd p{margin:0;font-size:15.5px}.gl-item dd a{margin-top:6px;font-size:13.5px;font-weight:650;display:inline-block}.gl-item canvas{background:var(--mist);border-radius:14px;grid-area:1/2/span 2;align-self:center;width:132px;height:96px}.gl-item:target{box-shadow:0 0 0 2px var(--blue), var(--shadow)}.gl-empty{text-align:center;color:var(--text-3);padding:24px}@media (width<=560px){.gl-item.has-mini{grid-template-columns:minmax(0,1fr) 96px}.gl-item canvas{width:96px;height:72px}}.ts{margin-top:18px}.ts-list{gap:8px;margin-top:14px;display:grid}.ts-item{box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--hdr) + 90px);background:#fff;border-radius:18px;transition:box-shadow .2s}.ts-item[open]{box-shadow:0 0 0 2px var(--c,var(--blue)), var(--shadow)}.ts-item summary{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.ts-item summary::-webkit-details-marker{display:none}.ts-item summary:after{content:"";border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);width:10px;height:10px;transition:transform .25s var(--ease-out);flex:none;margin-left:auto;transform:rotate(45deg)translateY(-3px)}.ts-item[open] summary:after{transform:rotate(225deg)translateY(-3px)}.ts-item summary b{font-family:var(--display);letter-spacing:-.01em;font-size:17px;font-weight:700}.ts-cat{letter-spacing:.02em;color:var(--text-2);background:var(--mist);border-radius:999px;flex:none;padding:3px 9px;font-size:11px;font-weight:700}.ts-body{animation:moCap .3s var(--ease-out);padding:0 18px 18px}.ts-body>p:first-child,.ts-body>ul:first-child,.ts-body>ol:first-child{margin-top:0}.ts-minis{float:right;gap:10px;margin:0 0 10px 16px;display:flex}.ts-minis figure{justify-items:center;gap:4px;margin:0;display:grid}.ts-minis canvas{background:var(--mist);border-radius:12px;width:120px;height:88px}.ts-minis figcaption{color:var(--text-3);font-size:11.5px;font-weight:650}.ts-more{margin-top:12px;font-size:14px;font-weight:650;display:inline-block}.ts-body:after{content:"";clear:both;display:block}@media (width<=560px){.ts-minis{float:none;margin:0 0 10px}}.dx-demo{--editor-surface:#fff;--editor-field:#eceff4;--editor-well:#f3f4f8;--editor-hover:#f1f3f7;--editor-line:#e7e9ef;--editor-ink:#0c0d12;--editor-text:#525868;--editor-muted:#676c7a;--editor-accent:#0d99ff;--editor-accent-text:#006dd1;--editor-selected:#eaf5ff;--editor-shadow:0 1px 3px #0c0d120f, 0 0 0 1px #0c0d120a;--editor-raised:0 8px 24px #0c0d121f, 0 0 0 1px #0c0d120f}.dx-demo :is(input[type=search],select,input[type=number]){border-radius:10px;font-family:inherit;font-size:13px;font-weight:450}@media (prefers-reduced-motion:reduce){.dx-demo *,.dx-demo :before,.dx-demo :after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}}.ed-target{align-items:center;gap:8px;min-height:28px;display:flex}.ed-target svg{width:18px;height:18px}.ed-field{background:var(--editor-well);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-width:0;min-height:32px;padding:6px 8px;font-size:11px;display:grid}.ed-field input{text-align:right;width:100%;min-width:0;font:inherit;color:var(--editor-ink);background:0 0;border:0;outline:0;padding:0}.ed-field i{background:var(--c);border-radius:4px;width:14px;height:14px}.ed-field small{display:none}.styk-settings-mini svg{width:100%;height:100%;display:block}.styk-settings-mini .m-field{fill:var(--mini-field)}.styk-settings-mini .m-panel{fill:var(--mini-panel)}.styk-settings-mini .m-stage{fill:var(--mini-stage)}.styk-settings-mini .m-line{fill:var(--mini-line)}.styk-settings-mini :is(.m-accent,.m-figure){fill:#0d99ff}.styk-settings-mini .m-limb{fill:none;stroke:#0d99ff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.app-ui .ed-viewport>.rig-readout{z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 88%, transparent);max-inline-size:calc(100% - 24px);box-shadow:0 0 0 1px var(--line-1);font:var(--type-small);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0;padding:3px 10px;position:absolute;inset-block-start:10px;inset-inline-start:50%;overflow:hidden;translate:-50%}.app-ui .ed-viewport>.rig-readout:empty{display:none}.app-ui .ui-field-grid>.ss-wide{grid-column:1/-1;display:grid}.app-ui [data-ss-insp] .inspector-group+.inspector-group,.app-ui [data-cn-insp] .inspector-group+.inspector-group,.app-ui [data-rg-insp] .inspector-group+.inspector-group{margin-block-start:var(--space-2)}.app-ui :is([data-ss-insp],[data-cn-insp],[data-rg-insp]) .ui-action-row{gap:var(--space-1);flex-wrap:wrap;margin-block-end:var(--space-2);display:flex}.app-ui :is([data-ss-insp],[data-cn-insp],[data-rg-insp]) .ui-action-row>.ui-button{flex:1 1 0}.app-ui :is([data-ss-insp],[data-cn-insp],[data-rg-insp]) .inspector-meta{padding-block:var(--space-1)}@container ed (width>=721px){:is(.dx-demo--smart-stretch,.dx-demo--connectors,.dx-demo--rigging)>.ed>.ed-side{contain:size;flex-direction:column;display:flex}}.app-ui :is(.dx-demo--smart-stretch,.dx-demo--connectors,.dx-demo--rigging) .ed-viewport>canvas,.dx-demo--smart-stretch .ed-viewport>canvas,.dx-demo--connectors .ed-viewport>canvas,.dx-demo--rigging .ed-viewport>canvas{touch-action:none}.app-ui{--paper:#fff;--mist-50:#fbfcfd;--mist-100:#f5f6f9;--mist-125:#f3f4f8;--mist-150:#f1f3f7;--mist-175:#eceff4;--mist-200:#eceef3;--mist-250:#e7e9ef;--mist-300:#e2e5ec;--mist-400:#d9dce5;--mist-500:#c8ccd6;--slate-300:#b4bac7;--slate-350:#a9aebb;--slate-400:#9aa0ae;--slate-450:#8f95a4;--slate-500:#80879a;--slate-550:#737a8c;--slate-600:#676c7a;--slate-700:#525868;--ink-400:#5d6272;--ink-500:#3a3f4f;--ink-550:#2a2e3a;--ink-600:#262833;--ink-650:#22242e;--ink-700:#1e2029;--ink-750:#1b1c23;--ink-800:#15161c;--ink-850:#111217;--ink-880:#0f1014;--ink-900:#0c0d12;--ink-950:#0a0b0f;--blue-50:#eaf5ff;--blue-100:#dcefff;--blue-400:#45b0ff;--blue-500:#0d99ff;--blue-550:#0a8ae6;--blue-600:#006dd1;--blue-700:#0059ab;--blue-850:#17344d;--blue-900:#132a3e;--violet-50:#f0ecff;--violet-300:#a898ff;--violet-500:#7c5cff;--violet-600:#6a47f5;--violet-900:#231f3d;--mint-50:#e5f8f0;--mint-300:#3ddc9f;--mint-500:#12c98a;--mint-700:#097e56;--mint-900:#132e25;--orange-50:#fff0e8;--orange-300:#ff8f63;--orange-500:#ff6a2b;--orange-700:#b04818;--orange-900:#33201a;--gold-50:#fff4de;--gold-300:#ffc05a;--gold-500:#f5a524;--gold-800:#8a4b00;--gold-900:#33291a;--rose-50:#ffe9ec;--rose-300:#ff7a93;--rose-500:#ff3d5e;--rose-700:#c8163a;--rose-900:#3a1a22;--red-50:#fdecea;--red-300:#ff8a80;--red-600:#d93025;--red-700:#b3261e;--red-900:#3a1c1f;--lime-400:#d4f57c;--lime-500:#c7f25a;--lime-600:#b6e03f;--lime-900:#2c3d05;--teal-500:#36a8b5;--font-ui:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans CJK SC", "Noto Sans CJK TC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-display:"Inter Tight", "Inter", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans CJK SC", "Noto Sans CJK TC", "Microsoft YaHei UI", "PingFang SC", sans-serif;--font-mono:"Cascadia Mono", "Cascadia Code", Consolas, ui-monospace, Menlo, monospace;--font-features:"cv11", "ss01";--text-11:11px;--leading-11:14px;--text-12:12px;--leading-12:16px;--text-13:13px;--leading-13:18px;--text-14:14px;--leading-14:20px;--text-16:16px;--leading-16:20px;--text-18:18px;--leading-18:24px;--text-20:20px;--leading-20:26px;--text-28:28px;--leading-28:32px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-heading:650;--weight-value:450;--weight-bold:700;--weight-display:760;--tracking-display:-.03em;--tracking-title:-.02em;--tracking-heading:-.01em;--tracking-caps:.04em;--type-micro:var(--weight-semibold) var(--text-11)/var(--leading-11) var(--font-ui);--type-small:var(--weight-medium) var(--text-12)/var(--leading-12) var(--font-ui);--type-small-strong:var(--weight-semibold) var(--text-12)/var(--leading-12) var(--font-ui);--type-ui:var(--weight-medium) var(--text-13)/var(--leading-13) var(--font-ui);--type-ui-strong:var(--weight-semibold) var(--text-13)/var(--leading-13) var(--font-ui);--type-value:var(--weight-value) var(--text-13)/var(--leading-13) var(--font-ui);--type-body:var(--weight-regular) var(--text-13)/var(--leading-13) var(--font-ui);--type-emphasis:var(--weight-semibold) var(--text-14)/var(--leading-14) var(--font-ui);--type-numeral:var(--weight-bold) var(--text-14)/var(--leading-14) var(--font-display);--type-heading:var(--weight-heading) var(--text-16)/var(--leading-16) var(--font-display);--type-title:var(--weight-bold) var(--text-20)/var(--leading-20) var(--font-display);--type-display:var(--weight-display) var(--text-28)/var(--leading-28) var(--font-display);--type-button-prominent:var(--weight-heading) var(--text-13)/1 var(--font-display);--type-button:var(--weight-heading) var(--text-13)/1 var(--font-display);--type-panel-title:var(--weight-bold) var(--text-18)/var(--leading-18) var(--font-display);--type-section:var(--weight-heading) var(--text-13)/var(--leading-13) var(--font-display);--type-eyebrow:var(--weight-semibold) var(--text-11)/var(--leading-11) var(--font-ui);--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-2xs:4px;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;--size-badge:18px;--size-kbd:20px;--control-xs:24px;--control-sm:28px;--control-md:32px;--control-lg:36px;--control-xl:40px;--control-2xl:44px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:18px;--icon-xl:20px;--icon-2xl:24px;--icon-stroke:1.75;--icon-stroke-small:2;--focus-width:2px;--focus-offset:2px;--focus-offset-inset:-2px;--dur-fast:.1s;--dur-base:.16s;--dur-slow:.24s;--dur-thumb:.2s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--press-scale:.97;--z-sticky:5;--z-canvas-overlay:10;--z-canvas-hud:20;--z-floating:30;--ui-scale:1;--topbar-h:max(52px, calc(44px / var(--ui-scale)));--rail-w:48px;--inspector-w:304px;--gutter:6px;--island-pad:16px;--lane-inset:8px;--stage-inset-block:46px;--stage-inset-inline:12px;--dot-gap:20px;--dot-size:1px;--timeline-row:32px;--timeline-header:32px;--audio-row:64px;--audio-ruler:22px;--audio-toolbar:36px;--outliner-row:30px;--asset-row:74px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-field:var(--mist-175);--surface:var(--paper);--surface-raised:var(--paper);--surface-sunken:var(--mist-125);--surface-well:var(--mist-200);--surface-hover:var(--mist-150);--surface-pressed:var(--mist-300);--surface-selected:var(--blue-50);--surface-selected-hover:var(--blue-100);--surface-inverse:var(--ink-900);--surface-stage:var(--mist-100);--surface-construction:var(--mist-100);--surface-backdrop:#0c0d125c;--stage-dot:#0c0d1224;--construction-dot:#0c0d1224;--text-1:var(--ink-900);--text-2:var(--slate-700);--text-3:var(--slate-600);--text-disabled:var(--slate-400);--text-placeholder:var(--slate-600);--text-inverse:var(--paper);--text-inverse-2:#ffffffad;--text-on-accent:var(--ink-900);--text-on-strong:var(--paper);--text-link:var(--blue-600);--line-1:var(--mist-200);--line-2:var(--mist-250);--line-3:var(--mist-400);--line-control:var(--slate-500);--accent:var(--blue-500);--accent-strong:var(--blue-550);--accent-line:var(--blue-550);--accent-text:var(--blue-600);--accent-text-strong:var(--blue-700);--accent-soft:var(--blue-50);--accent-soft-hover:var(--blue-100);--selection-fill:var(--blue-50);--selection-line:var(--blue-550);--selection-text:var(--blue-600);--text-selection:#0d99ff38;--focus-ring:var(--blue-550);--inverse-focus:var(--blue-400);--export-focus:var(--ink-900);--focus-halo:#0d99ff2e;--primary:var(--ink-900);--primary-hover:var(--ink-600);--primary-pressed:var(--ink-550);--on-primary:var(--paper);--primary-shadow:inset 0 1px 0 #ffffff1f, 0 8px 18px -10px #0c0d128c;--control-soft:var(--mist-200);--control-soft-hover:var(--mist-300);--control-soft-pressed:var(--mist-400);--control-thumb:var(--paper);--control-mode-thumb:var(--ink-900);--on-control-mode-thumb:var(--paper);--switch-knob-off:var(--slate-600);--switch-knob-on:var(--paper);--slider-track:var(--mist-300);--slider-fill:var(--blue-500);--slider-thumb:var(--paper);--kbd-bg:var(--paper);--kbd-line:var(--mist-400);--inverse-hover:#ffffff1f;--inverse-line:#ffffff29;--inverse-track:#ffffff29;--inverse-accent:var(--blue-400);--inverse-time:var(--violet-300);--inverse-success:var(--mint-300);--inverse-danger:var(--red-300);--scrollbar-thumb:#0c0d122e;--scrollbar-thumb-hover:#0c0d1252;--swatch-ring:#0c0d1224;--checker-a:var(--paper);--checker-b:var(--mist-300);--danger-text:var(--red-700);--danger-soft:var(--red-50);--danger-strong:var(--red-700);--on-danger:var(--paper);--danger-dot:var(--red-600);--warning-text:var(--gold-800);--warning-soft:var(--gold-50);--warning-dot:var(--gold-500);--success-text:var(--mint-700);--success-soft:var(--mint-50);--success-dot:var(--mint-500);--neutral-dot:var(--slate-400);--tint-select:var(--blue-500);--tint-select-soft:var(--blue-50);--tint-select-ink:var(--blue-600);--tint-time:var(--violet-500);--tint-time-soft:var(--violet-50);--tint-time-ink:var(--violet-600);--tint-library:var(--mint-500);--tint-library-soft:var(--mint-50);--tint-library-ink:var(--mint-700);--tint-draw:var(--orange-500);--tint-draw-soft:var(--orange-50);--tint-draw-ink:var(--orange-700);--tint-fx:var(--rose-500);--tint-fx-soft:var(--rose-50);--tint-fx-ink:var(--rose-700);--tint-camera:var(--gold-500);--tint-camera-soft:var(--gold-50);--tint-camera-ink:var(--gold-800);--tint-export:var(--lime-500);--tint-export-hover:var(--lime-400);--tint-export-ink:var(--lime-900);--on-export:var(--ink-900);--mode-animate:var(--tint-select);--mode-draw:var(--tint-draw);--mode-build:var(--tint-library);--kind-figure:var(--tint-select);--kind-movieclip:var(--tint-library);--kind-project:var(--tint-time);--hold:var(--slate-500);--hold-line:var(--mint-700);--easing-ink:var(--tint-time-ink);--easing-soft:var(--tint-time-soft);--badge-accent:var(--blue-600);--badge-time:var(--violet-600);--badge-library:var(--mint-700);--badge-new:var(--orange-700);--badge-camera:var(--gold-800);--on-badge:var(--paper);--artboard-placeholder:var(--paper);--elevation-1:0 0 0 1px #0c0d120f, 0 1px 2px #0c0d120a;--elevation-island:0 0 0 1px #0c0d120d, 0 1px 2px #0c0d120a, 0 8px 24px -14px #0c0d1233;--elevation-2:0 0 0 1px #0c0d1212, 0 2px 6px -2px #0c0d121a, 0 10px 22px -14px #0c0d124d;--elevation-3:0 0 0 1px #0c0d1212, 0 8px 18px -10px #0c0d1229, 0 24px 48px -24px #0c0d1273;--elevation-4:0 0 0 1px #0c0d120f, 0 16px 40px -24px #0c0d124d, 0 40px 100px -30px #0c0d128c;--shadow-thumb:0 0 0 1px #0c0d120f, 0 1px 2px #0c0d121a, 0 2px 6px -2px #0c0d121f;--shadow-artboard:0 0 0 1px #0c0d1212, 0 18px 40px -28px #0c0d1252;--shadow-knob:0 1px 3px #0c0d1233;--drop-color:#0c0d1240;--surface-prepaint:var(--ink-950);--surface-letterbox:var(--ink-950);--preview-light-field:var(--mist-175);--preview-light-surface:var(--paper);--preview-light-stage:var(--mist-100);--preview-light-line:var(--mist-400);--preview-dark-field:var(--ink-950);--preview-dark-surface:var(--ink-750);--preview-dark-stage:var(--ink-850);--preview-dark-line:var(--ink-500);--preview-accent:var(--blue-500);--sheet-surface:var(--paper);--sheet-hover:var(--mist-150);--sheet-line:var(--mist-200);--sheet-ink:var(--ink-900);--sheet-muted:var(--slate-600);--sheet-accent:var(--blue-550);--sheet-selected:var(--blue-50);--sheet-span:var(--mist-400);--sheet-tween:var(--blue-100);--sheet-camera-accent:var(--gold-500);--sheet-camera-tint:var(--gold-50);--sheet-layer:var(--blue-500);--sheet-lane:var(--mist-200);--sheet-tick:var(--mist-400);--sheet-scene-accent:var(--violet-500);--sheet-scene-tint:var(--violet-50);--sheet-motion-follow:var(--blue-500);--sheet-motion-shake:var(--orange-500);--sheet-motion-impact:var(--rose-500);--sheet-motion-handheld:var(--teal-500);--sheet-motion-wobble:var(--mint-500);--sheet-motion-pulse:var(--violet-500);--sheet-row-alt:var(--mist-100);--sheet-cell:var(--mist-500);--sheet-cell-tween:#7c5cff4d;--sheet-cell-divider:var(--paper);--sheet-cell-blank:var(--slate-400);--sheet-cell-selected:#0d99ff52;--sheet-hatch:#0c0d120d;--sheet-end:var(--slate-500);--sheet-playhead:var(--blue-550);--sheet-playhead-tab:var(--blue-600);--sheet-playhead-ink:var(--paper);--sheet-cel:var(--mist-100);--sheet-cel-line:var(--mist-400);--sheet-easing:var(--violet-600);--sheet-easing-soft:var(--violet-50);--sheet-fx:var(--rose-500);--sheet-fx-tint:var(--rose-50);--sheet-draw:var(--orange-500);--sheet-draw-tint:var(--orange-50);--sheet-camera-line:var(--gold-800);--sheet-scene-line:var(--violet-600);--sheet-fx-line:var(--rose-700);--sheet-draw-line:var(--orange-700);--sheet-key-outline:#0c0d1247;--audio-ink:var(--mint-700);--audio-fill:var(--mint-50);--layer-blue:var(--blue-500);--layer-violet:var(--violet-500);--layer-rose:var(--rose-500);--layer-orange:var(--orange-500);--layer-green:var(--mint-500);--layer-teal:var(--teal-500);--canvas-selection:var(--blue-550);--canvas-selection-fill:#0d99ff14;--canvas-pivot:var(--ink-900);--canvas-snap:var(--mint-500);--canvas-guide:var(--teal-500);--canvas-label-bg:var(--ink-900);--canvas-label-text:var(--paper);--canvas-muted:var(--slate-600)}@media (prefers-reduced-motion:reduce){.app-ui{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-thumb:.01ms;--ease-spring:linear;--press-scale:1}}.app-ui{--theme-workspace:var(--surface-field);--theme-field:var(--surface-sunken);--theme-subtle:var(--surface-sunken);--theme-panel:var(--surface);--theme-hover:var(--surface-hover);--theme-overlay:var(--surface-raised);--theme-backdrop:var(--surface-backdrop);--theme-border:var(--line-2);--theme-border-strong:var(--line-3);--theme-text:var(--text-1);--theme-secondary:var(--text-2);--theme-muted:var(--text-3);--theme-accent:var(--accent-text);--theme-action:var(--accent-strong);--theme-action-hover:color-mix(in srgb, var(--accent-strong) 86%, var(--text-1));--theme-selected:var(--surface-selected);--theme-selected-hover:var(--surface-selected-hover);--theme-danger:var(--danger-text);--theme-danger-bg:var(--danger-soft);--theme-danger-action:var(--danger-strong);--theme-warning:var(--warning-text);--theme-warning-bg:var(--warning-soft);--theme-success:var(--success-text);--theme-success-bg:var(--success-soft);--theme-violet:var(--tint-time-ink);--theme-violet-bg:var(--tint-time-soft);--text:var(--text-1);--muted:var(--text-3);--border:var(--line-2);--panel:var(--surface);--purple:var(--accent-line);--purple-soft:var(--surface-selected);--theme-selection:var(--surface-selected);--theme-canvas:var(--artboard-placeholder);--input:var(--surface-sunken);--field:var(--surface-sunken);--input-bg:var(--surface-sunken);--ds-font:var(--font-ui);--ds-focus-ring:0 0 0 3px var(--focus-halo)}.app-ui .canvas-aids{z-index:12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-ui .canvas-aids[hidden],.app-ui .canvas-aids [hidden]{display:none}.app-ui .canvas-aids-grid{pointer-events:none;background-image:linear-gradient(90deg,#6d8496 1px,#0000 1px),linear-gradient(#6d8496 1px,#0000 1px);position:absolute}.app-ui .canvas-guide{color:#147cad;pointer-events:none;position:absolute}.app-ui .canvas-guide.vertical{border-left:1px dashed;top:0;bottom:0}.app-ui .canvas-guide.horizontal{border-top:1px dashed;left:0;right:0}.app-ui .canvas-guide button{pointer-events:auto;background:var(--theme-panel,#fff);color:inherit;font:10px var(--font-ui);white-space:nowrap;border:1px solid;border-radius:4px;min-width:44px;height:23px;padding:3px 6px;position:absolute}.app-ui .canvas-guide.vertical button{cursor:ew-resize;top:8px;left:4px}.app-ui .canvas-guide.horizontal button{cursor:ns-resize;top:4px;right:8px}.app-ui .canvas-guide button:disabled{pointer-events:none;opacity:.65}.app-ui .canvas-guide button:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:2px}.app-ui .canvas-guides-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text);box-shadow:0 10px 32px var(--theme-shadow,#0002);font:12px var(--font-ui);border-radius:12px;margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.app-ui .canvas-guides-panel header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:43px;padding:0 12px 0 16px;display:flex}.app-ui .canvas-guides-panel header strong{font-size:12px;font-weight:600}.app-ui .canvas-guides-panel section{padding:8px 12px 10px}.app-ui .canvas-guides-panel section+section{border-top:1px solid var(--border)}.app-ui .canvas-guides-panel .guide-section-head{justify-content:space-between;align-items:center;height:30px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.app-ui .canvas-guides-panel .guide-actions,.app-ui .canvas-guides-panel .guide-grid-title{align-items:center;gap:4px;display:flex}.app-ui .canvas-guides-panel .guide-grid-title{gap:7px}.app-ui .canvas-guides-panel .icon{flex-shrink:0;width:15px;height:15px}.app-ui .canvas-guides-panel .guide-close,.app-ui .canvas-guides-panel .guide-center,.app-ui .canvas-guides-panel .guide-icon-toggle{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.app-ui .canvas-guides-panel .guide-icon-toggle{position:relative}.app-ui .canvas-guides-panel .guide-icon-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.app-ui .canvas-guides-panel .guide-icon-toggle:has(input:checked){color:var(--theme-accent,#087fca);background:var(--theme-selected,#e8f4fd)}.app-ui .canvas-guides-panel .guide-icon-toggle:hover,.app-ui .canvas-guides-panel button:hover:not(:disabled){background:var(--theme-hover,#edf0f3);color:var(--text)}.app-ui .canvas-guides-panel .guide-control-row{align-items:center;gap:6px;min-height:34px;font-size:11px;display:flex}.app-ui .canvas-guides-panel .guide-control-row>span:first-child{flex:1}.app-ui .canvas-guides-panel .guide-axis{align-items:center;gap:7px;display:flex}.app-ui .canvas-guides-panel .guide-axis .icon{color:var(--muted);transform:rotate(-45deg)}.app-ui .canvas-guides-panel .horizontal-axis .icon{transform:rotate(45deg)}.app-ui .canvas-guides-panel .guide-value{box-sizing:border-box;background:var(--theme-field,#f2f3f5);border:1px solid #0000;border-radius:5px;align-items:center;gap:2px;width:91px;height:28px;padding-right:7px;display:flex}.app-ui .canvas-guides-panel .guide-value:focus-within{border-color:var(--theme-accent,#0d99ff)}.app-ui .canvas-guides-panel input[type=number]{width:100%;min-width:0;height:26px;color:inherit;font:11px var(--font-ui);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:5px;outline:none;padding:0 6px 0 8px}.app-ui .canvas-guides-panel small{color:var(--muted);font-size:10px}.app-ui .canvas-guides-panel button:disabled{opacity:.4;cursor:default}.app-ui .canvas-guides-panel .guide-value:has(input:disabled){opacity:.4;cursor:default}.app-ui .canvas-guides-panel input[type=range]{width:108px;min-width:0;height:22px;accent-color:var(--theme-accent,#0d99ff);margin:0}.app-ui .canvas-guides-panel .guide-opacity-value{text-align:right;width:31px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.app-ui .canvas-guides-panel button:focus-visible,.app-ui .canvas-guides-panel input[type=range]:focus-visible{outline:2px solid var(--theme-accent,#0d99ff);outline-offset:1px}.app-ui .canvas-guides-panel .guide-icon-toggle:has(input:focus-visible){outline:2px solid var(--theme-accent,#0d99ff);outline-offset:1px}.app-ui .canvas-guides-panel .guide-value[data-property-scrub],.app-ui .canvas-guides-panel .guide-value[data-property-scrub] input{cursor:ew-resize;touch-action:none}.app-ui .canvas-guides-panel .guide-value[data-property-scrub] input:focus{cursor:text}.app-ui .canvas-guides-panel .guide-value[data-property-scrub]:hover:not(:has(input:disabled)){border-color:var(--theme-border-strong,#c0c9d2)}.app-ui .canvas-guides-panel .guide-value[data-property-scrub] input:disabled{cursor:default}.app-ui .canvas-guides-panel .guide-value[data-property-scrub]:has(input:disabled){cursor:default}.app-ui .canvas-guides-panel input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.app-ui .canvas-guides-panel input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.app-ui .canvas-guides-panel input[type=number]{-moz-appearance:textfield}.app-ui .layer-timeline{--sheet-label:220px;background:var(--sheet-surface);height:100%;min-height:110px;color:var(--sheet-ink);-webkit-user-select:none;user-select:none;flex-direction:column;font-family:inherit;font-size:11px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.app-ui .layer-timeline .icon-button{border-radius:5px;flex-shrink:0;width:28px;height:28px;padding:0}.app-ui .layer-timeline .icon{width:16px;height:16px}.app-ui .layer-timeline button:focus-visible,.app-ui .sheet-menu button:focus-visible{outline-offset:-2px}.app-ui .sheet-main{flex:1;min-height:40px;position:relative}.app-ui .sheet-label-head{width:var(--sheet-label);border-right:1px solid var(--sheet-line);border-bottom:1px solid var(--sheet-line);background:var(--sheet-surface);align-items:center;gap:2px;height:32px;padding:0 8px 0 14px;display:flex;position:absolute;top:0;left:0}.app-ui .sheet-label-title{flex:1;font-size:11px;font-weight:600}.app-ui .sheet-label-head .icon-button{width:24px;height:24px;color:var(--sheet-muted)}.app-ui .sheet-labels{top:32px;left:0;bottom:var(--sheet-scrollbar-x,14px);width:var(--sheet-label);border-right:1px solid var(--sheet-line);background:var(--sheet-surface);position:absolute;overflow:hidden}.app-ui .sheet-layer{border-bottom:1px solid var(--sheet-line);background:var(--sheet-surface);align-items:center;gap:2px;height:32px;padding:0 8px;display:flex;position:absolute;left:0;right:0}.app-ui .sheet-layer[data-selected=true]{background:var(--sheet-selected)}.app-ui .sheet-layer[data-active=true]{box-shadow:inset 2px 0 var(--sheet-accent)}.app-ui .sheet-layer .sheet-layer-name{text-align:left;width:auto;min-width:0;color:inherit;flex:1;justify-content:flex-start;gap:8px;padding:0 4px;font-size:11px;display:flex}.app-ui .sheet-layer-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-ui .sheet-layer .sheet-camera-disclosure{width:16px;height:24px;color:var(--sheet-camera-accent,var(--sheet-accent));flex:none;padding:0}.app-ui .sheet-camera-disclosure .icon{width:12px;height:12px}.app-ui .sheet-camera-disclosure[aria-expanded=true] .icon{transform:rotate(90deg)}.app-ui .sheet-layer[data-kind=motion]{padding-left:28px}.app-ui .sheet-layer-name .icon{color:var(--sheet-muted);width:15px;height:15px}.app-ui .sheet-layer .sheet-layer-state{width:24px;height:24px;color:var(--sheet-muted);opacity:0}.app-ui .sheet-layer-rename{border:1px solid var(--sheet-accent);background:var(--sheet-surface);min-width:0;height:26px;font:inherit;border-radius:4px;flex:1;padding:0 6px}.app-ui .sheet-scroll{left:var(--sheet-label);overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:auto;touch-action:none;outline:none;position:absolute;top:0;bottom:0;right:0;overflow:scroll}.app-ui .sheet-spacer{pointer-events:none;min-width:100%;min-height:100%}.app-ui .sheet-canvas{left:var(--sheet-label);pointer-events:none;position:absolute;top:0}.app-ui .vfx-timeline-overlay{left:var(--sheet-label);right:var(--sheet-scrollbar-y,14px);top:32px;bottom:var(--sheet-scrollbar-x,14px);pointer-events:none;position:absolute;overflow:hidden}.app-ui .vfx-timeline-overlay[hidden]{display:none}.app-ui .layer-timeline .vfx-fade-handle{pointer-events:auto;cursor:ew-resize;touch-action:none;background:0 0;border:0;border-radius:3px;width:14px;height:14px;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.app-ui .vfx-fade-handle:after{content:"";border:1px solid var(--sheet-accent);background:var(--sheet-surface);border-radius:50%;position:absolute;inset:3px}.app-ui .vfx-fade-handle[data-dragging=true]:before{content:attr(aria-valuetext);background:var(--sheet-surface);color:var(--sheet-ink);white-space:nowrap;box-shadow:0 0 0 1px var(--sheet-line);border-radius:3px;padding:2px 5px;font-size:10px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.app-ui .vfx-fade-handle:hover:after,.app-ui .vfx-fade-handle:focus-visible:after{background:var(--sheet-accent)}.app-ui .vfx-fade-handle:disabled{pointer-events:none;opacity:.4}.app-ui .sheet-layer[data-kind=vfx]{padding-left:20px}.app-ui .sheet-layer>.vfx-channel-trigger{background:var(--sheet-hover);min-width:24px;max-width:112px;height:24px;color:var(--sheet-muted);font:inherit;cursor:pointer;border:0;border-radius:4px;align-items:center;gap:5px;padding:2px 5px;font-size:10px;display:flex}.app-ui .sheet-layer>.vfx-channel-trigger>.icon{flex-shrink:0;width:12px;height:12px}.app-ui .sheet-layer>.vfx-channel-trigger[hidden]{display:none}.app-ui .sheet-layer>.vfx-channel-trigger:hover{color:var(--sheet-accent);background:var(--sheet-selected)}.app-ui .sheet-playhead-clip{left:var(--sheet-label);right:var(--sheet-scrollbar-y,14px);top:0;bottom:var(--sheet-scrollbar-x,14px);pointer-events:none;position:absolute;overflow:hidden}.app-ui .sheet-playhead{background:var(--sheet-accent);will-change:transform;width:1px;position:absolute;top:0;bottom:0}.app-ui .sheet-playhead>span{background:var(--sheet-accent);min-width:22px;height:22px;color:var(--text-on-accent);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--sheet-surface);border-radius:5px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:10px;display:flex;position:absolute;top:5px;left:0;transform:translate(-50%)}.app-ui .sheet-cell-add{color:var(--sheet-accent);background:var(--sheet-selected);border:1px solid var(--sheet-accent);position:absolute;z-index:2!important;border-radius:4px!important;width:14px!important;height:14px!important;padding:0!important}.app-ui .sheet-cell-add .icon{width:12px;height:12px}.app-ui .sheet-resize{top:0;bottom:0;left:calc(var(--sheet-label) - 3px);cursor:col-resize;z-index:3;touch-action:none;width:6px;position:absolute}.app-ui .sheet-resize:hover{background:color-mix(in srgb,var(--sheet-accent) 20%,transparent)}.app-ui .sheet-footer{border-top:1px solid var(--sheet-line);background:var(--sheet-surface);align-items:center;gap:8px;height:38px;min-height:38px;padding:0 8px;font-size:11px;display:flex}.app-ui .sheet-layer-tools{width:calc(var(--sheet-label) - 9px);flex-shrink:0;align-items:center;gap:2px;display:flex}.app-ui .sheet-frame-tools{align-items:center;gap:2px;display:flex}.app-ui .sheet-footer .divider{background:var(--sheet-line);height:16px;margin:0 4px}.app-ui .sheet-key-icon circle{fill:currentColor}.app-ui .sheet-position{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:flex}.app-ui .sheet-position .field{background:var(--sheet-hover);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;height:28px;min-height:28px;padding:0 8px;display:flex}.app-ui .sheet-position .field:focus-within{border-color:var(--sheet-accent);background:var(--sheet-surface)}.app-ui .sheet-position input{text-align:right;font-variant-numeric:tabular-nums;width:38px;color:var(--sheet-ink);background:0 0;border:0;outline:none;padding:0}.app-ui .sheet-footer .inline-select{background:var(--sheet-hover);width:116px;height:28px;min-height:28px;font:inherit;border:1px solid #0000;border-radius:5px;margin:0;padding:0 7px}.app-ui .sheet-footer .inline-select:hover{border-color:var(--sheet-line)}.app-ui .sheet-zoom{width:72px;min-width:36px;height:20px;accent-color:var(--sheet-accent);flex-shrink:1;margin:0}.app-ui .sheet-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-ui .sheet-menu{z-index:90;background:var(--panel,#fff);min-width:210px;color:var(--text,#2c2c2c);border:1px solid var(--border,#e5e5e5);box-shadow:0 4px 20px var(--theme-shadow,#0002);border-radius:8px;max-height:calc(100dvh - 16px);padding:5px;font-family:inherit;font-size:11px;position:fixed;overflow:auto}.app-ui .sheet-menu .menu-item{white-space:nowrap;border-radius:4px;gap:9px;height:30px}.app-ui .sheet-menu .menu-item>.icon{flex-shrink:0}.app-ui .sheet-menu .menu-item>kbd{padding-left:20px}.app-ui .sheet-menu .menu-item:focus{background:var(--purple-soft,#e5f4ff)}.app-ui .sheet-menu .menu-item[data-danger=true]{color:var(--theme-danger,#c73535)}.app-ui .sheet-menu .menu-item[aria-checked=true]{color:var(--accent-text);background:var(--purple-soft,#e5f4ff)}.app-ui .sheet-filmstrip{background:var(--panel,#fff);height:100%;color:var(--text,#2c2c2c);-webkit-user-select:none;user-select:none;font-family:inherit;font-size:11px;display:flex;overflow:hidden}.app-ui .sheet-filmstrip-controls{border-right:1px solid var(--border,#e5e5e5);flex-direction:column;flex-shrink:0;justify-content:center;gap:7px;padding:8px 12px;display:flex}.app-ui .sheet-filmstrip-counter{font-variant-numeric:tabular-nums;margin-bottom:1px;font-size:11px;font-weight:600}.app-ui .sheet-filmstrip-field{color:var(--muted,#767676);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.app-ui .sheet-filmstrip-field>input,.app-ui .sheet-easing-button{background:var(--surface);width:88px;min-width:0;height:26px;color:var(--text,#2c2c2c);border:1px solid #0000;border-radius:5px;padding:0 7px;font-family:inherit;font-size:11px}.app-ui .sheet-filmstrip-field>input:hover,.app-ui .sheet-easing-button:hover{border-color:var(--border,#e5e5e5)}.app-ui .sheet-filmstrip-field>input{font-variant-numeric:tabular-nums}.app-ui .sheet-easing-button{justify-content:space-between;gap:4px}.app-ui .sheet-easing-button .icon{width:12px;height:12px;color:var(--muted,#767676)}.app-ui .sheet-add-frame{background:var(--control-soft);height:28px;color:var(--text-1);border-radius:5px;gap:5px;font-size:11px}.app-ui .sheet-add-frame .icon{width:14px;height:14px}.app-ui .sheet-filmstrip-actions{justify-content:space-between;gap:4px;display:flex}.app-ui .sheet-filmstrip-actions .icon-button{width:28px;height:25px;color:var(--muted,#767676);border-radius:4px}.app-ui .sheet-filmstrip-actions .icon{width:15px;height:15px}.app-ui .sheet-filmstrip-scroll{overscroll-behavior:contain;contain:strict;scrollbar-width:auto;scrollbar-color:auto;outline-offset:-2px;flex:1;min-width:0;position:relative;overflow:scroll hidden}.app-ui .sheet-filmstrip-spacer{min-width:100%;height:100%;position:relative}.app-ui .sheet-filmstrip-card{flex-direction:column;justify-content:center;gap:7px;width:112px;padding:8px 6px;display:flex;position:absolute;top:0;bottom:0}.app-ui .sheet-filmstrip-card[data-selected=true]{background:var(--purple-soft,#e5f4ff)}.app-ui .sheet-frame-number{color:var(--muted,#767676);font-variant-numeric:tabular-nums;font-size:10px}.app-ui .sheet-filmstrip-card[data-current=true] .sheet-frame-number{color:var(--accent-text);font-weight:600}.app-ui .sheet-preview{border:1px solid var(--border,#e5e5e5);outline-offset:2px;background:#fff;border-radius:5px;flex-shrink:0;width:100px;height:64px;padding:0;overflow:hidden}.app-ui .sheet-preview[aria-selected=true]{border:2px solid var(--purple,#0d99ff)}.app-ui .sheet-preview>canvas{pointer-events:none;flex-shrink:0;width:100px;height:60px;display:block}.app-ui .sheet-inbetweens{height:18px;color:var(--muted,#767676);align-items:center;gap:7px;font-size:10px;display:flex}.app-ui .sheet-inbetweens>span{text-align:right;font-variant-numeric:tabular-nums;min-width:17px}.app-ui .sheet-inbetweens>input{appearance:none;cursor:ew-resize;touch-action:none;accent-color:#14ae5c;background:0 0;width:100%;min-width:0;height:18px;margin:0}.app-ui .sheet-inbetweens>input::-webkit-slider-runnable-track{background:var(--theme-success-bg,#ccebd9);border-radius:3px;height:3px}.app-ui .sheet-inbetweens>input::-webkit-slider-thumb{appearance:none;background:var(--theme-success,#14ae5c);border:2px solid var(--panel,#fff);width:10px;height:10px;box-shadow:0 0 0 1px var(--theme-success,#14ae5c);border-radius:50%;margin-top:-3.5px}.app-ui .sheet-inbetweens>input::-moz-range-track{background:var(--theme-success-bg,#ccebd9);border-radius:3px;height:3px}.app-ui .sheet-inbetweens>input::-moz-range-thumb{background:var(--theme-success,#14ae5c);border:2px solid var(--panel,#fff);border-radius:50%;width:8px;height:8px}.app-ui .sheet-inbetweens>input:disabled{opacity:.4;cursor:default}@container (width<=850px){.app-ui .sheet-layer-tools{width:auto}.app-ui .sheet-footer{gap:5px}.app-ui .sheet-layer-reorder{display:none!important}}@container (width<=650px){.app-ui .sheet-zoom,.app-ui .sheet-position>.icon-button{display:none}.app-ui .sheet-footer .inline-select{width:98px}.app-ui .sheet-footer{gap:3px}.app-ui .sheet-position .field{gap:4px;padding:0 5px}}.app-ui .sheet-layer[data-kind=camera]{--track-accent:#1689ee;--track-tint:#e8f3ff;background:var(--theme-subtle,#f5faff)}.app-ui .sheet-layer[data-kind=scene]{--track-accent:#8753c7;--track-tint:#f1eafb;background:var(--theme-subtle,#fbf8ff)}.app-ui .sheet-layer:is([data-kind=camera],[data-kind=scene]) .sheet-layer-name{color:var(--track-accent);font-weight:600}.app-ui .sheet-layer:is([data-kind=camera],[data-kind=scene]) .sheet-layer-name .icon{color:var(--track-accent)}.app-ui .sheet-layer:is([data-kind=camera],[data-kind=scene])[data-selected=true]{background:var(--track-tint)}.app-ui .sheet-layer:is([data-kind=camera],[data-kind=scene])[data-active=true]{box-shadow:inset 3px 0 var(--track-accent)}.app-ui .sheet-scroll::-webkit-scrollbar{width:14px;height:14px}.app-ui .sheet-filmstrip-scroll::-webkit-scrollbar{width:14px;height:14px}.app-ui .sheet-scroll::-webkit-scrollbar-track{background:var(--theme-field,#eef0f2);border-radius:3px}.app-ui .sheet-filmstrip-scroll::-webkit-scrollbar-track{background:var(--theme-field,#eef0f2);border-radius:3px}.app-ui .sheet-scroll::-webkit-scrollbar-thumb{background:var(--theme-field,#a8abb0);border:3px solid var(--theme-border,#eef0f2);border-radius:8px;min-width:30px;min-height:30px}.app-ui .sheet-filmstrip-scroll::-webkit-scrollbar-thumb{background:var(--theme-field,#a8abb0);border:3px solid var(--theme-border,#eef0f2);border-radius:8px;min-width:30px;min-height:30px}.app-ui .sheet-scroll::-webkit-scrollbar-thumb:hover{background:#757b83}.app-ui .sheet-filmstrip-scroll::-webkit-scrollbar-thumb:hover{background:#757b83}.app-ui .sheet-scroll::-webkit-scrollbar-corner{background:var(--theme-field,#eef0f2)}.app-ui .sheet-frame-tools .sheet-add-button{white-space:nowrap;gap:6px;width:auto;padding:0 10px}.app-ui .sheet-label-head{gap:4px;padding:0 5px 0 8px}.app-ui .sheet-search{min-width:0;height:26px;color:var(--sheet-muted);border:1px solid #0000;border-radius:5px;flex:1;align-items:center;gap:6px;padding:0 4px;display:flex}.app-ui .sheet-search:focus-within{background:var(--sheet-surface);border-color:var(--sheet-accent)}.app-ui .sheet-search>.icon{flex:none;width:13px;height:13px}.app-ui .sheet-search input{width:100%;min-width:0;color:var(--sheet-ink);font:inherit;background:0 0;border:0;outline:0;height:24px;padding:0}.app-ui .sheet-search input::-webkit-search-cancel-button{display:none}.app-ui .sheet-search .icon-button{width:20px;height:20px}.app-ui .sheet-label-head button[aria-pressed=true]{color:var(--sheet-accent);background:var(--sheet-selected)}.app-ui .sheet-selection-summary{color:var(--sheet-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-width:0;font-size:10px;overflow:hidden}.app-ui .sheet-empty-layers{width:calc(var(--sheet-label) - 24px);color:var(--sheet-muted);pointer-events:none;z-index:1;font-size:11px;position:absolute;top:108px;left:12px}.app-ui .sheet-layer[data-hidden=true] .sheet-layer-name{opacity:.5}.app-ui .sheet-layer[data-locked=true] .sheet-layer-name{color:var(--sheet-muted)}.app-ui .sheet-layer[data-color]:not([data-color=""]){border-left:3px solid var(--layer-color);padding-left:5px}.app-ui .sheet-layer[data-color]:not([data-color=""]) .sheet-layer-name>.icon{color:var(--layer-color)}.app-ui .sheet-layer:hover:not([data-selected=true]){background:var(--sheet-hover)}.app-ui .sheet-layer .sheet-layer-state{opacity:.35}.app-ui .sheet-layer:hover .sheet-layer-state,.app-ui .sheet-layer:focus-within .sheet-layer-state,.app-ui .sheet-layer-state[data-on=true]{opacity:1}.app-ui .sheet-footer{gap:6px}.app-ui :where(.layer-timeline) .sheet-frame-tools .sheet-add-button{color:var(--sheet-accent);background:var(--sheet-selected)}.app-ui .timeline-toolbar .sheet-add-button{color:inherit}.app-ui .sheet-resize:focus-visible{outline:2px solid var(--sheet-accent);outline-offset:-2px;background:var(--sheet-selected)}@container (width<=1050px){.app-ui .sheet-selection-summary{display:none}}@container (width<=650px){.app-ui .sheet-layer-tools .sheet-layer-reorder{display:none}.app-ui .sheet-frame-tools .sheet-add-button{padding:0 6px}.app-ui .sheet-frame-tools .sheet-add-button>span{display:none}}.app-ui .timeline-panel>.timeline-footer{display:none}.app-ui .sheet-header-tools{flex:none;align-items:center;gap:3px;display:flex}.app-ui .sheet-header-tools .sheet-frame-tools{gap:5px}.app-ui .sheet-header-tools .icon-button{border-radius:5px;width:26px;height:26px;padding:0}.app-ui .sheet-header-tools .icon{width:14px;height:14px}.app-ui .sheet-header-tools .sheet-add-button{gap:4px;width:auto;padding:0 7px;font-size:11px}.app-ui .sheet-header-tools .inline-select{width:103px;height:26px;min-height:26px;color:var(--theme-text,#333);background:0 0;border:0;border-radius:4px;padding:0 5px;font:11px inherit}.app-ui .sheet-header-tools .divider{display:none}.app-ui .sheet-header-tools .inline-select:hover{background:var(--theme-field,#f3f3f3)}.app-ui .sheet-navigation-popover{border:1px solid var(--border,#ddd);background:var(--panel,#fff);width:268px;color:var(--text,#333);font:11px var(--font-ui);border-radius:9px;margin:0;padding:10px;position:fixed;inset:auto;box-shadow:0 8px 28px #0002}.app-ui .sheet-navigation-popover:popover-open{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-ui .sheet-navigation-popover .sheet-layer-tools{flex:1;width:auto}.app-ui .sheet-navigation-popover .sheet-position{order:2;justify-content:space-between;width:100%;margin:0}.app-ui .sheet-navigation-popover .sheet-position .field{flex:1;justify-content:space-between}.app-ui .sheet-navigation-popover .sheet-selection-summary{border-top:1px solid var(--sheet-line);order:1;width:100%;padding-top:6px;display:block}.app-ui .sheet-navigation-popover .sheet-zoom{flex:1;order:3;width:100px;display:block}.app-ui .sheet-navigation-popover .sheet-position>.icon-button{display:inline-flex}.app-ui .sheet-navigation-popover>.icon-button{order:3}.app-ui .sheet-navigation-popover .audio-editbar{flex-wrap:wrap;order:4;width:100%;height:auto;padding:8px 0 0}.app-ui .sheet-navigation-popover .audio-selection-info{flex-basis:100%;width:100%;min-width:0}.app-ui .sheet-navigation-popover .audio-clip-controls{flex-wrap:wrap;flex-basis:100%;width:100%;min-width:0}.app-ui .sheet-navigation-popover .audio-volume{width:100%;margin-right:0}.app-ui .sheet-navigation-popover .audio-volume input{flex:1;min-width:0}.app-ui .timeline-panel:has(.sheet-navigation-popover.audio-selection) .sheet-header-tools .sheet-frame-tools{display:none}.app-ui .sheet-navigation-popover .sheet-layer-reorder{display:inline-flex!important}.app-ui .timeline-toolbar:has(.sheet-header-tools){gap:8px;padding:0 10px}.app-ui .timeline-toolbar:has(.sheet-header-tools) .timeline-title{display:none}@media (width<=1100px){.app-ui .sheet-header-tools .sheet-add-button>span{display:none}.app-ui .sheet-header-tools .sheet-add-button{width:26px;padding:0}.app-ui .timeline-toolbar:has(.sheet-header-tools){gap:4px}.app-ui .timeline-toolbar:has(.sheet-header-tools) #time-display{min-width:55px;margin-left:3px}}@media (width<=800px){.app-ui .timeline-toolbar:has(.sheet-header-tools) .fps-control{display:none}.app-ui .timeline-toolbar:has(.sheet-header-tools) .playback-controls>.divider{display:none}.app-ui .sheet-header-tools .inline-select{width:80px}}.app-ui .timeline-panning,.app-ui .timeline-panning *{cursor:grabbing!important}.app-ui .sheet-filmstrip{--filmstrip-card:112px}.app-ui .sheet-filmstrip-controls{background:var(--theme-subtle,#fafafa);gap:10px;padding:10px}.app-ui .sheet-filmstrip-counter{gap:2px;font-size:12px;display:grid}.app-ui .sheet-filmstrip-field{font-size:11px}.app-ui .sheet-filmstrip-playback{color:var(--muted,#767676);cursor:help;font-size:10.5px;font-weight:400}.app-ui .sheet-filmstrip-field>input{text-align:right;width:56px}.app-ui .sheet-filmstrip-card{width:var(--filmstrip-card);border-right:1px solid var(--border,#eee);gap:8px;padding:10px 6px}.app-ui .sheet-preview{aspect-ratio:5/3;border-radius:6px;width:100%;height:auto}.app-ui .sheet-preview>canvas{object-fit:contain;width:100%;height:100%}.app-ui .sheet-filmstrip-card[data-selected=true]{box-shadow:inset 0 2px var(--purple,#0d99ff)}.app-ui .sheet-frame-number{font-size:11px}.app-ui .sheet-filmstrip-actions .icon-button{width:28px;height:28px}.app-ui .sheet-inbetweens{gap:5px}.app-ui .sheet-inbetweens>span{min-width:22px;color:var(--theme-success,#0f8a4a);font-weight:500}.app-ui .sheet-inbetweens>input::-webkit-slider-runnable-track{height:2px}@media (width<=800px){.app-ui .sheet-filmstrip-controls{padding:8px}}.app-ui .timeline-mode-switch{border:1px solid var(--border,#ddd);border-radius:6px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.app-ui .timeline-mode-switch button{height:25px;color:var(--muted,#777);background:0 0;border:0;border-radius:4px;padding:0 9px;font:11px inherit}.app-ui .timeline-mode-switch button[aria-pressed=true]{background:var(--theme-selected,#e5f4ff);color:var(--theme-action,#0d99ff)}.app-ui .timeline-mode-switch button:focus-visible{outline:2px solid var(--theme-action,#0d99ff)}.app-ui .sheet-header-tools.audio-selection .sheet-frame-tools,.app-ui .onion-range-overlay[hidden]{display:none}.app-ui .onion-range-overlay{pointer-events:none;z-index:2;height:32px;position:absolute;top:0;left:0;right:0;overflow:hidden}.app-ui .onion-range-band{opacity:.6;height:3px;position:absolute;top:28px}.app-ui .onion-range-band.before{background:var(--onion-before)}.app-ui .onion-range-band.after{background:var(--onion-after)}.app-ui .onion-range-end{pointer-events:auto;cursor:ew-resize;touch-action:none;background:0 0;border:0;border-radius:0;width:16px;min-width:0;height:14px;padding:0;position:absolute;top:18px}.app-ui .onion-range-end.before{color:var(--onion-before);transform:translate(-100%)}.app-ui .onion-range-end.after{color:var(--onion-after)}.app-ui .onion-range-end:after{content:"";background:var(--sheet-surface);box-sizing:border-box;border:2px solid;border-radius:2px;width:7px;height:9px;position:absolute;bottom:1px}.app-ui .onion-range-end.before:after{right:0}.app-ui .onion-range-end.after:after{left:0}.app-ui .onion-range-end:hover:after,.app-ui .onion-range-end:focus-visible:after{background:currentColor}.app-ui .onion-range-end:focus-visible{outline:1px solid var(--sheet-accent);outline-offset:-1px}.app-ui .shell-work{grid-template-columns:var(--shell-columns,var(--rail-w) minmax(0, 1fr) var(--inspector-w));grid-template-rows:var(--shell-rows,minmax(0, 1fr) 264px);grid-template-areas:var(--shell-areas,"rail stage right" "rail bottom bottom");column-gap:var(--shell-gap,var(--gutter));row-gap:var(--shell-row-gap,var(--gutter));min-block-size:0;min-inline-size:0;padding:var(--shell-pad-top,var(--space-2)) var(--shell-pad-end,var(--space-2)) var(--shell-pad-bottom,var(--space-2)) var(--shell-pad-start,var(--space-2));background:var(--surface-field);display:grid;position:relative}.app-ui .shell-rail{--_head:var(--control-2xl);z-index:var(--z-canvas-hud);place-self:center start;align-items:center;gap:var(--space-1);inline-size:auto;max-block-size:calc(100% - var(--shell-rail-top,calc(var(--_head) + var(--space-3))) - var(--space-3));margin:var(--shell-rail-top,calc(var(--_head) + var(--space-3))) 0 var(--space-3) var(--space-3);border-radius:var(--radius-2xl);background:var(--surface-raised);box-shadow:var(--elevation-2);scrollbar-width:none;border:0;flex-direction:column;grid-area:stage;padding:6px;display:flex;position:relative;inset:auto;overflow:hidden auto;transform:none}.app-ui :where(.workspace[data-rail=right])>.shell-rail{margin-inline:0 var(--space-3);justify-self:end}.app-ui .shell-rail :where(.tool-dock){align-items:center;gap:var(--space-1);box-shadow:none;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.app-ui .shell-rail :where(.rail-add){margin-block-end:var(--space-1-5)}.app-ui .shell-rail :where(.rail-add):after{content:"";inset:auto 8px calc(-1 * var(--space-1-5) - 2px);background:var(--line-1);pointer-events:none;block-size:1px;position:absolute}.app-ui .shell-rail[data-more-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.app-ui :where(.shell-rail,.drawing-quickbar .draw-quick-row)::-webkit-scrollbar{width:6px;height:6px}.app-ui :where(.shell-rail,.drawing-quickbar .draw-quick-row)::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:3px}.app-ui :where(.shell-rail,.drawing-quickbar .draw-quick-row)::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover);border-radius:3px}.app-ui .drawing-quickbar :where(.draw-quick-row){scrollbar-width:auto}.app-ui .drawing-quickbar[data-fit] :where(.draw-quick-tool>span,.draw-quick-preset>span){display:none}.app-ui .drawing-quickbar[data-fit=tighter] :where(.draw-slider.is-compact){min-inline-size:0;padding-inline:var(--space-1-5);gap:var(--space-1);flex:none}.app-ui :where(#viewport):focus-visible,.app-ui .shell-bottom :where([role=grid][aria-label]):focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-width))}.app-ui .shell-left{grid-area:left}.app-ui .shell-right{grid-area:right}.app-ui .shell-stage{border-radius:var(--radius-xl);background:var(--surface);flex-direction:column;grid-area:stage;min-block-size:0;min-inline-size:0;display:flex;position:relative;overflow:visible}.app-ui .shell-stage:after{--_r:var(--radius-xl);--_c:var(--surface-field);content:"";pointer-events:none;z-index:var(--z-canvas-overlay);background:radial-gradient(circle at 100% 100%, transparent calc(var(--_r) - .5px), var(--_c) var(--_r)) top left / var(--_r) var(--_r) no-repeat, radial-gradient(circle at 0 100%, transparent calc(var(--_r) - .5px), var(--_c) var(--_r)) top right / var(--_r) var(--_r) no-repeat, radial-gradient(circle at 0 0, transparent calc(var(--_r) - .5px), var(--_c) var(--_r)) bottom right / var(--_r) var(--_r) no-repeat, radial-gradient(circle at 100% 0, transparent calc(var(--_r) - .5px), var(--_c) var(--_r)) bottom left / var(--_r) var(--_r) no-repeat;position:absolute;inset:0}.app-ui .shell-bottom{block-size:auto;min-block-size:0;max-block-size:none;min-inline-size:0;box-shadow:none;border:0;grid-area:bottom;overflow:hidden}.app-ui .shell-bottom>.timeline-toolbar{block-size:var(--control-xl);min-block-size:var(--control-xl);flex:none}.app-ui .shell-bottom>.timeline-toolbar>:where(.timeline-title){display:none}.app-ui .timeline-toolbar>:where([data-slot]){display:contents}.app-ui .shell-bottom>.timeline-toolbar{padding-inline:var(--space-2-5)}.app-ui :where(.shell-bottom[data-state=strip])>:not(.timeline-toolbar,.shell-timeline-body),.app-ui .shell-timeline-body:where([popover]:not(:popover-open)){display:none}.app-ui .shell-bottom[data-state=strip]>:where(.timeline-toolbar){border-block-end:0}.app-ui :where(.shell-bottom[data-state=strip]) :where(#expand-timeline){display:none}.app-ui .shell-timeline-body:popover-open{inset:auto var(--space-2) var(--sheet-bottom,var(--space-2)) var(--space-2);inline-size:auto;block-size:var(--sheet-block,320px);border-radius:var(--radius-xl);background:var(--surface);color:inherit;box-shadow:var(--elevation-3);border:0;margin:0;padding:0;position:fixed;overflow:hidden}.app-ui .shell-top{--band-pad:var(--space-2);align-items:center;column-gap:var(--space-3);block-size:var(--topbar-h);min-inline-size:0;padding:0 var(--band-pad) 0 var(--space-2);background:var(--surface);box-shadow:inset 0 -1px 0 var(--line-1);-webkit-app-region:drag;border:0;grid-template-columns:minmax(max-content,1fr) max-content minmax(max-content,1fr);display:grid;overflow:hidden}.app-ui .shell-top :where(button,input,nav,[role=toolbar],[role=group]){-webkit-app-region:no-drag}.app-ui .band-cluster{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.app-ui .band-center{justify-self:center}.app-ui .band-end{justify-self:end;gap:var(--space-2)}.app-ui .band-history{align-items:center;gap:0;display:flex}.app-ui .shell-top :where(.band-label){white-space:nowrap}.app-ui .shell-mark{align-items:center;gap:var(--space-0-5);block-size:var(--control-lg);padding:0 var(--space-1) 0 var(--space-1-5);border-radius:var(--radius-md);color:var(--accent);background:0 0;border:0;flex:none;display:inline-flex}.app-ui .shell-mark:where(:hover,[aria-expanded=true]){background:var(--surface-hover)}.app-ui .shell-mark:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .shell-mark>img{block-size:22px;inline-size:22px}.app-ui .shell-mark>:where(span:not(.chevron)){display:none}.app-ui .shell-mark>:where(.chevron){color:var(--text-3);margin:0;display:inline-flex}.app-ui .shell-mark>:where(.chevron)>svg{stroke-width:2px;block-size:12px;inline-size:12px}.app-ui .shell-top :where(#project-name){max-inline-size:220px}.app-ui .shell-top :where(#save-state)[data-band-reserve]{display:inline-block}.app-ui .shell-top :where(#save-state)[data-band-reserve]:after{content:attr(data-band-reserve);visibility:hidden;block-size:0;display:block;overflow:hidden}.app-ui .band-ws-icon{display:none}.app-ui .band-ws-icon>svg{block-size:17px;inline-size:17px}.app-ui .shell-top :where(#window-controls){align-self:stretch;margin-inline-end:calc(-1 * var(--band-pad));display:flex}.app-ui .shell-top :where(#window-controls)[hidden]{display:none}.app-ui .shell-top :where(#window-controls)>button{block-size:auto;inline-size:44px;color:var(--text-2);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:inline-grid}.app-ui .shell-top :where(#window-controls)>button:hover{background:var(--surface-hover);color:var(--text-1)}.app-ui .shell-top :where(#window-controls>[data-action=close]):hover{background:var(--danger-soft);color:var(--danger-text)}.app-ui .shell-top :where(#window-controls)>button>svg{block-size:16px;inline-size:16px}.app-ui .shell-top[data-band~=tight]{column-gap:var(--space-2)}.app-ui .shell-top[data-band~=tight] :where(.band-cluster){gap:var(--space-0-5)}.app-ui .shell-top[data-band~=tight] :where(.band-end){gap:var(--space-1)}.app-ui .shell-top[data-band~=name] :where(#project-name){max-inline-size:12ch}.app-ui .shell-top[data-band~=name8] :where(#project-name){max-inline-size:8ch}.app-ui .shell-top[data-band~=winctl] :where(#window-controls)>button{inline-size:36px}.app-ui .shell-top[data-band~=icons]{column-gap:var(--space-1);padding-inline-start:var(--space-1)}.app-ui .shell-top[data-band~=icons] :where(.band-end){gap:var(--space-0-5)}.app-ui .shell-rail{align-items:stretch;gap:0}.app-ui .shell-rail-handle{border-radius:var(--radius-sm);block-size:24px;min-block-size:24px;inline-size:28px;color:var(--text-3);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;align-self:center;padding:0}.app-ui .shell-rail-handle:after{content:"";background:radial-gradient(circle,currentColor 1px,#0000 1px) 0 0/6px 3px;block-size:6px;inline-size:18px;margin:auto;display:block}.app-ui .shell-rail-handle:where(:hover,:focus-visible){background:var(--surface-hover);color:var(--text-1)}.app-ui .shell-rail-handle[data-dragging]{cursor:grabbing}.app-ui :where(.rail-slot,.shell-rail .tweener-tool){border-radius:0;flex:none;block-size:auto;inline-size:auto;display:flex;position:relative}.app-ui .shell-rail :where(.tweener-arrow){block-size:14px;min-block-size:0;inline-size:14px;color:var(--text-3);cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;border-end-end-radius:var(--radius-lg);padding:0;position:absolute;inset:auto 0 0 auto}.app-ui .shell-rail :where(.tweener-arrow)>svg{display:none}.app-ui .shell-rail :where(.tweener-arrow):after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:currentColor;block-size:5px;inline-size:5px;position:absolute;inset-block-end:4px;inset-inline-end:4px}.app-ui .shell-rail :where(.tweener-arrow):where(:hover,[aria-expanded=true]){color:var(--text-1);background:0 0}.app-ui .shell-rail :where(.tweener-tool.active)>:where(.tweener-arrow){color:var(--accent-text)}.app-ui .shell-rail :where(.rail-quick){align-items:center;gap:var(--space-1);flex-direction:column;margin-block-start:var(--space-3);padding-block-start:var(--space-2);display:flex;position:relative}.app-ui .shell-rail :where(.rail-quick)[hidden]{display:none}.app-ui .shell-rail :where(.rail-quick):before{content:"";background:var(--line-2);block-size:1px;inline-size:20px;position:absolute;inset:0 auto auto calc(50% - 10px)}.app-ui :where(.shell-rail[data-columns])>.rail-quick{grid-template-columns:repeat(2,auto);justify-content:center;display:grid}.app-ui .shell-rail :where(.rail-order){margin-block-start:var(--space-2);position:relative}.app-ui .shell-rail :where(.rail-order):before{content:"";inset:calc(-1 * var(--space-1)) auto auto calc(50% - 10px);background:var(--line-2);block-size:1px;inline-size:20px;position:absolute}.app-ui .shell-stage>.stage-head{flex:none}.app-ui :where(#artboard)>.artboard-name,.app-ui :where(#viewport-hint){display:none}.app-ui .stage-head-start>.drawing-quickbar{min-inline-size:0;max-inline-size:none;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;flex:1 1 0;gap:0;padding:0;position:static;transform:none}.app-ui .stage-head-start>.drawing-quickbar:where([hidden]){display:none}.app-ui .stage-head-start>:where(.drawing-quickbar)>.draw-quick-row{flex:auto;min-inline-size:0}.app-ui .stage-head .draw-quick-presets{z-index:var(--z-canvas-hud);padding:var(--space-2);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--elevation-2);position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:var(--space-2)}.app-ui :where(#viewport)>:where(#playback-fps){z-index:var(--z-canvas-overlay)}.app-ui .statusbar :where(.viewport-top,#preview-quality){margin:0;position:static;inset:auto}.app-ui .statusbar :where(#preview-quality,.viewport-top:has(>#preview-badge:not([hidden]))){margin-inline-end:var(--space-2)}.app-ui .statusbar :where(#preview-badge){padding:0 var(--space-1);border-radius:var(--radius-2xs);font:var(--type-small-strong)}.app-ui .ui-island{border-radius:var(--radius-xl);background:var(--surface);min-block-size:0;min-inline-size:0;color:var(--text-1);box-shadow:var(--elevation-island);outline-offset:-1px;outline:1px solid #0000;flex-direction:column;display:flex;position:relative}.app-ui .ui-island[data-floating]{box-shadow:var(--elevation-3)}.app-ui .ui-island[data-dock=flush]{box-shadow:none;border-radius:0}.app-ui .ui-island-head{align-items:center;gap:var(--space-2);block-size:var(--control-2xl);padding:0 var(--space-2) 0 var(--island-pad);flex:none;display:flex;container:island-head/inline-size}.app-ui .ui-island-title{min-inline-size:0;font:var(--type-section);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-ui .ui-island-body{flex:auto;min-block-size:0;overflow:auto}.app-ui .ui-tabs{--tab-pad:var(--space-3);align-items:stretch;gap:var(--space-0-5);min-inline-size:0;block-size:var(--control-md);padding:var(--space-0-5);border-radius:var(--radius-pill);background:var(--surface-well);flex:none;display:inline-flex}.app-ui .ui-tab{--icon-size:var(--icon-md);justify-content:center;align-items:center;gap:var(--space-1-5);min-inline-size:0;padding:0 var(--tab-pad,var(--space-3));border-radius:var(--radius-pill);color:var(--text-2);font:var(--type-button);white-space:nowrap;transition:color var(--dur-fast), background-color var(--dur-thumb) var(--ease-out), box-shadow var(--dur-thumb);background:0 0;border:0;display:inline-flex;position:relative}.app-ui .ui-tab:is(:hover,[data-force~=hover]){color:var(--text-1)}.app-ui .ui-tab[aria-selected=true]{background:var(--control-thumb);color:var(--text-1);box-shadow:var(--shadow-thumb)}.app-ui .ui-tab:focus-visible,.app-ui .ui-tab[data-force~=focus]{outline:var(--focus-width) solid var(--focus-ring);outline-offset:-2px}.app-ui .ui-tabs[data-variant=rule]{background:0 0}.app-ui .ui-choice{align-content:start;justify-items:center;gap:var(--space-1-5);min-inline-size:0;padding:var(--space-1-5);border-radius:var(--radius-lg);color:var(--text-2);font:var(--type-small-strong);text-align:center;transition:background-color var(--dur-fast), color var(--dur-fast);background:0 0;border:0;grid-template-columns:minmax(0,1fr);display:grid}.app-ui .ui-choice:is(:hover,[data-force~=hover]){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-choice[aria-checked=true]{color:var(--accent-text)}.app-ui .ui-choice:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:-2px}.app-ui .ui-choice:disabled{opacity:.5}.app-ui .ui-choice>:where(.ui-choice-label){text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}.app-ui .ui-dock-map{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-2);justify-self:stretch;gap:2px;padding:3px;display:grid;position:relative}.app-ui .ui-choice:where([aria-checked=true]) .ui-dock-map{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .ui-dock-map>i{background:var(--line-3);border-radius:2px}.app-ui .ui-dock-map>i[data-stage]{background:var(--surface);box-shadow:0 0 0 1px var(--line-2)}.app-ui .ui-dock-map>i[data-folded]{opacity:.5}.app-ui .ui-choice:where([aria-checked=true]) .ui-dock-map>i:where(:not([data-stage])){background:var(--accent-soft-hover)}.app-ui .ui-button{--_h:var(--control-md);--_px:14px;--_bg:var(--control-soft);--_bg-hover:var(--control-soft-hover);--_bg-active:var(--control-soft-pressed);--_fg:var(--text-1);--_shadow:none;--icon-size:var(--icon-md);justify-content:center;align-items:center;gap:var(--space-1-5);min-inline-size:var(--_h);block-size:var(--_h);padding:0 var(--_px);border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);box-shadow:var(--_shadow);font:var(--type-button);letter-spacing:-.005em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.app-ui .ui-button>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}.app-ui .ui-button>.ui-icon:where(:first-child:not(:only-child)){margin-inline-start:calc(-1 * var(--space-0-5))}.app-ui .ui-button:where(:hover):not(:disabled,[aria-disabled=true]){background:var(--_bg-hover)}.app-ui .ui-button:where(:active):not(:disabled,[aria-disabled=true]){background:var(--_bg-active);transform:scale(var(--press-scale))}.app-ui .ui-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-button[data-variant=primary]{--_bg:var(--primary);--_bg-hover:var(--primary-hover);--_bg-active:var(--primary-pressed);--_fg:var(--on-primary);--_shadow:var(--primary-shadow)}.app-ui .ui-button[data-variant=accent]{--_bg:var(--accent-strong);--_bg-hover:color-mix(in srgb, var(--accent-strong) 88%, var(--text-1));--_bg-active:color-mix(in srgb, var(--accent-strong) 80%, var(--text-1));--_fg:var(--text-on-strong)}.app-ui .ui-button[data-variant=ghost]{--_bg:transparent;--_bg-hover:var(--surface-hover);--_bg-active:var(--surface-pressed)}.app-ui .ui-button[data-variant=outline]{--_bg:var(--surface);--_bg-hover:var(--surface-hover);--_bg-active:var(--surface-pressed);--_shadow:inset 0 0 0 1px var(--line-2)}.app-ui .ui-button[data-variant=danger]{--_bg:var(--danger-strong);--_fg:var(--on-danger);--_bg-hover:color-mix(in srgb, var(--danger-strong) 88%, var(--text-1));--_bg-active:color-mix(in srgb, var(--danger-strong) 80%, var(--text-1))}.app-ui .ui-button[data-tone=danger]:where([data-variant=ghost],[data-variant=outline]){--_fg:var(--danger-text);--_bg-hover:var(--danger-soft);--_bg-active:var(--danger-soft)}.app-ui .ui-button[aria-pressed=true]:where(:not([data-variant=accent])){--_bg:var(--accent-soft);--_bg-hover:var(--accent-soft-hover);--_bg-active:var(--accent-soft-hover);--_fg:var(--accent-text)}.app-ui .ui-button[aria-pressed=true]:where(:not([data-variant=accent]):is(:hover,:active)){--_fg:var(--accent-text-strong)}.app-ui .ui-button[data-size=sm]{--_h:var(--control-sm);--_px:11px;--icon-size:var(--icon-sm);gap:var(--space-1)}.app-ui .ui-button[data-size=lg]{--_h:var(--control-lg);--_px:18px;gap:var(--space-2)}.app-ui .ui-button:is(:disabled,[aria-disabled=true]){opacity:.42}.app-ui .ui-button[aria-busy=true]{pointer-events:none}.app-ui .ui-button-chev{--icon-size:12px;opacity:.6;margin-inline-start:calc(-1 * var(--space-0-5))}.app-ui .ui-icon-button{--_s:var(--control-md);--_r:var(--radius-md);--_bg:transparent;--_bg-hover:var(--surface-hover);--_bg-active:var(--surface-pressed);--_fg:var(--text-2);--_fg-hover:var(--text-1);--icon-size:var(--icon-lg);inline-size:var(--_s);block-size:var(--_s);border-radius:var(--_r);background:var(--_bg);color:var(--_fg);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.app-ui .ui-icon-button>svg{inline-size:var(--icon-size);block-size:var(--icon-size)}.app-ui .ui-icon-button[aria-expanded=true]{background:var(--surface-pressed);color:var(--text-1)}.app-ui .ui-icon-button:where(:hover):not(:disabled,[aria-disabled=true]){background:var(--_bg-hover);color:var(--_fg-hover)}.app-ui .ui-icon-button:where(:active):not(:disabled,[aria-disabled=true]){background:var(--_bg-active);transform:scale(var(--press-scale))}.app-ui .ui-icon-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-icon-button[aria-pressed=true]{--_bg:var(--accent-soft);--_bg-hover:var(--accent-soft-hover);--_bg-active:var(--accent-soft-hover);--_fg:var(--accent);--_fg-hover:var(--accent-text)}.app-ui .ui-icon-button[data-size=xs]{--_s:var(--control-xs);--_r:var(--radius-sm);--icon-size:var(--icon-sm)}.app-ui .ui-icon-button[data-size=sm]{--_s:var(--control-sm);--_r:var(--radius-sm);--icon-size:var(--icon-md)}.app-ui .ui-icon-button[data-size=lg]{--_s:var(--control-lg);--_r:var(--radius-lg);--icon-size:var(--icon-lg)}.app-ui .ui-icon-button[data-variant=soft]{--_bg:var(--control-soft);--_bg-hover:var(--control-soft-hover);--_bg-active:var(--control-soft-pressed);--_fg:var(--text-1)}.app-ui .ui-icon-button[data-tone=danger]{--_fg-hover:var(--danger-text);--_bg-hover:var(--danger-soft)}.app-ui .ui-icon-button[data-shape=round]{--_r:var(--radius-pill)}.app-ui .ui-icon-button:is(:disabled,[aria-disabled=true]){opacity:.42}.app-ui .ui-menu{--icon-size:var(--icon-md);max-block-size:calc(100dvh - var(--space-4));overscroll-behavior:contain;min-inline-size:240px;max-inline-size:340px;padding:var(--space-1-5);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);-webkit-app-region:no-drag;border:1px solid #0000;flex-direction:column;display:flex;overflow-y:auto}.app-ui .ui-menu[data-more-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.app-ui .ui-menu::-webkit-scrollbar{width:6px}.app-ui .ui-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover);border-radius:3px}.app-ui .ui-menu:where([popover]:not(:popover-open)){display:none}.app-ui .ui-menu[popover]{margin:0;position:fixed;inset:auto}.app-ui .ui-menu:popover-open{transition:opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out)}@starting-style{.app-ui .ui-menu:popover-open{opacity:0;translate:0 4px}}.app-ui .ui-menu-item{grid-template-columns:var(--icon-size) minmax(0, 1fr) auto auto;align-items:center;column-gap:var(--space-2-5);inline-size:100%;min-block-size:var(--control-md);block-size:auto;padding:0 var(--space-2-5);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);text-align:start;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:stretch;display:grid;position:relative}.app-ui .ui-menu-item>:first-child{grid-column:1}.app-ui .ui-menu-item>svg{inline-size:var(--icon-size);block-size:var(--icon-size);color:var(--text-2)}.app-ui .ui-menu-item>span{text-overflow:ellipsis;grid-column:2;min-inline-size:0;overflow:hidden}.app-ui .ui-menu-pad{inline-size:var(--icon-size)}.app-ui .ui-menu-swatch{block-size:10px;inline-size:10px;vertical-align:-1px;background:var(--swatch,transparent);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;margin-inline-end:var(--space-2);display:inline-block}.app-ui .ui-menu-item:where(:hover,[aria-expanded=true]):not([aria-disabled=true]){background:var(--surface-hover)}.app-ui .ui-menu-item:where(:hover,[aria-expanded=true]):not([aria-disabled=true])>svg{color:var(--text-1)}.app-ui .ui-menu-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset);background:var(--surface-hover)}.app-ui .ui-menu-check{inline-size:var(--icon-size);color:var(--accent);--icon-size:var(--icon-sm);place-items:center;display:inline-grid}.app-ui .ui-menu-check>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:2.5px}.app-ui .ui-menu-item:not([aria-checked=true])>:where(.ui-menu-check)>*{visibility:hidden}.app-ui .ui-menu-item:where([role=menuitemradio][aria-checked=true]) .ui-menu-check:before{content:"";background:currentColor;border-radius:50%;block-size:7px;inline-size:7px}.app-ui .ui-menu-shortcut{margin:0 0 0 var(--space-6);box-shadow:none;font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;background:0 0;border:0;grid-column:3;padding:0}.app-ui .ui-menu-sub{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);grid-column:4;margin-inline-start:var(--space-3)}.app-ui .ui-menu-reason{font:var(--type-micro);font-weight:var(--weight-medium);color:var(--text-3);white-space:normal;grid-area:2/2/auto/-1}.app-ui .ui-menu-item:has(>.ui-menu-reason){padding-block:var(--space-1)}.app-ui .ui-menu-item[aria-disabled=true],.app-ui .ui-menu-item:where([aria-disabled=true])>svg{color:var(--text-disabled)}.app-ui .ui-menu-item[data-tone=danger],.app-ui .ui-menu-item:where([data-tone=danger])>svg{color:var(--danger-text)}.app-ui .ui-menu-item[data-tone=danger]:where(:hover,:focus-visible){background:var(--danger-soft)}.app-ui .ui-menu-group{flex-direction:column;display:flex}.app-ui .ui-menu-label{padding:var(--space-2-5) var(--space-2-5) var(--space-1);font:var(--type-eyebrow);letter-spacing:.01em;color:var(--text-3)}.app-ui :where(.ui-menu-group:first-child)>.ui-menu-label,.app-ui .ui-menu>.ui-menu-label:where(:first-child){padding-block-start:var(--space-1)}.app-ui .ui-menu-sep{block-size:1px;margin:var(--space-1-5) var(--space-1);background:var(--line-1);border:0;flex:none}.app-ui .ui-menu-row{grid-template-columns:var(--icon-size) minmax(0, 1fr) var(--icon-size);align-items:center;gap:var(--space-2);min-block-size:var(--control-md);padding:0 var(--space-2-5);color:var(--text-2);display:grid}.app-ui .ui-popover{max-block-size:calc(100dvh - var(--topbar-h) - var(--space-4));min-inline-size:248px;max-inline-size:min(380px, calc(100vw - var(--space-4)));border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);-webkit-app-region:no-drag;border:1px solid #0000;flex-direction:column;display:flex}.app-ui .ui-popover:where([popover]:not(:popover-open)){display:none}.app-ui .ui-popover[popover]{margin:0;padding:0;position:fixed;inset:auto}.app-ui .ui-popover:popover-open{transition:opacity var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out)}@starting-style{.app-ui .ui-popover:popover-open{opacity:0;translate:0 4px}}.app-ui .ui-popover-head{align-items:center;gap:var(--space-2);min-block-size:var(--control-2xl);padding:0 var(--space-1-5) 0 var(--space-4);flex:none;display:flex}.app-ui .ui-popover-title{min-inline-size:0;font:var(--type-ui-strong);flex:1}.app-ui .ui-popover-close{inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-sm);color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.app-ui .ui-popover-close:where(:hover){background:var(--surface-hover)}.app-ui .ui-popover-close>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .ui-popover-body{gap:var(--space-2);min-block-size:0;padding:var(--space-0-5) var(--space-4) var(--space-4);overscroll-behavior:contain;align-content:start;display:grid;overflow-y:auto}.app-ui .ui-popover-body:first-child{padding-block-start:var(--space-4)}.app-ui .ui-popover-body[data-more-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),#0000);mask-image:linear-gradient(#000 calc(100% - 12px),#0000)}.app-ui .ui-popover-body::-webkit-scrollbar{width:6px}.app-ui .ui-popover-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover);border-radius:3px}.app-ui .ui-popover-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2-5) var(--space-3) var(--space-3);border-block-start:1px solid var(--line-1);flex:none;display:flex}.app-ui :where(.ui-tooltip){--focus-ring:var(--inverse-focus)}.app-ui .ui-tooltip{align-items:center;gap:var(--space-1-5);max-inline-size:280px;padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-inverse);color:var(--text-inverse);font:var(--type-small);font-weight:var(--weight-medium);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-app-region:no-drag;border:0;display:inline-flex}.app-ui .ui-tooltip:where([popover]:not(:popover-open)){display:none}.app-ui .ui-tooltip[popover]{margin:0;position:fixed;inset:auto;overflow:visible}.app-ui .ui-tooltip-sep{color:var(--text-inverse-2)}.app-ui .ui-tooltip-key{color:var(--text-inverse-2);font-variant-numeric:tabular-nums}.app-ui .ui-tooltip:popover-open{transition:opacity var(--dur-base) var(--ease-out)}@starting-style{.app-ui .ui-tooltip:popover-open{opacity:0}}.app-ui .ui-toast-host{--_x:var(--toast-x,50vw);inset:auto max(var(--space-2), calc(100vw - 2 * var(--_x))) var(--toast-bottom,var(--space-6)) max(var(--space-2), calc(2 * var(--_x) - 100vw));block-size:auto;inline-size:auto;max-inline-size:none;color:var(--text-2);box-shadow:none;font:var(--type-ui);white-space:nowrap;pointer-events:none;-webkit-app-region:no-drag;background:0 0;border:0;border-radius:0;justify-content:center;margin:0;padding:0;position:fixed;overflow:visible;transform:none}.app-ui .ui-toast-host:popover-open{display:flex}.app-ui .ui-toast-live{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden}.app-ui .ui-toast{--icon-size:var(--icon-md);align-items:center;gap:var(--space-2);min-block-size:var(--control-lg);max-inline-size:100%;padding:0 var(--space-1) 0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-2);box-shadow:var(--elevation-1);font:var(--type-ui);white-space:nowrap;pointer-events:auto;border:1px solid #0000;display:inline-flex}.app-ui .ui-toast:where(:not(:has(>button))){padding-inline-end:var(--space-3)}.app-ui .ui-toast:where(:has(>.ui-toast-action)){border-radius:var(--radius-xl);flex-wrap:wrap}.app-ui .ui-toast-text{white-space:normal;overflow-wrap:break-word;min-inline-size:0;padding-block:var(--space-1);flex:160px}.app-ui .ui-toast-text>b{font-weight:var(--weight-semibold);color:var(--text-1)}.app-ui .ui-toast-icon{inline-size:var(--icon-size);block-size:var(--icon-size);color:var(--accent-text);flex:none}.app-ui .ui-toast:where([data-tone=success]) .ui-toast-icon{color:var(--success-text)}.app-ui .ui-toast:where([data-tone=warning]) .ui-toast-icon{color:var(--warning-text)}.app-ui .ui-toast:where([data-tone=danger]) .ui-toast-icon{color:var(--danger-text)}.app-ui .ui-toast-dot{background:var(--danger-dot);border-radius:50%;flex:none;block-size:8px;inline-size:8px}.app-ui .ui-toast-action{white-space:normal;block-size:auto;max-inline-size:100%;min-block-size:var(--control-md);block-size:auto;padding:0 var(--space-2-5);border-radius:var(--radius-pill);color:var(--accent-text);font:var(--type-small-strong);background:0 0;border:0;flex:none}.app-ui .ui-toast-action:where(:hover){background:var(--surface-hover)}.app-ui .ui-toast-close{inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-pill);color:var(--text-3);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.app-ui .ui-toast-close:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-toast-close>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .ui-toast[data-variant=task]{gap:var(--space-2-5)}.app-ui .ui-toast-progress{--_p:0%;border-radius:var(--radius-pill);background:var(--surface-well);flex:none;block-size:6px;inline-size:96px;position:relative;overflow:hidden}.app-ui .ui-toast-progress:before{content:"";inline-size:var(--_p);border-radius:inherit;background:var(--accent-strong);transition:inline-size var(--dur-base) linear;position:absolute;inset-block:0;inset-inline-start:0}.app-ui .ui-toast-progress[data-indeterminate]:before{inline-size:32%;animation:ui-toast-indeterminate 1.3s var(--ease-in-out) infinite}@keyframes ui-toast-indeterminate{0%{translate:-100%}to{translate:320%}}@media (prefers-reduced-motion:reduce){.app-ui .ui-toast-progress[data-indeterminate]:before{opacity:.45;inline-size:100%;animation:none}}.app-ui .ui-toast-host:where([data-place]){inset-block:var(--toast-top,var(--space-2)) auto}.app-ui .ui-toast-host:where([data-place=head]){translate:0 -50%}.app-ui .ui-toast-host:where([data-place=head])>.ui-toast{min-block-size:var(--control-md)}.app-ui .ui-toast:where([data-variant=mode]){background:var(--accent-soft);box-shadow:none}.app-ui .ui-toast:where([data-variant=quiet]){box-shadow:none;color:var(--text-2);background:0 0}.app-ui .ui-toast:where([data-variant=quiet]) .ui-toast-icon{color:var(--warning-text)}.app-ui .ui-toast-host:where([data-place=drop])>.ui-toast:where([data-variant=mode],[data-variant=quiet]){background:var(--surface-raised);box-shadow:var(--elevation-1)}.app-ui .ui-dialog{--_w:640px;inline-size:min(var(--_w), calc(100vw - 32px));border-radius:var(--radius-2xl);background:var(--surface-raised);max-block-size:min(720px,100dvh - 32px);max-inline-size:calc(100vw - 32px);color:var(--text-1);box-shadow:var(--elevation-4);font:var(--type-ui);-webkit-app-region:no-drag;border:1px solid #0000;padding:0;overflow:hidden}.app-ui .ui-dialog[open]{flex-direction:column;display:flex}.app-ui .ui-dialog::backdrop,.app-ui :where(dialog)::backdrop{background:var(--surface-backdrop);-webkit-backdrop-filter:none;backdrop-filter:none}.app-ui .ui-dialog[data-size=sm]{--_w:420px}.app-ui .ui-dialog[data-size=md]{--_w:640px}.app-ui .ui-dialog[data-size=lg]{--_w:880px;block-size:min(540px,100dvh - 32px)}.app-ui .ui-dialog[open]{transition:opacity var(--dur-slow) var(--ease-out), translate var(--dur-slow) var(--ease-out)}@starting-style{.app-ui .ui-dialog[open]{opacity:0;translate:0 8px}}.app-ui .ui-dialog-form{flex-direction:column;flex:auto;min-block-size:0;margin:0;display:flex}.app-ui .ui-dialog-head{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-2) var(--space-6);flex:none;display:flex}.app-ui .ui-dialog-heading{gap:var(--space-1);flex:1;min-inline-size:0;display:grid}.app-ui .ui-dialog-title{font:var(--type-title);letter-spacing:var(--tracking-title);margin:0}.app-ui .ui-dialog-desc{font:var(--type-body);color:var(--text-2);margin:0}.app-ui .ui-dialog-close{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);color:var(--text-2);background:0 0;border:0;flex:none;align-self:flex-start;place-items:center;padding:0;display:inline-grid}.app-ui .ui-dialog-close:where(:hover){background:var(--surface-hover)}.app-ui .ui-dialog-close>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .ui-dialog-body{gap:var(--space-3);min-block-size:0;padding:var(--space-2) var(--space-6) var(--space-5);flex:auto;align-content:start;display:grid;overflow:auto}.app-ui .ui-dialog-foot{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5) var(--space-5) var(--space-6);flex:none;display:flex}.app-ui .ui-dialog-meta{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;margin-inline-end:auto}.app-ui .ui-dialog-error{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-text);font:var(--type-small);align-items:flex-start;display:flex}.app-ui .ui-dialog-error[hidden]{display:none}.app-ui .ui-legacy-dialog-form{display:contents}.app-ui .ui-legacy-dialog-form>.dialog-head>h2{font:var(--type-title);letter-spacing:var(--tracking-title)}.app-ui .ui-dialog-row{grid-template-columns:var(--_label,80px) minmax(0, 1fr);align-items:center;gap:var(--space-3);min-block-size:var(--control-lg);display:grid}.app-ui .ui-dialog-body>.ui-form-row{gap:var(--space-1-5);display:grid}.app-ui .ui-form-row>.ui-field-input{block-size:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-ui);border:0;box-shadow:inset 0 0 0 1px #0000}.app-ui :where(.ui-form-row)>.ui-field-input:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui :where(.ui-form-row)>.ui-field-input[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--danger-text)}.app-ui :where(.ui-dialog[data-pointer-open]) .ui-field-input:focus-visible{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px #0000}.app-ui .ui-dialog-choices{gap:var(--space-1-5);display:grid}.app-ui .ui-dialog-choice{align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:var(--control-2xl);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-1);text-align:start;white-space:normal;border:0;justify-content:flex-start;display:flex}.app-ui .ui-dialog-choice:where(:hover){background:var(--surface-hover)}.app-ui .ui-dialog-choice:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-dialog-choice>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--text-2);flex:none}.app-ui .ui-dialog-choice-text{gap:var(--space-0-5);min-inline-size:0;display:grid}.app-ui .ui-dialog-choice-text>b{font:var(--type-ui-strong)}.app-ui .ui-dialog-choice-text>small{font:var(--type-small);color:var(--text-2)}.app-ui .ui-dialog-choice[data-tone=danger]{color:var(--danger-text)}.app-ui .ui-palette{--icon-size:var(--icon-md);margin-block:var(--palette-top,72px) auto;max-block-size:min(520px, calc(100dvh - var(--palette-top,72px) - var(--space-4)))}.app-ui .ui-palette-search{align-items:center;gap:var(--space-2-5);block-size:52px;padding:0 var(--space-3) 0 var(--space-4);border-block-end:1px solid var(--line-1);--icon-size:var(--icon-lg);flex:none;display:flex}.app-ui .ui-palette-search>svg{inline-size:var(--icon-size);block-size:var(--icon-size);color:var(--text-3);flex:none}.app-ui .ui-palette-search>input{block-size:100%;min-inline-size:0;box-shadow:none;font:var(--type-emphasis);font-weight:var(--weight-medium);color:var(--text-1);background:0 0;border:0;outline:none;flex:1;padding:0}.app-ui .ui-palette-search>input::placeholder{color:var(--text-placeholder)}.app-ui .ui-palette-close{flex:none;display:none}.app-ui .ui-palette-list{overscroll-behavior:contain;min-block-size:0;padding:var(--space-1) var(--space-1-5) var(--space-2);flex:auto;align-content:start;gap:1px;display:grid;overflow:auto}.app-ui .ui-palette-group{padding:var(--space-2-5) var(--space-2-5) var(--space-1);font:var(--type-small-strong);color:var(--text-3)}.app-ui .ui-palette-row{align-items:center;gap:var(--space-2-5);min-block-size:36px;padding:0 var(--space-2-5);border-radius:var(--radius-md);color:var(--text-1);font:var(--type-ui);cursor:default;-webkit-user-select:none;user-select:none;display:flex}.app-ui .ui-palette-row>svg{inline-size:var(--icon-size);block-size:var(--icon-size);color:var(--text-3);flex:none}.app-ui .ui-palette-pad{inline-size:var(--icon-size);flex:none}.app-ui .ui-palette-row[aria-selected=true]{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--line-2)}.app-ui .ui-palette-row[aria-disabled=true]{color:var(--text-3)}.app-ui .ui-palette-row mark{color:inherit;font-weight:var(--weight-bold);background:0 0}.app-ui .ui-palette-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.app-ui .ui-palette-meta{text-overflow:ellipsis;white-space:nowrap;max-inline-size:45%;box-shadow:none;font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:none;margin:0;padding:0;overflow:hidden}.app-ui .ui-palette-empty{padding:var(--space-4) var(--space-3);color:var(--text-3);text-align:center}.app-ui .ui-kbd{min-inline-size:var(--size-kbd);block-size:var(--size-kbd);padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--kbd-bg);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--kbd-line), 0 1px 0 var(--kbd-line);font:var(--type-micro);font-variant-numeric:tabular-nums;white-space:nowrap;border:0;flex:none;place-items:center;line-height:1;display:inline-grid}.app-ui .ui-shortcut{gap:var(--space-0-5);flex:none;display:inline-flex}.app-ui .ui-dialog[data-variant=export]{--_w:960px;block-size:min(700px,100dvh - 32px)}.app-ui .ui-dialog-form.ui-export-form{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:380px minmax(0,1fr);display:grid}.app-ui .ui-export-form>:not(.ui-export-preview){grid-column:2;min-inline-size:0}.app-ui .ui-export-preview{justify-content:center;gap:var(--space-4);min-block-size:0;min-inline-size:0;padding:var(--space-6);background:var(--surface-sunken);flex-direction:column;grid-area:1/1/-1;display:flex}.app-ui .ui-export-stage{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--artboard-placeholder);box-shadow:var(--shadow-artboard);overflow:hidden}.app-ui .ui-export-stage>:is(canvas,img,svg){object-fit:contain;block-size:100%;inline-size:100%;display:block}.app-ui .ui-export-caption{justify-content:center;align-items:center;gap:var(--space-2);font:var(--type-small-strong);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.app-ui .ui-range-strip{--start:0%;--end:100%;align-items:center;gap:var(--space-0-5);min-block-size:var(--control-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.app-ui .ui-range-strip>i{aspect-ratio:16/10;border-radius:var(--radius-2xs);background:var(--artboard-placeholder);min-inline-size:0;overflow:hidden}.app-ui .ui-range-strip>i>:is(canvas,img,svg){block-size:100%;inline-size:100%;display:block}.app-ui .ui-range-strip>i[data-out]{opacity:.35}.app-ui .ui-range-handle{inline-size:var(--control-sm);cursor:ew-resize;touch-action:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-start:var(--start);translate:-50%}.app-ui .ui-range-handle[data-edge=end]{inset-inline-start:var(--end)}.app-ui .ui-range-handle:before{content:"";border-radius:var(--radius-pill);background:var(--text-1);block-size:100%;inline-size:8px}.app-ui .ui-range-handle:after{content:"";background:var(--surface);border-radius:1px;block-size:10px;inline-size:2px;position:absolute}.app-ui .ui-range-handle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0;border-radius:var(--radius-sm)}.app-ui .ui-segmented{--_h:var(--control-md);justify-self:start;align-items:stretch;gap:var(--space-0-5);block-size:var(--_h);padding:var(--space-0-5);border-radius:var(--radius-pill);background:var(--surface-well);flex:none;display:inline-flex}.app-ui .ui-segmented-item{--icon-size:var(--icon-md);justify-content:center;align-items:center;gap:var(--space-1-5);min-inline-size:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-2);font:var(--type-ui-strong);white-space:nowrap;transition:background-color var(--dur-thumb) var(--ease-spring), color var(--dur-fast), box-shadow var(--dur-thumb);-webkit-app-region:no-drag;background:0 0;border:1px solid #0000;line-height:1;display:inline-flex}.app-ui .ui-segmented-item>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}.app-ui .ui-segmented-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.app-ui .ui-segmented-item:where(:hover):not(:disabled){color:var(--text-1)}.app-ui .ui-segmented-item:is([aria-checked=true],[aria-pressed=true],[aria-selected=true]){background:var(--control-thumb);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-control), var(--elevation-1)}.app-ui .ui-segmented-item:disabled{opacity:.42}.app-ui .ui-segmented[data-size=sm]{--_h:var(--control-md)}.app-ui .ui-segmented:where([data-size=sm]) .ui-segmented-item{padding:0 var(--space-2-5);font:var(--type-small-strong);line-height:1}.app-ui .ui-segmented[data-size=lg]{--_h:var(--control-lg)}.app-ui .ui-segmented[data-fill]{justify-self:stretch;display:flex}.app-ui .ui-segmented:where([data-fill]) .ui-segmented-item{padding:0 var(--space-1-5);flex:1 1 0}.app-ui .ui-segmented-item:has(>svg:only-child){padding-inline:var(--space-2);--icon-size:var(--icon-sm)}.app-ui .ui-tool-button{--icon-size:var(--icon-xl);inline-size:var(--control-xl);block-size:var(--control-xl);border-radius:var(--radius-lg);color:var(--text-2);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.app-ui .ui-tool-button>svg{inline-size:var(--icon-size);block-size:var(--icon-size)}.app-ui .ui-tool-button:where(:hover):not(:disabled,[aria-pressed=true]){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-tool-button:where(:active):not(:disabled){transform:scale(var(--press-scale))}.app-ui .ui-tool-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-tool-button[aria-pressed=true]{background:var(--accent-strong);color:var(--text-on-strong);box-shadow:0 6px 14px -8px color-mix(in srgb, var(--accent-strong) 70%, transparent)}.app-ui .ui-tool-button:disabled{opacity:.42}.app-ui .ui-tool-tick{background:var(--text-3);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;block-size:5px;inline-size:5px;position:absolute;inset-block-end:5px;inset-inline-end:5px}.app-ui .ui-tool-button:where([aria-pressed=true])>.ui-tool-tick{background:var(--text-on-strong)}.app-ui .ui-tool-tick:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){clip-path:polygon(0 0,100% 100%,0 100%)}.app-ui .ui-tool-tick-button{cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;border-end-end-radius:var(--radius-lg);block-size:16px;inline-size:16px;padding:0;position:absolute;inset:auto 0 0 auto}.app-ui .ui-tool-tick-button:where(:hover,[aria-expanded=true])>.ui-tool-tick{background:var(--text-1)}.app-ui :where([data-active])>.ui-tool-tick-button>.ui-tool-tick{background:var(--text-on-strong)}.app-ui .ui-rail{align-items:center;gap:var(--space-1);min-block-size:0;inline-size:100%;padding:var(--space-0-5) 0 var(--space-1);flex-direction:column;display:flex}.app-ui :where(.shell-rail[data-columns])>.ui-rail{grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;display:grid}.app-ui :where(.shell-rail[data-columns])>.ui-rail>:where(.rail-add){grid-column:1/-1}.app-ui .ui-rail-sep{block-size:1px;inline-size:20px;margin:var(--space-1) 0;background:var(--line-2);flex:none}.app-ui .ui-rail-end{align-items:center;gap:var(--space-0-5);flex-direction:column;margin-block-start:auto;display:flex}.app-ui .ui-toolbar{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex;container:toolbar/inline-size}.app-ui .ui-toolbar-spacer{flex:1 1 0;min-inline-size:0}.app-ui .ui-toolbar-group{align-items:center;gap:var(--space-0-5);flex:none;display:flex}@container toolbar (width<520px){.app-ui :where(.ui-toolbar) [data-label-priority="2"]>.ui-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.app-ui :where(.ui-toolbar) .ui-button[data-label-priority="2"]{--_px:0;inline-size:var(--_h)}}.app-ui :is(.ui-icon-button,.ui-button):where([data-quiet])[aria-pressed=true]{--_bg:var(--control-soft);--_bg-hover:var(--control-soft-hover);--_bg-active:var(--control-soft-pressed);--_fg:var(--text-1);--_fg-hover:var(--text-1)}.app-ui .ui-split{border-radius:var(--radius-md);flex:none;align-items:center;display:inline-flex}.app-ui .ui-split>:is(.ui-icon-button,.ui-button){border-start-end-radius:0;border-end-end-radius:0}.app-ui .ui-split-more{--icon-size:12px;inline-size:var(--control-sm);block-size:var(--control-md);border-radius:0;color:var(--text-3);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);-webkit-app-region:no-drag;background:0 0;border:1px solid #0000;border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);flex:none;place-items:center;padding:0;display:inline-grid}.app-ui .ui-split-more>svg{inline-size:var(--icon-size);block-size:var(--icon-size);stroke-width:2px}.app-ui .ui-split-more:where(:hover,[aria-expanded=true]):not(:disabled){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-split-more:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-split-more:disabled{opacity:.42}.app-ui .ui-split:where(:hover)>:where(.ui-icon-button,.ui-button,.ui-split-more):not(:disabled){background:var(--surface-hover)}.app-ui .ui-split:where(:hover)>[aria-pressed=true]:where(:not([data-quiet])){background:var(--accent-soft-hover)}.app-ui .ui-split:where(:hover)>[aria-pressed=true]:where([data-quiet]){background:var(--control-soft-hover)}.app-ui .ui-split:where([data-size=sm])>.ui-split-more{block-size:var(--control-sm)}.app-ui .ui-crumb{align-items:center;gap:var(--space-0-5);min-inline-size:0;font:var(--type-ui);color:var(--text-2);white-space:nowrap;flex-wrap:nowrap;display:flex}.app-ui .ui-crumb-item{--icon-size:var(--icon-sm);align-items:center;gap:var(--space-1-5);min-inline-size:0;block-size:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-2);font:inherit;white-space:nowrap;-webkit-app-region:no-drag;background:0 0;border:0;flex:none;display:inline-flex}.app-ui .ui-crumb-item>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}.app-ui .ui-crumb-item:where(:hover):not(:disabled){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-crumb-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .ui-crumb-meta{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums}.app-ui .ui-crumb-sep{padding-inline:var(--space-0-5);color:var(--text-3);flex:none}.app-ui .ui-crumb-here{--icon-size:var(--icon-sm);align-items:center;gap:var(--space-1-5);min-inline-size:0;padding-inline:var(--space-1);color:var(--text-1);font:var(--type-ui-strong);white-space:nowrap;display:inline-flex}.app-ui .ui-crumb-here>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}.app-ui .ui-crumb-here>span{text-overflow:ellipsis;overflow:hidden}.app-ui .ui-crumb-swatch{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);-webkit-app-region:no-drag;background:0 0;border:0;flex:none;place-items:center;margin-inline-start:calc(-1 * var(--space-1));padding:0;display:inline-grid}.app-ui .ui-crumb-swatch:where(:hover){background:var(--surface-hover)}.app-ui .ui-crumb-swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .ui-crumb-chip{--swatch:var(--surface);border-radius:var(--radius-2xs);background:var(--swatch);block-size:13px;inline-size:18px;box-shadow:inset 0 0 0 1px var(--line-control);display:block}.app-ui .ui-menubar{flex:none;align-items:center;gap:0;min-inline-size:0;display:flex}.app-ui .ui-menubar-item{block-size:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-2);font:var(--type-ui);white-space:nowrap;-webkit-app-region:no-drag;background:0 0;border:0;flex:none;align-items:center;gap:0;display:inline-flex}.app-ui .ui-menubar-item>u{text-decoration:none}.app-ui .ui-menubar-item:where(:hover,[aria-expanded=true]){background:var(--surface-hover);color:var(--text-1)}.app-ui .ui-menubar-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .ui-menubar[data-overlay]{padding-inline:var(--space-1);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--elevation-1)}.app-ui .ui-optbar{align-items:center;gap:var(--space-3);overflow-clip-margin:var(--space-1);flex:1 1 0;min-inline-size:0;display:flex;overflow:clip}.app-ui .ui-optbar-group{align-items:center;gap:var(--space-1);flex:none;display:flex}.app-ui .ui-optbar-group>.ui-optbar-item,.app-ui .ui-optbar-set>*{flex:none}.app-ui .ui-optbar-label{padding-inline:var(--space-1) 0;font:var(--type-small);color:var(--text-3);white-space:nowrap;-webkit-user-select:none;user-select:none;flex:none}.app-ui .ui-optbar-set{align-items:center;gap:var(--space-0-5);flex:none;display:flex}.app-ui .ui-optbar-set>.ui-optbar-label{padding-inline-end:var(--space-1)}.app-ui .ui-optbar-select,.app-ui .ui-optbar-stepper,.app-ui .ui-optbar-colors{align-items:center;gap:var(--space-1-5);flex:none;display:flex}.app-ui .ui-optbar-stepper>.ui-stepper{block-size:var(--control-md)}.app-ui .ui-optbar-more{flex:none}.app-ui .ui-optbar-item:where([data-label-dropped]) .ui-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.app-ui .ui-optbar-item:where([data-label-dropped])>.ui-optbar-label{display:none}.app-ui .ui-button:where(.ui-optbar-item)[data-label-dropped],.app-ui .ui-optbar-set:where([data-label-dropped])>.ui-button{--_px:0;inline-size:var(--_h)}.app-ui .ui-optbar-pair{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);-webkit-app-region:no-drag;background:0 0;border:0;flex:none;padding:0;position:relative}.app-ui .ui-optbar-pair:where(:hover):not(:disabled){background:var(--surface-hover)}.app-ui .ui-optbar-pair:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-optbar-pair>.ui-swatch{--_s:15px;--swatch:var(--surface);z-index:1;inline-size:var(--_s);block-size:var(--_s);border-radius:var(--radius-2xs);background:var(--swatch);box-shadow:inset 0 0 0 1px var(--line-control), 0 0 0 1.5px var(--surface);position:absolute;inset-block-start:4px;inset-inline-start:4px}.app-ui .ui-optbar-pair>.ui-swatch:where([data-role=fill]){--_s:13px;z-index:0;inset-block:auto 4px;inset-inline:auto 4px}.app-ui .ui-optbar-colors>.ui-icon-button{margin-inline-start:calc(-1 * var(--space-1))}.app-ui .ui-optbar-recent{align-items:center;gap:var(--space-0-5);flex:none;display:flex}.app-ui .ui-optbar-recent>.ui-swatch{--swatch:var(--surface);inline-size:var(--control-sm);block-size:var(--control-sm);padding:var(--space-0-5);background:var(--swatch) content-box;box-shadow:inset 0 0 0 3px var(--surface), inset 0 0 0 4px var(--line-control);-webkit-app-region:no-drag;border:0;border-radius:50%}.app-ui div.ui-optbar-recent>button.ui-swatch:where(:hover:not(:disabled)){box-shadow:inset 0 0 0 1px var(--line-3), inset 0 0 0 3px var(--surface), inset 0 0 0 4px var(--line-control)}.app-ui div.ui-optbar-recent>button.ui-swatch:where(:focus-visible){outline:2px solid var(--focus-ring);outline-offset:0}.app-ui .ui-optbar-more-body{gap:var(--space-2);min-inline-size:200px;display:grid}.app-ui .ui-optbar-more-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--control-md);display:flex}.app-ui .ui-optbar-more-label{font:var(--type-small);color:var(--text-2)}.app-ui .stage-head{--_h:var(--control-2xl);z-index:var(--z-canvas-hud);align-items:center;gap:var(--space-3);block-size:var(--_h);min-inline-size:0;padding:0 var(--space-1-5) 0 var(--space-2);background:var(--surface);box-shadow:inset 0 -1px 0 var(--line-1);-webkit-app-region:no-drag;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;container:stage-head/inline-size}.app-ui .stage-head[hidden]{display:none}.app-ui .stage-head-start{align-items:center;gap:var(--space-2);overflow-clip-margin:var(--space-1);min-inline-size:0;display:flex;overflow:clip;container:stage-start/inline-size}.app-ui .stage-head-start>:is(.ui-optbar,.ui-crumb){flex:1 1 0;min-inline-size:0}.app-ui .stage-head-start:where(:has(>:not(.ui-crumb,[hidden])))>.ui-crumb{display:none}@container stage-start (width<185px){.app-ui .ui-crumb-meta{display:none}}@container stage-start (width<113px){.app-ui .ui-crumb-name{display:none}}.app-ui .stage-head-end{align-items:center;gap:var(--space-3);justify-self:end;display:flex}.app-ui .stage-head-cluster{align-items:center;gap:var(--space-0-5);flex:none;display:flex}.app-ui .ui-button.stage-toggle{--_px:var(--space-2);gap:var(--space-1-5);color:var(--text-2)}.app-ui .ui-button.stage-toggle>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui :where(.ui-split)>.ui-button.stage-toggle{border-start-end-radius:0;border-end-end-radius:0}@container stage-head (inline-size<820px){.app-ui .ui-button.stage-toggle{--_px:0;inline-size:var(--control-md)}.app-ui .stage-toggle>.ui-label{display:none}}.app-ui :where(.stage-head[data-workspace=draw]) .ui-button.stage-toggle{--_px:0;inline-size:var(--control-md)}.app-ui :where(.stage-head[data-workspace=draw]) .stage-toggle>.ui-label,.app-ui .stage-head-cluster[hidden],.app-ui .stage-head-cluster>[hidden],.app-ui :where(.stage-head[data-view-menu]) .stage-head-cluster:where([data-view]){display:none}.app-ui .ui-button.stage-view-menu{--_px:var(--space-2);gap:var(--space-0-5);color:var(--text-2)}.app-ui .stage-view-menu[hidden]{display:none}.app-ui .stage-head-note{color:var(--text-3);font:var(--type-small);white-space:nowrap}.app-ui .stage-head-note[hidden]{display:none}.app-ui .stage-head-msg{--msg-start:0px;--msg-end:0px;inset-block:0;inset-inline:var(--msg-start) var(--msg-end);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.app-ui .stage-head-msg:empty{display:none}.app-ui .stage-head-msg>*{pointer-events:auto;max-inline-size:100%}.app-ui .stage-head:where([data-msg-drop],[data-msg-over]:has(>.stage-head-start:focus-within))>.stage-head-msg{inset-block:calc(100% + var(--space-1-5)) auto;inset-inline:var(--space-2);block-size:var(--control-lg)}.app-ui .ui-button.stage-zoom{--_px:var(--space-1-5);gap:var(--space-0-5);font-variant-numeric:tabular-nums;min-inline-size:52px}.app-ui .stage-zoom-chevron{color:var(--text-3);display:inline-grid}.app-ui .stage-zoom-chevron>svg{inline-size:var(--icon-xs);block-size:var(--icon-xs)}.app-ui .stage-mode-controls{z-index:auto;box-shadow:none;align-items:center;gap:var(--space-1);font:var(--type-small);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;border-radius:0;flex:none;padding:0;display:flex;position:static;transform:none}.app-ui .stage-mode-controls[hidden]{display:none}.app-ui .stage-mode-controls>span{padding-inline:var(--space-1) var(--space-0-5)}.app-ui :where(.stage-head[data-msg-over])>.stage-head-start:not(:focus-within),.app-ui .stage-head:where([data-msg-over-view]:not([data-msg-over]:has(>.stage-head-start:focus-within))) .stage-head-cluster:where([data-view]){visibility:hidden}.app-ui .ui-quick{align-items:stretch;gap:var(--space-1);margin:var(--space-3) 0 0;flex-wrap:nowrap;display:flex;container-type:inline-size}.app-ui .ui-quick[hidden]{display:none}.app-ui .ui-quick-sep{inline-size:var(--space-1);flex:none}.app-ui .ui-button.ui-quick-word{--_px:var(--space-1);--_bg:var(--surface-sunken);--_bg-hover:var(--surface-hover);--_bg-active:var(--surface-pressed);border-radius:var(--radius-md);block-size:52px;min-inline-size:0;color:var(--text-1);font:var(--weight-semibold) 11px/13px var(--font-ui);letter-spacing:0;flex-direction:column;flex:auto;gap:3px}.app-ui .ui-quick-word>svg{block-size:18px;inline-size:18px;color:var(--text-2)}.app-ui .ui-quick-word>.ui-label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;overflow:hidden}@container (inline-size<260px){.app-ui .ui-button.ui-quick-word{--_px:2px;font-size:10px}}.app-ui .ui-quick-word:where(:hover:not(:disabled))>svg{color:var(--text-1)}.app-ui .ui-quick-word[aria-pressed=true]{--_bg:var(--accent-soft);--_bg-hover:var(--accent-soft-hover);color:var(--accent-text)}.app-ui .ui-quick-word:where([aria-pressed=true])>svg{color:var(--accent)}.app-ui .ui-quick-word[data-tone=danger]:where(:hover:not(:disabled)){--_bg-hover:var(--danger-soft);color:var(--danger-text)}.app-ui .ui-quick-word:where([data-tone=danger]:hover:not(:disabled))>svg{color:var(--danger-text)}.app-ui .ui-quick-tile{border-radius:var(--radius-md);background:var(--surface-sunken);flex:1.4 1 0;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:center;block-size:52px;min-inline-size:0;padding:4px 4px 6px;display:grid}.app-ui .ui-quick-tile>.ui-icon-button{--_s:30px;grid-row:1;justify-self:center}.app-ui .ui-quick-label{font:var(--weight-semibold) 11px/13px var(--font-ui);color:var(--text-1);white-space:nowrap;-webkit-user-select:none;user-select:none;grid-area:2/1/auto/-1;justify-self:center}.app-ui .ui-scope{align-items:center;gap:var(--space-2);min-block-size:var(--control-md);padding:0 var(--space-1) 0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-selected);color:var(--text-1);font:var(--type-small-strong);margin-block-start:var(--space-1);display:flex}.app-ui .ui-scope>.ui-dot{background:var(--tint-select);border-radius:50%;flex:none;block-size:7px;inline-size:7px}.app-ui .ui-scope>span:not(.ui-dot){text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.app-ui .ui-scope>.ui-button{flex:none}.app-ui .ui-chip{--_bg:var(--surface-well);--_fg:var(--text-1);--icon-size:var(--icon-sm);align-items:center;gap:var(--space-1);block-size:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--_bg);color:var(--_fg);font:var(--type-small-strong);white-space:nowrap;transition:background-color var(--dur-fast), color var(--dur-fast);-webkit-app-region:no-drag;border:1px solid #0000;flex:none;line-height:1;display:inline-flex}.app-ui .ui-chip>svg{inline-size:var(--icon-size);block-size:var(--icon-size);flex:none}.app-ui button.ui-chip:where(:hover):not(:disabled){background:var(--surface-pressed)}.app-ui button.ui-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui button.ui-chip[aria-pressed=true]{--_bg:var(--accent-soft);--_fg:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-line)}.app-ui button.ui-chip:disabled{opacity:.42}.app-ui .ui-progress{--_p:0%;--_fill:var(--accent-strong);--_track:var(--surface-well);border-radius:var(--radius-pill);background:var(--_track);block-size:6px;min-inline-size:48px;position:relative;overflow:hidden}.app-ui .ui-progress:before{content:"";inline-size:var(--_p);border-radius:inherit;background:var(--_fill);transition:inline-size var(--dur-base) linear;position:absolute;inset-block:0;inset-inline-start:0}.app-ui .ui-progress[data-indeterminate]:before{inline-size:32%;animation:ui-progress-indeterminate 1.3s var(--ease-in-out) infinite}.app-ui .ui-progress[data-tone=danger]{--_fill:var(--danger-dot)}@keyframes ui-progress-indeterminate{0%{translate:-100%}to{translate:320%}}.app-ui .ui-spinner{opacity:.8;border:2px solid;border-inline-end-color:#0000;border-radius:50%;flex:none;block-size:14px;inline-size:14px;animation:.8s linear infinite ui-spinner-turn;display:inline-block}@keyframes ui-spinner-turn{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.app-ui .ui-progress[data-indeterminate]:before{opacity:.45;inline-size:100%;animation:none}.app-ui .ui-spinner{opacity:.45;border-inline-end-color:currentColor;animation:none}}.app-ui .ui-empty{align-content:start;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;display:grid}.app-ui .ui-empty-glyph{inline-size:var(--icon-lg);block-size:var(--icon-lg);color:var(--text-3)}.app-ui .ui-empty-title{font:var(--type-heading);letter-spacing:var(--tracking-heading);color:var(--text-1);text-wrap:balance;margin:0}.app-ui .ui-empty-text{max-inline-size:34ch;font:var(--type-small);color:var(--text-2);text-wrap:pretty;margin:0}.app-ui .ui-empty-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.app-ui .ui-empty[data-align=start]{text-align:start;justify-items:start;padding-inline:0}.app-ui .ui-empty:where([data-align=start])>.ui-empty-actions{justify-content:start}.app-ui .ui-cursor-badge{--x:0px;--y:0px;z-index:var(--z-floating);min-inline-size:var(--control-md);block-size:var(--control-md);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-2);pointer-events:none;-webkit-user-select:none;user-select:none;translate:calc(var(--x) + 14px) calc(var(--y) + 14px);border:0;place-items:center;margin:0;display:inline-grid;position:fixed;inset:0 auto auto 0}.app-ui .ui-cursor-badge:where(:popover-open){overflow:visible}.app-ui .ui-cursor-badge-swatch{--swatch:var(--surface);background:var(--swatch);block-size:20px;inline-size:20px;box-shadow:inset 0 0 0 1px var(--line-control);border-radius:50%;display:block}.app-ui .ui-cursor-badge-glyph{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--accent-text);display:block}.app-ui .ui-cursor-badge-thumb{border-radius:var(--radius-2xs);object-fit:contain;max-block-size:32px;max-inline-size:48px;display:block}.app-ui .ui-dot{--_s:7px;--dot:var(--neutral-dot);inline-size:var(--_s);block-size:var(--_s);background:var(--dot);border-radius:50%;flex:none;display:inline-block}.app-ui .ui-dot[data-hollow]{box-shadow:inset 0 0 0 1.5px var(--dot);background:0 0}.app-ui .ui-dot[data-tint=select]{--dot:var(--tint-select)}.app-ui .ui-dot[data-tint=library]{--dot:var(--tint-library)}.app-ui .ui-dot[data-tint=draw]{--dot:var(--tint-draw)}.app-ui .ui-dot[data-tone=success]{--dot:var(--success-dot)}.app-ui .ui-dot[data-tone=warning]{--dot:var(--warning-dot)}.app-ui .ui-dot[data-tone=danger]{--dot:var(--danger-dot)}.app-ui .ui-dot[data-tone=neutral]{--dot:var(--neutral-dot)}.app-ui .ui-doc{align-items:center;gap:var(--space-2);min-inline-size:0;max-inline-size:none;block-size:var(--control-lg);padding:0 var(--space-2-5);border-radius:var(--radius-md);color:var(--text-1);text-align:start;-webkit-app-region:no-drag;background:0 0;border:0;flex:none;display:inline-flex}.app-ui .ui-doc:where(:hover){background:var(--surface-hover)}.app-ui .ui-doc:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .ui-doc-name{min-inline-size:0;font:var(--type-ui-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-ui .ui-doc-state{align-items:center;gap:var(--space-1-5);font:var(--type-small);color:var(--text-3);white-space:nowrap;flex:none;display:inline-flex}.app-ui .ui-doc-state>.ui-dot{--_s:6px}.app-ui .ui-field{--_h:var(--control-lg);--_ring:transparent;--_gap:var(--space-2);align-items:center;gap:var(--_gap);min-inline-size:0;block-size:var(--_h);padding:0 var(--space-2) 0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--_ring);font:var(--type-ui);transition:box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:1px solid #0000;margin:0;display:flex;position:relative}.app-ui .ui-field:where(:hover){--_ring:var(--line-3)}.app-ui .ui-field:focus-within,.app-ui .ui-field:where(:has([data-property-scrub]:active),[data-scrubbing=true]){background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo)}.app-ui .ui-field:has([aria-invalid=true]){box-shadow:inset 0 0 0 1.5px var(--danger-text), 0 0 0 3px var(--danger-soft)}.app-ui .ui-field:where([aria-disabled=true],:has(input:disabled,select:disabled),:disabled){opacity:.5}.app-ui .ui-field[data-size=sm]{--_h:var(--control-md)}.app-ui button.ui-field{text-align:start;cursor:default;appearance:none;justify-self:stretch}.app-ui button.ui-field:focus-visible{outline:none}.app-ui .ui-field-label{font:var(--type-small);color:var(--text-3);-webkit-user-select:none;user-select:none;white-space:nowrap;flex:none}.app-ui .ui-field-label[data-property-scrub]{cursor:ew-resize;touch-action:none;border-radius:var(--radius-2xs);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px}.app-ui .ui-field-label:where([data-property-scrub]):is(:hover,:focus-visible){color:var(--accent-text);text-decoration-color:currentColor}.app-ui .ui-field-label:where([data-property-scrub]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .ui-field:where(:has([data-property-scrub]:active),[data-scrubbing=true]) .ui-field-label{color:var(--accent-text)}.app-ui .ui-field-input{block-size:100%;inline-size:100%;min-inline-size:0;box-shadow:none;color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;outline:none;flex:auto;margin:0;padding:0}.app-ui .ui-field-input:where([type=text],[type=search]):not([inputmode]){font-variant-numeric:normal}.app-ui .ui-field-input::placeholder{color:var(--text-placeholder);opacity:1}.app-ui .ui-field-input[type=number]{appearance:textfield}.app-ui .ui-field-input::-webkit-inner-spin-button{appearance:none;margin:0}.app-ui .ui-field-input::-webkit-outer-spin-button{appearance:none;margin:0}.app-ui .ui-field:where([data-mixed]) .ui-field-input::placeholder{color:var(--text-3)}.app-ui .ui-field:where(:has(>.ui-field-suffix))>.ui-field-input{field-sizing:content;flex:0 auto;inline-size:auto;min-inline-size:1ch;max-inline-size:100%}.app-ui .ui-field-suffix{min-inline-size:0;font:var(--type-value);color:var(--text-2);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:text;flex:auto;margin-inline-start:calc(.25em - var(--_gap));overflow:hidden}.app-ui .ui-field-suffix[data-glue]{margin-inline-start:calc(-1 * var(--_gap))}.app-ui .ui-field-unit{font:var(--type-small);color:var(--text-3);flex:none}.app-ui .ui-field:where([data-color])>.ui-swatch{--_s:16px;border-radius:var(--radius-2xs);margin-inline-start:calc(-1 * var(--space-0-5))}.app-ui .ui-field:where([data-color].ui-span-2){justify-content:flex-start}.app-ui .ui-field:where([data-color].ui-span-2)>.ui-swatch{--_s:20px}.app-ui .ui-field-hex{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-value);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--text-1);overflow:hidden}.app-ui .ui-field[data-switch-field]{cursor:default;justify-content:space-between}.app-ui .ui-field:where([data-switch-field])>.ui-field-label{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.app-ui .ui-field:where([data-switch-field])>.ui-switch{flex:none}.app-ui .ui-field-core{display:contents}.app-ui .ui-field[data-steps]{--_gap:0;padding-inline:var(--space-0-5);justify-content:space-between}.app-ui :where(.ui-field[data-steps]) .ui-field-label{padding-inline:var(--space-1) var(--space-0-5);order:0}.app-ui :where(.ui-field[data-steps])>.ui-icon-button{color:var(--text-2);flex:none;order:1}.app-ui :where(.ui-field[data-steps])>.ui-icon-button:last-child{order:3}.app-ui :where(.ui-field[data-steps]) .ui-field-input{field-sizing:content;text-align:center;flex:1 0 auto;order:2;inline-size:auto;min-inline-size:3ch}.app-ui .ui-field[data-inline]{--_h:var(--control-md);padding-inline:var(--space-2) var(--space-1-5);flex:none}.app-ui .ui-field:where([data-inline])>.ui-field-input{field-sizing:content;inline-size:auto;min-inline-size:calc(var(--_vch,3) * 1ch);flex:none;padding-inline-end:1ch}.app-ui .ui-field:where([data-select]){cursor:default;padding-inline-end:0}.app-ui .ui-field:where([data-select])>select.ui-field-input{appearance:none;text-overflow:ellipsis;min-inline-size:0;font-variant-numeric:normal;cursor:default;padding-inline-end:calc(var(--space-2) + 12px + var(--space-1))}.app-ui .ui-field:where([data-bare])>select.ui-field-input{padding-inline-start:0}.app-ui .ui-field-chev{block-size:12px;inline-size:12px;stroke-width:var(--icon-stroke-small);color:var(--text-3);pointer-events:none;flex:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-2);translate:0 -50%}.app-ui .ui-select{min-inline-size:0;display:inline-grid;position:relative}.app-ui .ui-select>select{appearance:none;inline-size:100%;min-inline-size:0;block-size:var(--control-lg);padding:0 calc(var(--space-2) + var(--icon-sm) + var(--space-1-5)) 0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:none;color:var(--text-1);font:var(--type-value);border:1px solid #0000;margin:0}.app-ui .ui-select>select:hover{box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .ui-select>select:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .ui-select>select:disabled{opacity:.5}.app-ui .ui-select>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:var(--icon-stroke-small);color:var(--text-3);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:10px;translate:0 -50%}.app-ui .ui-select[data-size=sm]>select{block-size:var(--control-md)}.app-ui .ui-slider-row{align-items:center;gap:var(--space-2-5);min-block-size:var(--control-md);grid-template-columns:minmax(56px,max-content) minmax(0,1fr) 44px;display:grid}.app-ui .ui-slider-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-small);color:var(--text-2);overflow:hidden}.app-ui .ui-slider-value{white-space:nowrap;text-align:end;color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums}.app-ui .ui-slider{--_p:50%;appearance:none;inline-size:100%;block-size:var(--control-sm);cursor:default;background:0 0;margin:0}.app-ui .ui-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--slider-fill) var(--_p), var(--slider-track) var(--_p));border-radius:2px;block-size:4px}.app-ui .ui-slider:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--slider-fill) var(--_p), var(--slider-track) var(--_p))}.app-ui .ui-slider::-webkit-slider-thumb{appearance:none;background:var(--slider-thumb);block-size:14px;inline-size:14px;box-shadow:0 0 0 1px var(--line-control), var(--elevation-1);transition:box-shadow var(--dur-fast);border-radius:50%;margin-block-start:-5px}.app-ui .ui-slider::-moz-range-track{background:var(--slider-track);border-radius:2px;block-size:4px}.app-ui .ui-slider::-moz-range-progress{background:var(--slider-fill);border-radius:2px;block-size:4px}.app-ui .ui-slider::-moz-range-thumb{background:var(--slider-thumb);block-size:14px;inline-size:14px;box-shadow:0 0 0 1px var(--line-control), var(--elevation-1);border:0;border-radius:50%}.app-ui .ui-slider:focus-visible{outline:none}.app-ui .ui-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--line-control), 0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.app-ui .ui-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--line-control), 0 0 0 2px var(--surface), 0 0 0 4px var(--focus-ring)}.app-ui .ui-slider:disabled{opacity:.42}.app-ui .ui-slider[data-quiet]{--slider-fill:var(--line-control)}.app-ui .ui-stepper{align-items:center;gap:var(--space-0-5);block-size:var(--control-lg);padding:var(--space-0-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);transition:box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex:none;display:inline-flex}.app-ui .ui-stepper:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo)}.app-ui .ui-stepper:has([aria-invalid=true]){box-shadow:inset 0 0 0 1.5px var(--danger-text), 0 0 0 3px var(--danger-soft)}.app-ui .ui-stepper:has(input:disabled){opacity:.5}.app-ui .ui-stepper>output,.app-ui .ui-stepper-input{text-align:center;min-inline-size:40px;color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums}.app-ui .ui-stepper-input{appearance:textfield;background:0 0;border:0;border-radius:0;outline:none;block-size:100%;inline-size:40px;margin:0;padding:0}.app-ui .ui-stepper-input::-webkit-inner-spin-button{appearance:none;margin:0}.app-ui .ui-stepper-input::-webkit-outer-spin-button{appearance:none;margin:0}.app-ui .ui-switch{appearance:none;border-radius:var(--radius-pill);background:var(--surface-sunken);block-size:18px;inline-size:32px;box-shadow:inset 0 0 0 1.5px var(--line-control);cursor:default;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);flex:none;margin:0;position:relative}.app-ui .ui-switch:before{content:"";background:var(--switch-knob-off);block-size:10px;inline-size:10px;transition:translate var(--dur-base) var(--ease-out), inline-size var(--dur-base) var(--ease-out), block-size var(--dur-base) var(--ease-out), inset var(--dur-base) var(--ease-out), background-color var(--dur-fast);border-radius:50%;position:absolute;inset-block-start:4px;inset-inline-start:4px}.app-ui .ui-switch:where(:hover):not(:checked,:disabled){box-shadow:inset 0 0 0 1.5px var(--text-2)}.app-ui .ui-switch:where(:hover):not(:checked,:disabled):before{background:var(--text-2)}.app-ui .ui-switch:checked{background:var(--accent-strong);box-shadow:none}.app-ui .ui-switch:checked:before{background:var(--switch-knob-on);block-size:14px;inline-size:14px;inset-block-start:2px;inset-inline-start:2px;translate:14px}.app-ui .ui-switch:checked:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{translate:-14px}.app-ui .ui-switch:checked:where(:hover:not(:disabled)){background:color-mix(in srgb, var(--accent-strong) 86%, var(--text-1))}.app-ui .ui-switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .ui-switch:disabled{opacity:.42}.app-ui .ui-switch-row{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--control-lg);font:var(--type-ui);color:var(--text-1);-webkit-user-select:none;user-select:none;display:flex}.app-ui .ui-switch-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.app-ui .ui-switch-row:has(input:disabled){color:var(--text-disabled)}.app-ui .ui-checkbox,.app-ui .ui-radio{appearance:none;background:var(--surface);block-size:16px;inline-size:16px;box-shadow:inset 0 0 0 1.5px var(--line-control);cursor:default;transition:background-color var(--dur-fast), box-shadow var(--dur-fast);flex:none;place-content:center;margin:0;display:inline-grid}.app-ui .ui-checkbox{border-radius:var(--radius-2xs)}.app-ui .ui-checkbox:before{content:"";border:solid var(--text-on-strong);block-size:5px;inline-size:9px;transition:scale var(--dur-fast) var(--ease-out);border-width:0 0 2px 2px;translate:0 -1px;rotate:-45deg;scale:0}.app-ui .ui-checkbox:is(:checked,:indeterminate,[aria-checked=mixed]){background:var(--accent-strong);box-shadow:none}.app-ui .ui-checkbox:checked:before{scale:1}.app-ui .ui-checkbox:is(:indeterminate,[aria-checked=mixed]):before{border-width:0 0 2px;block-size:0;inline-size:8px;translate:0;rotate:0deg;scale:1}.app-ui .ui-radio{border-radius:50%}.app-ui .ui-radio:checked{box-shadow:inset 0 0 0 5px var(--accent-strong)}.app-ui :is(.ui-checkbox,.ui-radio):where(:hover):not(:checked,:indeterminate,:disabled){box-shadow:inset 0 0 0 1.5px var(--text-2)}.app-ui :is(.ui-checkbox,.ui-radio):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui :is(.ui-checkbox,.ui-radio):disabled{opacity:.42}.app-ui .ui-check-row{align-items:center;gap:var(--space-2);min-block-size:var(--control-lg);font:var(--type-ui);color:var(--text-1);-webkit-user-select:none;user-select:none;display:flex}.app-ui .ui-check-row>span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.app-ui .ui-check-row:has(input:disabled){color:var(--text-disabled)}.app-ui .ui-swatch{--swatch:var(--surface);--swatch-paint:initial;--_s:20px;inline-size:var(--_s);block-size:var(--_s);border-radius:var(--radius-sm);appearance:none;cursor:default;background:var(--swatch-paint,linear-gradient(var(--swatch), var(--swatch))), repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 8px 8px;box-shadow:inset 0 0 0 1px var(--swatch-ring);border:0;flex:none;margin:0;padding:0;display:inline-block;position:relative}.app-ui .ui-swatch[data-size=sm]{--_s:16px;border-radius:var(--radius-2xs)}.app-ui .ui-swatch[data-size=lg]{--_s:28px;border-radius:var(--radius-md)}.app-ui .ui-swatch[data-mixed]{background:linear-gradient(135deg, var(--swatch) 0 50%, transparent 50%), repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 8px 8px}.app-ui .ui-swatch[data-swatch=none]{background:linear-gradient(to top right, transparent calc(50% - 1px), var(--danger-dot) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), var(--surface)}.app-ui .ui-swatch::-webkit-color-swatch-wrapper{padding:0}.app-ui .ui-swatch::-webkit-color-swatch{border:1px solid var(--swatch-ring);border-radius:inherit}.app-ui .ui-swatch::-moz-color-swatch{border:1px solid var(--swatch-ring);border-radius:inherit}.app-ui :is(button,input).ui-swatch:where(:hover):not(:disabled){box-shadow:inset 0 0 0 1px var(--swatch-ring), 0 0 0 2px var(--surface), 0 0 0 3px var(--line-3)}.app-ui :is(button,input).ui-swatch:is([aria-pressed=true],[aria-checked=true]){box-shadow:inset 0 0 0 1px var(--swatch-ring), 0 0 0 2px var(--surface), 0 0 0 4px var(--accent-line)}.app-ui .ui-swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .ui-swatch:disabled{opacity:.42}.app-ui .ui-swatch-grid{gap:var(--space-1-5);grid-template-columns:repeat(auto-fill,24px);display:grid}.app-ui .ui-swatch-grid>.ui-swatch{--_s:24px}.app-ui .paint-palette{border-block-start:1px solid var(--line-1);margin-block-start:var(--space-3);padding-block-start:var(--space-3)}.app-ui .paint-palette-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-2);display:flex}.app-ui .paint-palette-title{font:var(--type-small-strong);color:var(--text-2)}.app-ui .paint-palette-views{gap:var(--space-0-5);border-radius:var(--radius-md);background:var(--surface-sunken);padding:2px;display:inline-flex}.app-ui .paint-palette-views>button{block-size:22px;min-inline-size:0;padding:0 var(--space-2-5);border-radius:var(--radius-sm);color:var(--text-2);font:var(--type-small);background:0 0;border:0}.app-ui .paint-palette-views>button:hover{background:var(--surface-hover);color:var(--text-1)}.app-ui .paint-palette-views>button[aria-pressed=true]{background:var(--surface-raised);color:var(--text-1);box-shadow:0 0 0 1px var(--line-2)}.app-ui .paint-palette-add{border-radius:var(--radius-md);block-size:26px;inline-size:26px;min-inline-size:0;color:var(--text-2);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.app-ui .paint-palette-add:where(:hover):not(:disabled){background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui .paint-palette-add:disabled{opacity:.35}.app-ui .paint-palette-grid{gap:var(--space-1);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.app-ui .paint-palette-grid>.ui-swatch{aspect-ratio:1;cursor:pointer;block-size:auto;inline-size:auto;min-inline-size:0}.app-ui .paint-palette-grid>.ui-swatch:where([draggable=true]){cursor:grab}.app-ui .paint-palette-empty{padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-3);font:var(--type-small);margin:0}.app-ui .paint-palette-views>.paint-palette-mine{align-items:center;gap:var(--space-1);max-inline-size:110px;display:inline-flex}.app-ui .paint-palette-mine>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-ui .paint-palette-mine>svg{color:var(--text-3);flex:none}.app-ui .paint-palette-menu{gap:var(--space-0-5);display:grid}.app-ui .paint-palette-menu>hr{margin:var(--space-1) 0;border:0;border-block-start:1px solid var(--line-1)}.app-ui .paint-palette-menu>.paint-palette-item{align-items:center;gap:var(--space-2);block-size:30px;inline-size:100%;min-inline-size:0;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-1);font:var(--type-small);text-align:start;background:0 0;border:0;display:flex}.app-ui .paint-palette-menu>.paint-palette-item:where(:hover,:focus-visible){background:var(--surface-hover)}.app-ui .paint-palette-item[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui .paint-palette-item>.paint-palette-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.app-ui .paint-palette-item>small{color:var(--text-3);font:var(--type-small)}.app-ui .paint-palette-chips{flex:none;inline-size:50px;display:inline-flex}.app-ui .paint-palette-chips>i{background:var(--swatch);block-size:16px;inline-size:10px;box-shadow:inset 0 0 0 1px var(--swatch-ring)}.app-ui .paint-palette-chips>i:first-child{border-start-start-radius:var(--radius-2xs);border-end-start-radius:var(--radius-2xs)}.app-ui .paint-palette-chips>i:last-child{border-start-end-radius:var(--radius-2xs);border-end-end-radius:var(--radius-2xs)}.app-ui .paint-palette-form{gap:var(--space-2);padding:var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);font:var(--type-small);display:grid}.app-ui .paint-palette-form>p{color:var(--text-1);margin:0}.app-ui .paint-palette-form>label{gap:var(--space-1-5);color:var(--text-2);display:grid}.app-ui .paint-palette-form input{background:var(--surface-field);block-size:28px;inline-size:100%;color:var(--text-1)}.app-ui .paint-palette-form-actions{justify-content:flex-end;gap:var(--space-1-5);display:flex}.app-ui .paint-palette-form-actions>button{block-size:26px;padding:0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-1);font:var(--type-small);box-shadow:0 0 0 1px var(--line-2)}.app-ui .paint-palette-form-actions>.is-primary{background:var(--accent-strong);color:var(--text-on-strong);box-shadow:none}.app-ui .paint-palette-form-actions>.is-danger{background:var(--danger-strong);color:var(--text-on-strong);box-shadow:none}.app-ui .ui-form-row{gap:var(--space-1-5);min-inline-size:0;display:grid}.app-ui .ui-form-label{font:var(--type-small-strong);color:var(--text-2)}.app-ui .ui-form-error{align-items:center;gap:var(--space-1-5);font:var(--type-small);color:var(--danger-text);display:flex}.app-ui .ui-form-error>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.app-ui .ui-field-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;display:grid;container:fieldgrid/inline-size}.app-ui .ui-field-grid[hidden]{display:none}.app-ui .ui-field-grid>.ui-span-2{grid-column:1/-1}.app-ui .ui-field-grid[data-ratio="3:2"]{grid-template-columns:minmax(0,3fr) minmax(min-content,2fr)}.app-ui .ui-field-grid>.ui-field{--_gap:var(--space-1);padding-inline:var(--space-1-5) var(--space-1)}.app-ui :where(.ui-field-grid)>.ui-field[data-steps]{--_gap:0;padding-inline:var(--space-0-5)}@container fieldgrid (width<200px){.app-ui .ui-field-grid>*{grid-column:1/-1}}@container fieldgrid (width<240px){.app-ui .ui-field-grid[data-stack-narrow]>*{grid-column:1/-1}}.app-ui .ui-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:var(--control-lg);font:var(--type-ui);color:var(--text-1);display:flex}.app-ui .ui-row-label{font:var(--type-small);color:var(--text-2);white-space:nowrap;flex:none}.app-ui .ui-row>:where(.ui-select){flex:auto;max-inline-size:62%}.app-ui .ui-row-value{text-overflow:ellipsis;white-space:nowrap;text-align:end;min-inline-size:0;font:var(--type-value);font-variant-numeric:tabular-nums;color:var(--text-1);overflow:hidden}.app-ui .ui-action-row{align-items:center;gap:var(--space-1);flex-wrap:wrap;min-inline-size:0;display:flex}.app-ui .ui-action-row[data-fill]>*{flex:1 1 0;min-inline-size:0}.app-ui .ui-section{min-inline-size:0;padding-block:var(--space-4)}.app-ui .ui-section+.ui-section,.app-ui .inspector-bare+.ui-section{box-shadow:inset 0 1px 0 var(--line-1)}.app-ui .ui-section-head{align-items:center;gap:var(--space-2);min-block-size:var(--control-sm);margin-block-end:var(--space-3);display:flex}.app-ui .ui-section-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-section);letter-spacing:-.005em;color:var(--text-1);flex:1;margin:0;overflow:hidden}.app-ui .ui-section-badge{--_soft:var(--tint-select-soft);--_ink:var(--tint-select-ink);border-radius:var(--radius-xs);background:var(--_soft);block-size:22px;inline-size:22px;color:var(--_ink);flex:none;place-items:center;display:inline-grid}.app-ui .ui-section-badge>svg{stroke-width:2px;block-size:14px;inline-size:14px}.app-ui .ui-section-badge[data-tint=time]{--_soft:var(--tint-time-soft);--_ink:var(--tint-time-ink)}.app-ui .ui-section-badge[data-tint=library]{--_soft:var(--tint-library-soft);--_ink:var(--tint-library-ink)}.app-ui .ui-section-badge[data-tint=draw]{--_soft:var(--tint-draw-soft);--_ink:var(--tint-draw-ink)}.app-ui .ui-section-badge[data-tint=fx]{--_soft:var(--tint-fx-soft);--_ink:var(--tint-fx-ink)}.app-ui .ui-section-badge[data-tint=camera]{--_soft:var(--tint-camera-soft);--_ink:var(--tint-camera-ink)}.app-ui .ui-section-body{gap:var(--space-2);min-inline-size:0;display:grid}.app-ui .ui-section-body[hidden]{display:none}.app-ui .ui-section-action{margin-block:calc(-1 * var(--space-1))}.app-ui .ui-section-actions{gap:var(--space-0-5);margin-block:calc(-1 * var(--space-1));flex:none;display:flex}.app-ui .ui-section[data-collapsible]{padding-block:var(--space-1-5)}.app-ui .ui-section:where([data-collapsible])[data-open]{padding-block-end:var(--space-4)}.app-ui .ui-section:where([data-collapsible])>.ui-section-head{margin-block-end:0}.app-ui .ui-section:where([data-collapsible][data-open])>.ui-section-head{margin-block-end:var(--space-2)}.app-ui .ui-section-toggle{align-items:center;gap:var(--space-2);min-inline-size:0;block-size:var(--control-lg);margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-1);font:inherit;text-align:start;cursor:default;transition:background-color var(--dur-fast) var(--ease-out);background:0 0;border:0;flex:1;display:flex}.app-ui .ui-section-toggle>.ui-section-title{color:inherit}.app-ui .ui-section-toggle:hover{background:var(--surface-hover)}.app-ui .ui-section-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .ui-section-chev{inline-size:var(--icon-md);block-size:var(--icon-md);stroke-width:2px;color:var(--text-3);transition:rotate var(--dur-base) var(--ease-out);flex:none;order:9}.app-ui .ui-section-chev:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){scale:-1 1}.app-ui .ui-section-toggle:where([aria-expanded=true]) .ui-section-chev{rotate:90deg}.app-ui .ui-section-head:where([data-switch]){grid-template-columns:max-content auto minmax(0,1fr);display:grid}.app-ui .ui-section-head:where([data-switch])>.ui-section-toggle{grid-area:1/1/auto/-1}.app-ui .ui-section-sizer{visibility:hidden;pointer-events:none;gap:var(--space-2);white-space:nowrap;font:var(--type-section);grid-area:1/1;padding-inline-start:calc(22px + var(--space-2));display:inline-flex}.app-ui .ui-section-switch{z-index:1;block-size:var(--control-lg);padding-inline:var(--space-2) var(--space-1);grid-area:1/2;place-items:center;display:inline-grid}.app-ui .ui-section-head:where([data-switch])>:is(.ui-section-action,.ui-section-actions){z-index:1;grid-area:1/3;justify-self:end;margin-inline-end:calc(var(--icon-md) + var(--space-2))}.app-ui .ui-list-row{--_h:32px;--level:0;align-items:center;gap:var(--space-2);block-size:var(--_h);min-inline-size:0;padding:0 var(--space-1) 0 calc(var(--space-2-5) + var(--level) * var(--space-3-5));border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);-webkit-user-select:none;user-select:none;display:flex;position:relative}.app-ui .ui-list-row:hover{background:var(--surface-hover)}.app-ui .ui-list-row:is([aria-selected=true],[aria-current=true]){background:var(--surface-selected)}.app-ui .ui-list-row:where([aria-selected=true],[aria-current=true]) .ui-list-row-label{font-weight:var(--weight-semibold)}.app-ui .ui-list-row:where([aria-selected=true],[aria-current=true]) .ui-list-row-lead{color:var(--accent-text)}.app-ui .ui-list-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .ui-list-row-lead{color:var(--text-3);flex:none;place-items:center;display:inline-grid}.app-ui .ui-list-row-lead>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:2px}.app-ui .ui-list-row-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}.app-ui .ui-list-row-meta{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.app-ui .ui-list-row:where([data-hidden=true]) .ui-list-row-label{color:var(--text-3)}.app-ui .ui-list-row-actions{flex:none;align-items:center;gap:0;margin-inline-start:auto;display:flex}.app-ui .ui-list-row-actions>.ui-icon-button{color:var(--text-3)}.app-ui .ui-list-row-actions>.ui-icon-button:where(:hover),.app-ui .ui-list-row-actions>[data-on=true]{color:var(--text-1)}.app-ui .ui-list-row-actions>.ui-swatch{--_s:16px;margin-inline:var(--space-1)}.app-ui .ui-list-row-actions>[data-reveal]{opacity:0;transition:opacity var(--dur-fast)}.app-ui .ui-list-row:where(:hover,:focus-within) .ui-list-row-actions>:where([data-reveal]){opacity:1}.app-ui .ui-list-row[data-drop=before]:after,.app-ui .ui-list-row[data-drop=after]:after{content:"";background:var(--accent-line);border-radius:1px;block-size:2px;position:absolute;inset-inline:6px}.app-ui .ui-list-row[data-drop=before]:after{inset-block-start:-1px}.app-ui .ui-list-row[data-drop=after]:after{inset-block-end:-1px}.app-ui .ui-list-row[data-drop=inside]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui .ui-group-label{min-block-size:28px;padding:var(--space-1-5) var(--space-2-5) var(--space-0-5);font:var(--type-small-strong);color:var(--text-3);align-items:center;display:flex}.app-ui .shell-top .app-menubar{margin-inline-end:var(--space-1)}.app-ui .shell-top .band-export,.app-ui .shell-top .band-done{--_h:var(--control-lg);--_px:16px}.app-ui .shell-top .band-cancel,.app-ui .shell-top .band-testrig{--_h:var(--control-lg)}.app-ui .shell-top :where(.band-export,.band-done,.band-testrig)>svg{--icon-size:15px}.app-ui .shell-top .band-save{margin-inline-end:var(--space-0-5)}.app-ui .shell-top .workspace-switch{--_h:var(--control-lg);background:var(--surface-well);padding:3px}.app-ui .workspace-switch .ui-segmented-item{gap:var(--space-2);padding:0 16px 0 var(--space-3);color:var(--text-2)}.app-ui .workspace-switch .ui-segmented-item[data-workspace-mode=animate]{--_mode:var(--mode-animate);--_mode-soft:var(--tint-select-soft)}.app-ui .workspace-switch .ui-segmented-item[data-workspace-mode=draw]{--_mode:var(--mode-draw);--_mode-soft:var(--tint-draw-soft)}.app-ui .workspace-switch .ui-segmented-item[data-workspace-mode=rig]{--_mode:var(--mode-build);--_mode-soft:var(--tint-library-soft)}.app-ui .workspace-switch .ui-dot{--_s:7px;background:var(--_mode);opacity:.5}.app-ui .workspace-switch .ui-segmented-item[aria-pressed=true]{background:var(--surface);color:var(--text-1);box-shadow:var(--shadow-thumb)}.app-ui .workspace-switch :where([aria-pressed=true])>.ui-dot{opacity:1;box-shadow:0 0 0 3px var(--_mode-soft)}.app-ui .shell-top[data-band~=state] :where(#save-state),.app-ui .shell-top[data-band~=savelabel] :where(.band-save>.band-label),.app-ui .shell-top[data-band~=testrig] :where(.band-testrig>.band-label),.app-ui .shell-top[data-session][data-band~=export2] :where(.band-export>.band-label),.app-ui .shell-top[data-band~=icons] :where(.workspace-switch .band-label),.app-ui .shell-top[data-band~=dot] :where(#project-name),.app-ui .shell-top:not([data-session])[data-band~=primary] :where(.band-export>.band-label),.app-ui .shell-top[data-band~=primary] :where(.band-done>.band-label){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.app-ui .shell-top[data-band~=tight] .app-menubar{margin-inline-end:0}.app-ui .shell-top[data-band~=tight] .ui-menubar-item{padding-inline:5px}.app-ui .shell-top[data-band~=savelabel] .band-save,.app-ui .shell-top[data-band~=testrig] .band-testrig,.app-ui .shell-top[data-session][data-band~=export2] :where(.band-export),.app-ui .shell-top:not([data-session])[data-band~=primary] :where(.band-export),.app-ui .shell-top[data-band~=primary] .band-done{--_px:0px;inline-size:var(--control-lg)}.app-ui .shell-top[data-band~=save] .band-save{display:none}.app-ui .shell-top[data-band~=switchtight] .ui-segmented-item{padding-inline:var(--space-2-5);gap:0}.app-ui .shell-top[data-band~=switchtight] :where(.workspace-switch) .ui-dot{display:none}.app-ui .shell-top[data-band~=icons] .ui-segmented-item{padding-inline:var(--space-1-5)}.app-ui .shell-top[data-band~=icons] .ui-menubar-item{padding-inline:var(--space-1)}.app-ui .shell-top[data-band~=icons] .shell-mark{padding-inline:var(--space-1) var(--space-0-5)}.app-ui .shell-top[data-band~=icons] :where(.workspace-switch) .band-ws-icon{display:inline-flex}.app-ui .shell-top[data-band~=icons] :where(.workspace-switch [aria-pressed=true]) .band-ws-icon{color:var(--accent-text)}.app-ui .shell-top[data-band~=dot] .ui-doc{min-inline-size:var(--control-md);padding-inline:var(--space-2);justify-content:center}.app-ui .shell-top[data-band~=redo] .band-redo,.app-ui .shell-top[data-session][data-band~=export2out] :where(.band-export),.app-ui .shell-top[data-band~=menus] .app-menubar{display:none}.app-ui :where(#properties-panel)>.inspector-header{align-items:center;gap:var(--space-2);block-size:auto;min-block-size:calc(var(--control-lg) + var(--space-3));padding:var(--space-3) calc(var(--island-pad) - var(--space-1-5)) 0 var(--island-pad);background:0 0;border:0;margin:0;display:flex}.app-ui .ui-target-line{align-items:center;gap:var(--space-1-5);flex:auto;min-inline-size:0;display:flex}.app-ui .ui-target-kind{color:var(--text-3);flex:none;display:inline-grid}.app-ui .ui-target-kind>.ui-icon{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .ui-target-name{min-inline-size:0;font:var(--type-heading);letter-spacing:var(--tracking-heading);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;overflow:hidden}.app-ui .ui-target-text{border-radius:var(--radius-2xs)}.app-ui .ui-target-text:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .ui-target-input{min-inline-size:0;block-size:var(--control-lg);margin:0 0 0 calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--surface);color:var(--text-1);font:var(--type-heading);letter-spacing:var(--tracking-heading);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);border:0;outline:none;flex:auto}.app-ui :where(#properties-panel)>.inspector-header>.ui-icon-button{color:var(--text-2);flex:none}.app-ui :where(#properties-panel)>.inspector-head{padding:0 var(--island-pad) var(--space-1);flex:none}.app-ui :where(#properties-panel)>.inspector-head[hidden]{display:none}.app-ui :where(#inspector){padding:0 var(--island-pad) var(--island-pad);scrollbar-gutter:stable}.app-ui :where(#inspector)>:nth-child(1 of .ui-section:not([hidden])){padding-block-start:var(--space-2)}.app-ui .inspector-bare{margin-inline:calc(-1 * var(--island-pad))}.app-ui .inspector-bare[hidden]{display:none}.app-ui .ui-section-body>:is(.inspector-section,.spatial-rig){border:0;padding:0}.app-ui .ui-section-body>.inspector-section>:where(.inspector-title:first-child){display:none}.app-ui .ui-section-action.ui-button{--_px:var(--space-2);color:var(--text-2);font:var(--type-small-strong)}.app-ui .ui-section-action.ui-button:where(:hover):not(:disabled){color:var(--text-1)}.app-ui .ui-field-grid>.ui-action-row{min-inline-size:0}.app-ui .ui-field-grid>.ui-action-row>.ui-button{flex:auto;justify-content:center}.app-ui :where(#properties-panel)>.properties-library-save{padding:var(--space-1-5) calc(var(--island-pad) - var(--space-1)) var(--space-2);box-shadow:inset 0 1px 0 var(--line-1);border:0;flex:none;margin:0}.app-ui :where(#properties-panel)>.properties-library-save>.button{inline-size:auto;min-block-size:var(--control-md);justify-content:flex-start;gap:var(--space-1-5);padding:0 var(--space-2);color:var(--text-2);font:var(--type-small-strong);background:0 0;border:0}.app-ui :where(#properties-panel)>.properties-library-save>.button:hover{background:var(--surface-hover);color:var(--text-1)}.app-ui :where(#inspector)[data-more-below]{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.app-ui :where(#inspector) .ui-segmented-item:has(>.ui-segmented-input){position:relative}.app-ui :where(#inspector) .ui-segmented-input{opacity:0;appearance:none;cursor:default;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.app-ui :where(#inspector) .ui-segmented-item:has(>.ui-segmented-input:checked){background:var(--control-thumb);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-control), var(--elevation-1)}.app-ui :where(#inspector) .ui-segmented-item:has(>.ui-segmented-input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:0}.app-ui :where(#inspector) .ui-segmented-item:has(>.ui-segmented-input:disabled){opacity:.42}.app-ui .inspector-meta{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;margin:0}.app-ui .inspector-group{gap:var(--space-2);min-inline-size:0;display:grid}.app-ui .inspector-group[hidden]{display:none}.app-ui .inspector-preview{gap:var(--space-1-5);min-inline-size:0;display:grid}.app-ui .inspector-preview-media{border-radius:var(--radius-md);background:var(--surface-sunken);min-block-size:48px;inline-size:100%;display:block;overflow:hidden}.app-ui .inspector-preview-caption{justify-content:space-between;gap:var(--space-2);min-inline-size:0;font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;display:flex}.app-ui .inspector-preview-caption>span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.app-ui .inspector-pager{justify-content:space-between;align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.app-ui .inspector-pager-text{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums}.app-ui .inspector-foot{align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-2) var(--space-2);box-shadow:inset 0 1px 0 var(--line-1);flex:none;display:flex}.app-ui .inspector-foot>.ui-button{color:var(--text-2);justify-content:flex-start}.app-ui .timeline-panel{--timeline-kit:1}.app-ui .timeline-toolbar.tl-head{align-items:center;column-gap:var(--space-3);padding-inline:var(--space-2);white-space:nowrap;border-block-end:1px solid var(--line-1);background:var(--surface);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);display:grid;overflow:clip}.app-ui .tl-head>.tl-start,.app-ui .tl-head>.tl-transport,.app-ui .tl-head>.tl-end{align-items:center;display:flex}.app-ui .tl-head>.tl-start{gap:var(--space-2);grid-column:1}.app-ui .tl-head>.tl-transport{grid-column:2}.app-ui .tl-head>.tl-end{justify-self:end;gap:var(--space-1);grid-column:3}.app-ui .tl-mode{border:0}.app-ui .tl-mode>.ui-segmented-item{block-size:auto}.app-ui .tl-frame-wrap,.app-ui .tl-frame-tools{align-items:center;gap:var(--space-1);display:flex}.app-ui .tl-add{inline-size:auto}.app-ui .tl-add>.ui-label{display:inline}.app-ui .sheet-header-tools.audio-selection>.tl-frame-tools{display:none}.app-ui .tl-add,.app-ui .tl-together{--_px:var(--space-2-5)}.app-ui .tl-cel>.ui-button{--_px:var(--space-2);border-start-end-radius:0;border-end-end-radius:0}.app-ui .tl-together>.ui-label{display:inline}.app-ui .tl-together>.range-edit-count{font:var(--type-small-strong);font-variant-numeric:tabular-nums;color:var(--text-3)}.app-ui .tl-together[aria-pressed=true]>.range-edit-count{color:inherit}.app-ui .tl-together:disabled{display:none}.app-ui .tl-controls{align-items:center;gap:var(--space-0-5);margin:0;display:flex}.app-ui .tl-controls>.divider{display:none}.app-ui .tl-controls>.tl-play{--_s:var(--control-lg);margin-inline:var(--space-0-5)}.app-ui .tl-controls>.tl-loop{margin-inline-start:var(--space-1)}.app-ui .tl-playback-range{--_px:var(--space-1);gap:var(--space-1);font-variant-numeric:tabular-nums}.app-ui .tl-playback-range[data-active]{color:var(--accent-text);background:var(--accent-soft)}.app-ui .tl-playback-range-label:empty{display:none}.app-ui .tl-readout{block-size:var(--control-md);padding:0 var(--space-1-5);border-radius:var(--radius-md);color:var(--text-1);font:var(--type-ui-strong);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;align-items:center;margin-inline-start:var(--space-1);display:inline-flex}.app-ui .tl-readout:where(:hover,[aria-expanded=true]){background:var(--surface-hover)}.app-ui .tl-readout:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .tl-readout>span{min-inline-size:0;font:inherit;color:inherit;margin:0}.app-ui .tl-controls>.tl-fps{align-items:center;gap:var(--space-0-5);font:var(--type-small);color:var(--text-3);padding-inline-end:var(--space-1-5);display:inline-flex}.app-ui .tl-fps>input{inline-size:3.2ch;block-size:var(--control-sm);padding:0 var(--space-0-5);border-radius:var(--radius-sm);font:var(--type-small);color:var(--text-3);text-align:end;font-variant-numeric:tabular-nums;background:0 0;border:0}.app-ui .tl-fps>input:where(:hover,:focus){background:var(--surface-sunken);color:var(--text-1)}.app-ui .tl-fps>input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.app-ui .tl-onion{border:0;gap:0;margin:0;padding:0}.app-ui .tl-autokey{gap:var(--space-1)}.app-ui .tl-autokey-dot{opacity:.7;border:1.5px solid;border-radius:50%;block-size:8px;inline-size:8px}.app-ui .tl-autokey:where([aria-pressed=true]){color:var(--danger-text)}.app-ui .tl-autokey:where([aria-pressed=true]) .tl-autokey-dot{border-color:var(--danger-dot);background:var(--danger-dot);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--danger-dot) 22%, transparent)}.app-ui .timeline-panel:where(.simple-mode) .tl-autokey{display:none}.app-ui .timeline-panel:where(.auto-keying) .layer-timeline{--sheet-playhead:var(--danger-dot);--sheet-playhead-tab:var(--danger-dot)}.app-ui .tl-audio:where([data-has-audio=true]):after{background:var(--success-dot);block-size:6px;inline-size:6px;box-shadow:0 0 0 1.5px var(--surface);border:0;inset:5px 5px auto auto}.app-ui .tl-head:where([data-fold~=zoom]) .tl-ruler-tools>.tl-zoom{display:none}.app-ui .tl-head:where([data-fold~=together]) .tl-together>:is(.ui-label,.range-edit-count),.app-ui .tl-head:where([data-fold~=cel]) .tl-cel-main>.ui-label,.app-ui .tl-head:where([data-fold~=add]) .tl-add>.ui-label,.app-ui .tl-head:where([data-fold~=autokey]) .tl-autokey>.ui-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.app-ui .tl-head:where([data-fold~=together]) .tl-together,.app-ui .tl-head:where([data-fold~=add]) .tl-add,.app-ui .tl-head:where([data-fold~=autokey]) .tl-autokey{--_px:0;inline-size:var(--control-md)}.app-ui .tl-head:where([data-fold~=celmenu]) .tl-cel,.app-ui .tl-head:where([data-fold~=autokeymenu]) .tl-autokey,.app-ui .tl-head:where([data-fold~=playbackrangemenu]) .tl-playback-range,.app-ui .tl-head:where([data-fold~=modemenu]) .tl-mode{display:none}.app-ui .shell-timeline-body:where(:not(:popover-open)){position:relative}.app-ui .tl-end>.tl-ruler-tools{align-items:center;gap:var(--space-0-5);box-shadow:inset -1px 0 0 var(--line-1);margin-inline-end:var(--space-1);padding-inline-end:var(--space-2);display:flex}.app-ui .tl-ruler-tools>.tl-zoom{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.app-ui .tl-zoom>.tl-zoom-glyph{color:var(--text-3);display:inline-grid}.app-ui .tl-zoom-glyph>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .tl-zoom>.ui-slider{inline-size:88px;min-inline-size:0}.app-ui :where(.shell-bottom[data-state=strip]) .tl-ruler-tools>.tl-tall{display:none}.app-ui .layer-timeline .sheet-label-head{gap:var(--space-1);padding-inline:var(--island-pad) var(--space-1)}.app-ui .sheet-label-head>.sheet-label-title{min-inline-size:0;font:var(--type-eyebrow);color:var(--text-3);flex:1}.app-ui .sheet-label-head>.sheet-focus{--_px:var(--space-2);flex:none}.app-ui .sheet-label-head:has(:where(.sheet-focus:not([hidden])))>.sheet-label-title{display:none}.app-ui .sheet-label-head>.sheet-focus[aria-pressed=true]{--_bg:var(--accent-soft);--_bg-hover:var(--accent-soft-hover);color:var(--accent-text-strong)}.app-ui .sheet-label-head>.sheet-new-layer>.ui-split-more{block-size:var(--control-sm)}.app-ui .sheet-label-head{container:layer-heading/inline-size}.app-ui .sheet-label-head:has(:where(.sheet-search:not([hidden])))>.sheet-layer-filter{display:none}.app-ui .sheet-label-head>.sheet-layer-filter{margin-inline-start:var(--space-1)}.app-ui :is(.sheet-layer-filter,.tl-layers-filter):where([data-active=true]){background:var(--accent-soft);color:var(--accent-text-strong)}@container layer-heading (width<=240px){.app-ui .sheet-label-head>.sheet-focus{--_px:0;inline-size:var(--control-sm)}.app-ui .sheet-focus>.ui-label{display:none}}@container layer-heading (width<=176px){.app-ui .sheet-label-head>:is(.sheet-find-layer,.sheet-label-title){display:none}.app-ui .sheet-label-head .ui-icon-button{--_s:var(--control-xs)}.app-ui .sheet-label-head>.sheet-focus{--_h:var(--control-xs);min-inline-size:0;inline-size:var(--control-xs)}.app-ui .sheet-new-layer>.ui-split-more{display:none}}.app-ui .tl-goto{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;inline-size:220px;display:grid}.app-ui .tl-goto>.tl-goto-meta{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;grid-column:1/-1}.app-ui .tl-playback-range-form{gap:var(--space-2);inline-size:min(300px,100vw - 48px);display:grid}.app-ui .tl-playback-range-fields{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.app-ui .tl-playback-range-help{color:var(--text-3);font:var(--type-small);white-space:normal;margin:0}.app-ui .tl-playback-range-meta{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--control-sm);display:flex}.app-ui .tl-playback-range-meta>.ui-button{flex:none;margin-inline-end:calc(-1 * var(--space-1))}.app-ui .tl-playback-range-actions{justify-content:space-between;align-items:center;gap:var(--space-2);inline-size:100%;display:flex}.app-ui .ui-frame-card{align-content:start;justify-items:center;row-gap:var(--space-1);box-sizing:border-box;padding:var(--space-2) var(--space-1-5) 0;box-shadow:none;color:var(--text-3);background:0 0;border:0;grid-template-rows:auto auto auto;display:grid}.app-ui .ui-frame-thumb{aspect-ratio:5/3;border-radius:var(--radius-md);background:var(--artboard-placeholder);cursor:default;border:0;outline:none;block-size:auto;inline-size:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.app-ui .ui-frame-thumb>canvas{object-fit:contain;block-size:100%;inline-size:100%;display:block}.app-ui .ui-frame-thumb:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow var(--dur-fast) var(--ease-out);position:absolute;inset:0}.app-ui .ui-frame-card:where(:hover) .ui-frame-thumb:after{box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .ui-frame-card:where([data-selected=true],[data-current=true]) .ui-frame-thumb:after{box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui .ui-frame-thumb:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:2px}.app-ui .ui-frame-num{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font:var(--type-micro);font-variant-numeric:tabular-nums;color:var(--text-3);position:relative;overflow:hidden}.app-ui .ui-frame-card:where([data-current=true]) .ui-frame-num{color:var(--accent-text)}.app-ui .ui-frame-count{color:var(--text-3);font-weight:var(--weight-medium);display:none}.app-ui .ui-frame-card:where([data-current=true],:hover,[data-dragging]) .ui-frame-count{display:inline}.app-ui .ui-frame-num[data-edited]:before{content:"";block-size:6px;inline-size:6px;background:var(--accent-line);vertical-align:1px;border-radius:50%;margin-inline-end:var(--space-1);display:inline-block}.app-ui .ui-frame-hold{block-size:25px;margin:calc(-1 * var(--space-1)) var(--space-1) 0;cursor:ew-resize;touch-action:none;justify-self:stretch;display:block;position:relative}.app-ui .ui-frame-hold:before{content:"";block-size:3px;inline-size:clamp(6px, var(--hold-w,0%), 100%);background:var(--hold);border-radius:1.5px;position:absolute;inset-block-start:11px;inset-inline-start:0}.app-ui .ui-frame-card:where([data-current=true]) .ui-frame-hold:before{background:var(--accent-line)}.app-ui .ui-frame-hold:after{content:"";block-size:9px;background:var(--accent-line);opacity:0;inline-size:3px;transition:opacity var(--dur-fast) var(--ease-out);border-radius:1.5px;position:absolute;inset-block-start:8px;inset-inline-start:calc(clamp(6px, var(--hold-w,0%), 100%) - 1.5px)}.app-ui .ui-frame-card:where(:hover,[data-current=true],[data-dragging]) .ui-frame-hold:after,.app-ui .ui-frame-hold:focus-within:after{opacity:1}.app-ui .ui-frame-hold-input{appearance:none;opacity:0;pointer-events:none;background:0 0;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0}.app-ui .ui-frame-hold:has(:focus-visible){outline:var(--focus-width) solid var(--focus-ring);outline-offset:-6px;border-radius:var(--radius-xs)}.app-ui .ui-frame-hold:has(:disabled){cursor:default}.app-ui .ui-frame-hold:has(:disabled):before{opacity:.5}.app-ui .sheet-filmstrip{background:var(--surface);color:var(--text-1);font:var(--type-ui)}.app-ui .sheet-filmstrip>.sheet-framebar{box-sizing:border-box;place-content:start stretch;row-gap:var(--space-2);inline-size:372px;padding:var(--space-2-5) var(--space-3) var(--space-2) var(--island-pad);border:0;border-inline-end:1px solid var(--line-1);background:var(--surface);flex:none;grid-auto-rows:max-content;display:grid;overflow:hidden auto}.app-ui .sheet-framebar>.sheet-framebar-title{align-items:baseline;gap:var(--space-2);white-space:nowrap;min-inline-size:0;font:var(--type-ui);color:var(--text-1);margin:0;display:flex}.app-ui .sheet-framebar-title>strong{font:var(--type-ui-strong)}.app-ui .sheet-framebar-title>.sheet-framebar-meta{font:var(--type-small);color:var(--text-3);cursor:default}.app-ui .sheet-framebar-title>.sheet-framebar-total{margin-inline-start:auto}.app-ui .sheet-framebar>.sheet-framebar-grid{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.app-ui .sheet-framebar-grid>.sheet-framebar-row{min-block-size:var(--control-md);gap:var(--space-2);min-inline-size:0}.app-ui .sheet-framebar-row>.ui-row-label{color:var(--text-3)}.app-ui .sheet-framebar-row>.ui-stepper{block-size:var(--control-md)}.app-ui .sheet-framebar-stepper>.ui-stepper-input{inline-size:36px;min-inline-size:36px}.app-ui .sheet-framebar-grid>.ui-field{inline-size:100%}.app-ui .sheet-framebar-grid>.sheet-framebar-actions{justify-content:flex-start;align-items:center;gap:var(--space-1);margin:0 0 0 calc(-1 * var(--space-1));display:flex}.app-ui .sheet-framebar-actions>.ui-button{--_px:var(--space-2);color:var(--text-2)}.app-ui .sheet-framebar-actions>.ui-icon-button{--_s:var(--control-md)}.app-ui .sheet-framebar>.sheet-framebar-layer{--_px:var(--space-2);justify-content:flex-start;justify-self:start;gap:var(--space-1-5);max-inline-size:calc(100% + var(--space-2));margin-inline-start:calc(-1 * var(--space-2))}.app-ui .sheet-framebar-layer>.ui-dot{margin-inline-start:var(--space-0-5)}.app-ui .sheet-framebar-layer>.sheet-framebar-layer-name{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.app-ui .sheet-framebar-layer>.sheet-framebar-chev{block-size:12px;inline-size:12px;color:var(--text-3)}.app-ui .sheet-filmstrip>.sheet-filmstrip-scroll{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;background:var(--surface)}.app-ui .sheet-filmstrip-spacer>.sheet-filmstrip-card{inline-size:var(--filmstrip-card);gap:0;row-gap:var(--space-1);inset-block:0 auto}.app-ui .sheet-filmstrip-card>.sheet-frame-number{font-size:inherit}.app-ui .sheet-filmstrip-spacer>.sheet-filmstrip-playhead{inset-block:calc(var(--space-2) + (var(--filmstrip-card) - 2 * var(--space-1-5)) * .6 + 25px) auto;background:var(--accent-line);z-index:2;pointer-events:none;border-radius:1px;block-size:13px;inline-size:2px;margin-inline-start:-1px}.app-ui .styk-easing-popover{inline-size:256px;padding:var(--space-1-5);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0}.app-ui .styk-easing-header{padding:var(--space-0-5) 0 var(--space-1) var(--space-2-5);font:var(--type-eyebrow);color:var(--text-3)}.app-ui .styk-easing-header>button{inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-sm);color:var(--text-2);place-items:center;padding:0;display:inline-grid}.app-ui .styk-easing-header>button>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .styk-easing-header>button:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .styk-easing-options{gap:0}.app-ui .styk-easing-options>button{block-size:var(--control-md);padding:0 var(--space-2-5);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);background:0 0}.app-ui .styk-easing-options>button:where(:hover,:focus-visible){background:var(--surface-hover)}.app-ui .styk-easing-options>button:where([aria-checked=true]){color:var(--text-1);font-weight:var(--weight-semibold);background:0 0}.app-ui .styk-easing-options>button:where([aria-checked=true]):after{color:var(--accent)}.app-ui .styk-easing-options>button:where([aria-checked=true]):where(:hover,:focus-visible){background:var(--surface-hover)}.app-ui .styk-easing-curve{border-radius:var(--radius-md);background:var(--surface-sunken);border:0;margin-block-start:var(--space-2)}.app-ui .styk-easing-points{gap:var(--space-1);margin-block:var(--space-2)}.app-ui .styk-easing-points label{font:var(--type-micro);color:var(--text-3)}.app-ui .styk-easing-points input{block-size:var(--control-sm);padding:0 var(--space-1-5);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-1);font:var(--type-small);font-variant-numeric:tabular-nums;border:0;margin-block-start:var(--space-1)}.app-ui .styk-easing-points input:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .styk-easing-apply{block-size:var(--control-md);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:var(--type-button);box-shadow:var(--primary-shadow)}.app-ui .styk-easing-apply:where(:hover:not(:disabled)){background:var(--primary-hover)}.app-ui .styk-easing-error{font:var(--type-small);color:var(--danger-text)}.app-ui .tl-layers-popover .ui-popover-body{padding-block:var(--space-1)}.app-ui .tl-layers-list{gap:var(--space-0-5);min-inline-size:240px;display:grid}.app-ui .tl-layers-row{padding-inline-start:var(--space-1)}.app-ui .tl-layers-row>.tl-layers-pick{justify-content:flex-start;align-items:center;gap:var(--space-2);block-size:100%;min-inline-size:0;padding:0 var(--space-1-5);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:start;background:0 0;border:0;flex:auto;display:flex}.app-ui .tl-layers-pick:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .tl-layers-pick[aria-pressed=true]>.ui-list-row-label{font-weight:var(--weight-semibold)}.app-ui .tl-layers-pick>.tl-layers-kind{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);flex:none}.app-ui .tl-layers-popover .ui-popover-foot{justify-content:flex-start;gap:var(--space-1)}.app-ui .tl-layers-foot{align-items:center;gap:var(--space-0-5);inline-size:100%;display:flex}.app-ui .tl-layers-foot>.tl-layers-filter{margin-inline-start:auto}.app-ui .tl-layers-body{gap:var(--space-1);display:grid}.app-ui .tl-layers-row:where([data-selected=true]){background:var(--accent-soft)}.app-ui .tl-layers-rename{inline-size:100%;min-inline-size:0;block-size:var(--control-md);padding-inline:var(--space-2);border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-1);font:var(--type-ui)}.app-ui .tl-layer-filter-popover{inline-size:min(340px, calc(100vw - var(--space-4)))}.app-ui .tl-layer-filter-body{gap:var(--space-2);min-inline-size:0;display:grid}.app-ui .tl-layer-filter-help,.app-ui .tl-layer-filter-empty{color:var(--text-3);font:var(--type-small);white-space:normal;margin:0}.app-ui .tl-layer-filter-search{align-items:center;gap:var(--space-2);padding-inline:var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);display:flex}.app-ui .tl-layer-filter-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .tl-layer-filter-search>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);flex:none}.app-ui .tl-layer-filter-search>input{inline-size:100%;min-inline-size:0;block-size:var(--control-lg);color:var(--text-1);font:var(--type-ui);background:0 0;border:0;outline:none;padding:0}.app-ui .tl-layer-filter-tools{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.app-ui .tl-layer-filter-focus{justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-text-strong);font:var(--type-small);display:flex}.app-ui .tl-layer-filter-count{color:var(--text-3);font:var(--type-small);font-variant-numeric:tabular-nums}.app-ui .tl-layer-filter-list{block-size:min(var(--filter-list-height,288px), 35dvh);overscroll-behavior:contain;scrollbar-width:thin;border-block:1px solid var(--line-1);position:relative;overflow-y:auto}.app-ui .tl-layer-filter-spacer{position:relative}.app-ui .tl-layer-filter-item{block-size:36px;position:absolute;inset-inline:0}.app-ui .tl-layer-filter-item>.ui-check-row{gap:var(--space-2);block-size:100%;padding-inline:var(--space-2);border-radius:var(--radius-sm)}.app-ui .tl-layer-filter-item:where([data-child=true])>.ui-check-row{padding-inline-start:var(--space-5)}.app-ui .tl-layer-filter-item:where([data-folder=true])>.ui-check-row{font-weight:var(--weight-semibold)}.app-ui .tl-layer-filter-item>.ui-check-row:where(:hover,:focus-within){background:var(--surface-hover)}.app-ui .tl-layer-filter-icon{color:var(--text-3);flex:none;display:inline-flex}.app-ui .tl-layer-filter-icon>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .tl-layer-filter-name{flex:1}.app-ui .tl-layer-filter-folder-count{color:var(--text-3);font:var(--type-small);font-variant-numeric:tabular-nums}.app-ui .tl-layer-filter-foot{justify-content:space-between;gap:var(--space-2);inline-size:100%;display:flex}.app-ui .layer-timeline .sheet-label-head{block-size:var(--sheet-ruler,var(--timeline-header))}.app-ui .layer-timeline .sheet-labels,.app-ui .layer-timeline .vfx-timeline-overlay{inset-block-start:var(--sheet-ruler,var(--timeline-header))}.app-ui .sheet-labels>.sheet-layer{box-shadow:inset 0 -1px 0 var(--sheet-lane);font:var(--type-ui);border-block-end:0}.app-ui .sheet-labels>.sheet-layer[data-pinned]{z-index:1}.app-ui .sheet-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene]){background:var(--sheet-surface)}.app-ui .sheet-labels>.sheet-layer:where([data-kind=camera]){--track-accent:var(--sheet-camera-accent);--track-tint:var(--sheet-camera-tint);--track-ink:var(--sheet-camera-line)}.app-ui .sheet-labels>.sheet-layer:where([data-kind=scene]){--track-accent:var(--sheet-scene-accent);--track-tint:var(--sheet-scene-tint);--track-ink:var(--sheet-scene-line)}.app-ui .sheet-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])>.sheet-layer-name,.app-ui .sheet-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])>.sheet-layer-name>svg{color:var(--track-ink)}.app-ui .sheet-labels>.sheet-layer[data-selected=true]{background:var(--sheet-selected)}.app-ui .sheet-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])[data-selected=true]{background:var(--track-tint)}.app-ui .sheet-layer>.sheet-layer-name{block-size:min(var(--control-md), 100%);gap:var(--space-2);color:var(--text-1);font:var(--type-ui)}.app-ui .sheet-layer:where([data-active=true])>.sheet-layer-name{font-weight:var(--weight-semibold)}.app-ui .sheet-layer>.sheet-layer-name>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);flex:none}.app-ui .sheet-layer-name>.sheet-layer-dot{--_s:8px;margin-inline:3px}.app-ui .sheet-layer-name>.sheet-layer-kind{block-size:12px;inline-size:12px;color:var(--text-3);margin-inline-start:calc(-1 * var(--space-1))}.app-ui .sheet-labels>.sheet-layer:where([data-color]:not([data-color=""])){border-inline-start:0;padding-inline-start:var(--space-2)}.app-ui .sheet-layer-name>.sheet-layer-text:after{content:none}.app-ui .sheet-layer:where([data-hidden=true])>.sheet-layer-name{color:var(--text-3);opacity:1}.app-ui .sheet-layer>.sheet-layer-state{opacity:1;color:var(--text-3)}.app-ui .sheet-layer>.sheet-layer-state:where(:hover,:focus-visible,[data-on=true]){color:var(--text-1)}.app-ui .layer-timeline .sheet-playhead{background:var(--sheet-playhead);inline-size:1.5px;margin-inline-start:-.75px}.app-ui .layer-timeline:where(.audio-visible) .sheet-playhead{background:linear-gradient(to bottom, var(--sheet-playhead) 0 var(--audio-toolbar-top), transparent var(--audio-toolbar-top) var(--audio-toolbar-bottom), var(--sheet-playhead) var(--audio-toolbar-bottom))}.app-ui .layer-timeline .sheet-playhead>span{block-size:20px;min-inline-size:30px;padding:0 var(--space-1);background:var(--sheet-playhead-tab);color:var(--sheet-playhead-ink);font:var(--weight-semibold) 11px/20px var(--font-ui);font-variant-numeric:tabular-nums;border-radius:6px;inset-block-start:calc((var(--sheet-ruler,var(--timeline-header)) - 20px) / 2)}.app-ui .layer-timeline .onion-range-overlay{block-size:var(--sheet-ruler,var(--timeline-header))}.app-ui .layer-timeline .onion-range-band{opacity:1;background:color-mix(in srgb, var(--_onion) 26%, transparent);block-size:6px;box-shadow:inset 0 -2px 0 var(--_onion);border-radius:3px 3px 0 0;inset-block:auto 0}.app-ui .layer-timeline .onion-range-band.before{--_onion:var(--onion-before)}.app-ui .layer-timeline .onion-range-band.after{--_onion:var(--onion-after)}.app-ui .layer-timeline .onion-range-end{border-radius:var(--radius-sm);block-size:auto;inline-size:14px;transition:background-color var(--duration-fast,.12s) ease;background:0 0;inset-block:0;transform:none}.app-ui .layer-timeline .onion-range-end.before{--_mark:var(--onion-before);translate:-100%}.app-ui .layer-timeline .onion-range-end.after{--_mark:var(--onion-after)}.app-ui .layer-timeline .onion-range-end:where(:hover,[data-dragging]){background:color-mix(in srgb, currentColor 14%, transparent)}.app-ui .layer-timeline .onion-range-end:after{background:0 0;border:2.5px solid;border-radius:2px;block-size:auto;inline-size:6px;inset-block:5px 0}.app-ui .layer-timeline .onion-range-end.before:after{border-inline-end:0;border-radius:2px 0 0 2px;inset-inline:auto 2px}.app-ui .layer-timeline .onion-range-end.after:after{border-inline-start:0;border-radius:0 2px 2px 0;inset-inline:2px auto}.app-ui .layer-timeline .onion-range-end:where(:hover,[data-dragging]):after{border-width:3px}.app-ui .layer-timeline .onion-range-end:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-ui .layer-timeline .onion-range-count{background:var(--_mark);min-inline-size:18px;color:var(--sheet-playhead-ink);font:var(--weight-semibold) 10px/14px var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;opacity:0;transition:opacity var(--duration-fast,.12s) ease;border-radius:8px;padding:0 4px;position:absolute;inset-block-start:2px}.app-ui .layer-timeline :where(.onion-range-end.before) .onion-range-count{inset-inline-end:16px}.app-ui .layer-timeline :where(.onion-range-end.after) .onion-range-count{inset-inline-start:16px}.app-ui .layer-timeline .onion-range-end:where(:hover,:focus-visible,[data-dragging]) .onion-range-count{opacity:1}.app-ui .layer-timeline .sheet-scroll::-webkit-scrollbar{block-size:14px;inline-size:14px}.app-ui .layer-timeline .sheet-scroll::-webkit-scrollbar-track{background:0 0}.app-ui .layer-timeline .sheet-scroll::-webkit-scrollbar-corner{background:var(--sheet-surface)}.app-ui .layer-timeline .sheet-scroll::-webkit-scrollbar-thumb{border:4px solid var(--sheet-surface);background:var(--scrollbar-thumb);border-radius:7px;min-block-size:32px;min-inline-size:32px}.app-ui .layer-timeline .sheet-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-ui .layer-timeline .sheet-motion-tip{z-index:3;align-items:center;gap:var(--space-1-5);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--text-inverse);font:var(--type-small);font-weight:var(--weight-medium);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0}.app-ui .layer-timeline .sheet-motion-tip:before{content:"";background:var(--motion);border-radius:50%;block-size:8px;inline-size:8px}.app-ui .layer-timeline .sheet-motion-tip[hidden]{display:none}.app-ui .layer-timeline .sheet-more-rows{--_px:var(--space-2);inset:auto var(--space-1) calc(var(--sheet-scrollbar-x,0px) + var(--space-1)) auto;z-index:2;color:var(--text-2);font:var(--type-small-strong);position:absolute}.app-ui .layer-timeline:where([data-more-below])>.sheet-main:after{content:"";z-index:1;pointer-events:none;inset:auto var(--sheet-scrollbar-y,0px) var(--sheet-scrollbar-x,0px) 0;background:linear-gradient(to bottom, transparent, var(--sheet-surface));block-size:14px;position:absolute}.app-ui .onion-popover{inline-size:288px;max-inline-size:calc(100vw - var(--space-4));max-block-size:calc(100dvh - var(--space-4))}.app-ui .onion-popover .ui-popover-title{align-items:center;gap:var(--space-2);display:flex}.app-ui .onion-popover .ui-popover-title>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--text-2);flex:none}.app-ui .onion-popover .onion-power{margin-inline-end:var(--space-1)}.app-ui .onion-body{gap:var(--space-1);transition:opacity var(--dur-fast) var(--ease-out);padding-block-end:var(--space-2)}.app-ui .onion-popover:where([data-enabled=false]) .onion-body{opacity:.6}.app-ui .onion-frame-pair{gap:var(--space-1);display:grid}.app-ui .onion-frame-field{align-items:center;gap:var(--space-2);min-block-size:var(--control-lg);display:flex}.app-ui .onion-frame-field .onion-scrub{min-inline-size:0;block-size:var(--control-md);border-radius:var(--radius-sm);color:var(--text-2);font:var(--type-small);text-align:start;cursor:ew-resize;touch-action:none;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;padding:0;display:flex}.app-ui .onion-frame-field .onion-scrub:where(:hover:not(:disabled)){color:var(--text-1)}.app-ui .onion-frame-field .onion-scrub:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .onion-frame-field .onion-scrub:disabled{cursor:default}.app-ui .onion-color{flex:none;place-items:center;block-size:20px;inline-size:20px;margin:0;display:grid}.app-ui .onion-color>input{block-size:14px;inline-size:14px;box-shadow:0 0 0 1px var(--line-2);background:0 0;border:0;border-radius:50%;padding:0}.app-ui .onion-color>input::-webkit-color-swatch-wrapper{padding:0}.app-ui .onion-color>input::-webkit-color-swatch{border:0;border-radius:50%}.app-ui .onion-color>input::-moz-color-swatch{border:0;border-radius:50%}.app-ui .onion-color>input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .onion-popover .onion-value{inline-size:56px;block-size:var(--control-md);padding-inline:var(--space-1-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-value);flex:none;justify-content:flex-end;align-items:center;margin:0;display:inline-flex}.app-ui .onion-popover .onion-value:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo)}.app-ui .onion-popover .onion-value>input{inline-size:100%;min-inline-size:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:end;appearance:textfield;background:0 0;border:0;outline:none;padding:0}.app-ui .onion-popover .onion-value>input::-webkit-inner-spin-button{appearance:none;margin:0}.app-ui .onion-popover .onion-value>input::-webkit-outer-spin-button{appearance:none;margin:0}.app-ui .onion-popover .onion-value>small{font:var(--type-small);color:var(--text-3);margin-inline-start:1px}.app-ui .onion-opacity{min-block-size:var(--control-lg);grid-template-columns:minmax(56px,max-content) minmax(0,1fr) 56px}.app-ui .onion-scope{margin-block:var(--space-1)}.app-ui .onion-looks,.app-ui .onion-more-body{display:grid}.app-ui .onion-row>.ui-select{flex:0 160px}.app-ui .onion-more{margin:var(--space-1) calc(-1 * var(--space-4)) calc(-1 * var(--space-2));padding:var(--space-1) var(--space-4) var(--space-2);box-shadow:inset 0 1px 0 var(--line-1)}.app-ui .onion-more>summary{align-items:center;gap:var(--space-1-5);min-block-size:var(--control-md);font:var(--type-small-strong);color:var(--text-2);cursor:default;list-style:none;display:flex}.app-ui .onion-more>summary::-webkit-details-marker{display:none}.app-ui .onion-more>summary:before{content:"";background:var(--text-3);block-size:12px;inline-size:12px;transition:rotate var(--dur-fast) var(--ease-out);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat}.app-ui .onion-more:where([open])>summary:before{rotate:90deg}.app-ui .onion-more>summary:where(:hover){color:var(--text-1)}.app-ui .onion-more>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.app-ui .path-popover{inline-size:288px;max-inline-size:calc(100vw - var(--space-4));max-block-size:calc(100dvh - var(--space-4))}.app-ui .path-popover .ui-popover-title{align-items:center;gap:var(--space-2);display:flex}.app-ui .path-popover .ui-popover-title>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--text-2);flex:none}.app-ui .path-body{gap:var(--space-1)}.app-ui .path-body .path-row:where([hidden]){display:none}.app-ui .path-body .path-row>.path-choice{flex:0 184px}.app-ui .path-speed-legend{align-items:center;gap:var(--space-1-5);font:var(--type-small);color:var(--text-3);margin-inline-start:var(--space-2);display:inline-flex}.app-ui .path-speed-legend>span{border-radius:var(--radius-pill);block-size:6px;inline-size:36px}.app-ui .path-falloff>legend{align-items:center;gap:var(--space-2);display:flex}.app-ui .path-key{padding:0 var(--space-1-5);border-radius:var(--radius-xs);background:var(--surface-sunken);box-shadow:inset 0 -1px 0 var(--line-control);font:var(--type-small-strong);color:var(--text-2)}.app-ui .path-switch{block-size:18px;inline-size:32px;border-radius:var(--radius-pill);background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--line-control);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);border:0;flex:none;margin-inline-end:var(--space-1);padding:0;position:relative}.app-ui .path-switch:before{content:"";background:var(--switch-knob-off);block-size:10px;inline-size:10px;transition:translate var(--dur-base) var(--ease-out), inline-size var(--dur-base) var(--ease-out), block-size var(--dur-base) var(--ease-out), inset var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:4px;inset-inline-start:4px}.app-ui .path-switch:where([aria-pressed=true]){background:var(--accent-strong);box-shadow:none}.app-ui .path-switch:where([aria-pressed=true]):before{background:var(--switch-knob-on);block-size:14px;inline-size:14px;inset-block-start:2px;inset-inline-start:2px;translate:14px}.app-ui .path-switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .path-range{gap:var(--space-2);min-inline-size:0;margin:var(--space-2) 0 0;border:0;padding:0;display:grid}.app-ui .path-range>legend{font:var(--type-small-strong);color:var(--text-2);margin-block-end:var(--space-2);padding:0}.app-ui .path-number{align-items:center;gap:var(--space-1-5);font:var(--type-small);color:var(--text-3);display:inline-flex}.app-ui .path-number>input{inline-size:64px;block-size:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums;text-align:end;border:0}.app-ui .path-number>input:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .path-display{margin:var(--space-2) calc(-1 * var(--space-4)) 0;padding:var(--space-1) var(--space-4) 0;box-shadow:inset 0 1px 0 var(--line-1);display:grid}.app-ui .canvas-guides-panel{inline-size:296px;max-inline-size:calc(100vw - var(--space-4));max-block-size:calc(100dvh - var(--space-4));border:0;padding:0}.app-ui .canvas-guides-panel .ui-popover-title{align-items:center;gap:var(--space-2);font:var(--type-ui-strong);display:flex}.app-ui .canvas-guides-panel .ui-popover-title>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--text-2);flex:none}.app-ui .canvas-guides-panel>header.ui-popover-head{block-size:auto;padding:0 var(--space-1-5) 0 var(--space-4);border:0}.app-ui .canvas-guides-panel>section{padding:var(--space-2) var(--space-4) var(--space-3)}.app-ui .canvas-guides-panel>section+section{box-shadow:inset 0 1px 0 var(--line-1);border:0}.app-ui .canvas-guides-panel .guide-section-head{block-size:var(--control-md);font:var(--type-small-strong);color:var(--text-2);margin-block-end:var(--space-1)}.app-ui .canvas-guides-panel .guide-control-row{gap:var(--space-2);min-block-size:var(--control-lg);font:var(--type-small);color:var(--text-2)}.app-ui .canvas-guides-panel .guide-axis>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3)}.app-ui .canvas-guides-panel .guide-value{inline-size:96px;block-size:var(--control-md);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);border:0;padding-inline-end:var(--space-2)}.app-ui .canvas-guides-panel .guide-value:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo)}.app-ui :where(.canvas-guides-panel) .guide-value:where([data-property-scrub]):hover:not(:has(input:disabled)){box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .canvas-guides-panel .guide-value>input{block-size:100%;padding-inline:var(--space-2) var(--space-1);font:var(--type-value);color:var(--text-1)}.app-ui .canvas-guides-panel .guide-value>small{font:var(--type-small);color:var(--text-3)}.app-ui :where(.canvas-guides-panel) :is(.guide-center,.guide-icon-toggle){inline-size:var(--control-sm);block-size:var(--control-sm);border-radius:var(--radius-md);color:var(--text-2);background:0 0;border:0}.app-ui :where(.canvas-guides-panel) :is(.guide-center,.guide-icon-toggle)>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui :where(.canvas-guides-panel) :is(.guide-center,.guide-icon-toggle):where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui :where(.canvas-guides-panel) .guide-icon-toggle:has(>input:checked){background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui :where(.canvas-guides-panel) .guide-icon-toggle:has(>input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px}.app-ui .canvas-guides-panel .guide-opacity>input{inline-size:auto;accent-color:var(--slider-fill);flex:1}.app-ui .canvas-guides-panel .guide-opacity-value{inline-size:40px;font:var(--type-value);color:var(--text-1)}.app-ui :where(dialog):not(.ui-dialog){border-radius:var(--radius-2xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-4);border:0}.app-ui :where(dialog) .dialog-head{gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-3) var(--space-6);border-block-end:0}.app-ui :where(dialog) .dialog-head>h2{font:var(--type-title);letter-spacing:var(--tracking-title);color:var(--text-1);margin:0}.app-ui :where(dialog) .dialog-head>.icon-button{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);color:var(--text-2);background:0 0;border:0;place-items:center;display:inline-grid}.app-ui :where(dialog) .dialog-head>.icon-button:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui :where(dialog) .dialog-body{padding:0 var(--space-6) var(--space-5);font:var(--type-ui);color:var(--text-1)}.app-ui :where(dialog) .dialog-body p{font:var(--type-small);color:var(--text-3)}.app-ui :where(dialog) .dialog-actions{gap:var(--space-2);padding-block-start:var(--space-5)}.app-ui :where(dialog) :is(.dialog-body,.dialog-actions) .button{justify-content:center;align-items:center;gap:var(--space-1-5);block-size:var(--control-lg);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-1);font:var(--type-button);box-shadow:none;border:0;display:inline-flex}.app-ui :where(dialog) :is(.dialog-body,.dialog-actions) .button:where(:hover:not(:disabled)){background:var(--surface-pressed)}.app-ui :where(dialog) :is(.dialog-body,.dialog-actions) .button.primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-shadow)}.app-ui :where(dialog) :is(.dialog-body,.dialog-actions) .button.primary:where(:hover:not(:disabled)){background:var(--primary-hover)}.app-ui :where(dialog) :is(.dialog-body,.dialog-actions) .button:disabled{opacity:.42}.app-ui :where(dialog) .dialog-body :is(input:where([type=text],[type=number],[type=search],:not([type])),textarea,select){border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-1);font:var(--type-ui);box-shadow:none;border:0}.app-ui :where(dialog) .dialog-body :is(input,textarea,select):focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui :where(dialog) .dialog-body input:where([type=checkbox],[type=radio]){accent-color:var(--accent-strong)}.app-ui .ui-dialog-section-title{margin:var(--space-4) 0 var(--space-2);color:var(--text-1);font:var(--type-ui-strong)}.app-ui .metric-table{border-collapse:collapse;inline-size:100%;font:var(--type-ui);font-variant-numeric:tabular-nums}.app-ui .metric-table td{padding-block:var(--space-1-5);border-block-end:1px solid var(--line-1);color:var(--text-2)}.app-ui .metric-table td:last-child{color:var(--text-1);text-align:end}.app-ui .performance-note{margin-block-start:var(--space-3)}.app-ui .performance-activity{gap:var(--space-1);max-block-size:11rem;color:var(--text-2);font:var(--type-small);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.app-ui .performance-activity>li{overflow-wrap:anywhere;min-inline-size:0}.app-ui .performance-activity time{color:var(--text-3);font-variant-numeric:tabular-nums;margin-inline-end:var(--space-1)}.app-ui .performance-activity>[data-tone=error]{color:var(--danger-text)}.app-ui .styk-privacy h2:focus{outline:none}.app-ui .styk-privacy .privacy-choice{block-size:var(--control-lg);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-1);font:var(--type-button);box-shadow:none;border:0}.app-ui .styk-privacy .privacy-choice:where(:hover){background:var(--surface-pressed)}.app-ui .styk-privacy .privacy-choice:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .styk-privacy .privacy-choice-note{font:var(--type-small);color:var(--text-3)}.app-ui dialog.release-splash{--_x:clamp(var(--space-5), 5cqi, var(--space-8));--_y:clamp(var(--space-3), 3dvh, var(--space-6));border:0;block-size:auto;max-block-size:min(720px,100dvh - 32px);inline-size:min(680px,100vw - 32px);max-inline-size:680px;padding:0;overflow:hidden;container:release-splash/inline-size}.app-ui dialog.release-splash[open]{flex-direction:column;display:flex}.app-ui .release-splash::backdrop{background:var(--surface-backdrop)}.app-ui .release-splash :is(button,select,a,.splash-notes):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .release-splash .splash-header{align-items:center;gap:var(--space-3);padding:var(--_y) var(--space-5) 0 var(--_x);flex-shrink:0;display:flex}.app-ui .release-splash .splash-brand{align-items:center;gap:var(--space-2);margin-inline-end:auto;display:flex}.app-ui .release-splash .splash-wordmark{font:var(--weight-bold) var(--text-16)/1 var(--font-display);letter-spacing:-.03em;color:var(--text-1)}.app-ui .release-splash .splash-close{inline-size:var(--control-lg);block-size:var(--control-lg);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-2);cursor:pointer;border:0;place-items:center;display:grid}.app-ui .release-splash .splash-close:where(:hover){background:var(--surface-pressed);color:var(--text-1)}.app-ui .release-splash .splash-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;block-size:14px;inline-size:14px}.app-ui .release-splash .splash-toolbar{gap:var(--space-3);padding:var(--_y) var(--_x) var(--space-5);border-block-end:1px solid var(--line-1);flex-shrink:0;display:grid}.app-ui .release-splash .splash-version{font:var(--weight-semibold) var(--text-13)/var(--leading-13) var(--font-ui);color:var(--accent-text);margin:0}.app-ui .release-splash .splash-toolbar h1{font:800 clamp(26px, min(6cqi, 6dvh), 38px)/1 var(--font-display);letter-spacing:-.045em;color:var(--text-1);text-wrap:balance;margin:0}.app-ui .release-splash .splash-toolbar h1 span{color:var(--accent)}.app-ui .release-splash .splash-release-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.app-ui .release-splash .splash-release-controls select{appearance:none;inline-size:auto;min-inline-size:170px;block-size:var(--control-lg);padding:0 var(--space-8) 0 var(--space-4);border-radius:var(--radius-pill);background-color:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--line-1);color:var(--text-1);font:var(--type-ui-strong);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:4px 4px;border:0}.app-ui .release-splash .splash-release-controls select:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .release-splash .splash-history{block-size:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--accent-text);font:var(--type-ui-strong);cursor:pointer;background:0 0;border:0}.app-ui .release-splash .splash-history:where(:hover:not(:disabled)){background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui .release-splash .splash-history:disabled{opacity:.6;cursor:wait}.app-ui .release-splash .splash-status{font:var(--type-small);color:var(--text-3);margin:0}.app-ui .release-splash .splash-notes{overscroll-behavior:contain;scrollbar-gutter:stable;min-block-size:0;padding:var(--_y) var(--_x) var(--space-8);flex:1;overflow-y:auto}.app-ui .release-splash .splash-release-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui .release-splash :is(.splash-release-version,.splash-release-installed,.splash-note-group h3){border-radius:var(--radius-pill);font:var(--weight-bold) var(--text-12)/18px var(--font-display);align-items:center;padding:3px 11px;display:inline-flex}.app-ui .release-splash .splash-release-version{color:var(--tint-select-ink);background:var(--tint-select-soft)}.app-ui .release-splash .splash-release-installed{color:var(--on-badge);background:var(--badge-new)}.app-ui .release-splash .splash-release-title{margin:var(--space-3) 0 var(--space-5);font:var(--weight-display) 24px/1.15 var(--font-display);letter-spacing:-.035em;color:var(--text-1);text-wrap:balance;overflow-wrap:anywhere}.app-ui .release-splash .splash-note-group{--note-ink:var(--text-2);--note-soft:var(--surface-well);--note-dot:var(--text-3)}.app-ui .release-splash .splash-note-group:has(>h3[data-category=added]){--note-ink:var(--tint-library-ink);--note-soft:var(--tint-library-soft);--note-dot:var(--tint-library)}.app-ui .release-splash .splash-note-group:has(>h3[data-category=changed]){--note-ink:var(--tint-select-ink);--note-soft:var(--tint-select-soft);--note-dot:var(--tint-select)}.app-ui .release-splash .splash-note-group:has(>h3[data-category=fixed]){--note-ink:var(--tint-draw-ink);--note-soft:var(--tint-draw-soft);--note-dot:var(--tint-draw)}.app-ui .release-splash .splash-note-group:has(>h3[data-category=performance]){--note-ink:var(--tint-time-ink);--note-soft:var(--tint-time-soft);--note-dot:var(--tint-time)}.app-ui .release-splash .splash-note-group:has(>h3:is([data-category=removed],[data-category=security])){--note-ink:var(--tint-fx-ink);--note-soft:var(--tint-fx-soft);--note-dot:var(--tint-fx)}.app-ui .release-splash .splash-note-group+.splash-note-group{margin-block-start:var(--space-6)}.app-ui .release-splash .splash-note-group h3{margin:0 0 var(--space-3);color:var(--note-ink);background:var(--note-soft)}.app-ui .release-splash .splash-note-group ul{gap:var(--space-2);font:var(--weight-regular) 14px/1.6 var(--font-ui);color:var(--text-2);overflow-wrap:anywhere;margin:0;padding:0;list-style:none;display:grid}.app-ui .release-splash .splash-note-group li{padding-inline-start:20px;position:relative}.app-ui .release-splash .splash-note-group li:before{content:"";background:var(--note-dot);border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:.62em;inset-inline-start:3px}.app-ui .release-splash .splash-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:clamp(var(--space-2-5), 2dvh, var(--space-4)) var(--space-5) clamp(var(--space-2-5), 2dvh, var(--space-4)) var(--_x);border-block-start:1px solid var(--line-1);flex-shrink:0;display:flex}.app-ui .release-splash .splash-footer .button{align-items:center;gap:var(--space-2);block-size:var(--control-lg);min-block-size:0;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:var(--type-button);box-shadow:var(--primary-shadow);border:0;display:inline-flex}.app-ui .release-splash .splash-footer .button:where(:hover){background:var(--primary-hover)}.app-ui .release-splash .support-donate{align-items:center;gap:var(--space-2);block-size:var(--control-lg);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-1);font:var(--type-button);text-decoration:none;display:inline-flex}.app-ui .release-splash .support-donate:where(:hover){background:var(--surface-pressed)}.app-ui .release-splash .support-donate svg{block-size:16px;inline-size:16px;fill:var(--tint-fx)}.app-ui .export-body{--_label:72px;gap:var(--space-2-5);grid-auto-rows:max-content;padding-block-start:var(--space-1)}.app-ui .export-body[data-more-below]{-webkit-mask-image:linear-gradient(to bottom, var(--text-1) calc(100% - 28px), transparent);mask-image:linear-gradient(to bottom, var(--text-1) calc(100% - 28px), transparent)}.app-ui .export-body :where(.ui-dialog-row)[hidden]{display:none}.app-ui .export-body .ui-row-label{color:var(--text-2)}.app-ui .ui-export-form .ui-segmented{block-size:auto;min-block-size:var(--control-md)}.app-ui .ui-export-form .ui-segmented-item{padding-block:var(--space-1);white-space:normal;overflow-wrap:anywhere;block-size:auto;min-inline-size:0;min-block-size:var(--control-sm);line-height:1.25}.app-ui :where(#export-format) .ui-segmented-item{flex-basis:auto}.app-ui .export-preset-section{gap:var(--space-2);border-block-end:1px solid var(--line-1);margin-block-end:var(--space-0-5);padding-block-end:var(--space-3);display:grid}.app-ui .export-section-label{font:var(--type-small-strong);color:var(--text-2);margin:0}.app-ui .export-presets{gap:var(--space-1-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.app-ui .export-preset{align-items:center;column-gap:var(--space-2);min-inline-size:0;padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);text-align:start;transition:background-color var(--dur-fast), box-shadow var(--dur-fast);border:0;grid-template-columns:auto minmax(0,1fr);display:grid}.app-ui .export-preset>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--text-2);grid-row:1/3}.app-ui .export-preset>span{white-space:normal;overflow-wrap:anywhere;min-inline-size:0}.app-ui .export-preset-label{font:var(--type-small-strong)}.app-ui .export-preset-detail{font:var(--type-small);color:var(--text-3)}.app-ui .export-preset:where(:hover){background:var(--surface-hover)}.app-ui .export-preset:where(:hover)>svg{color:var(--text-1)}.app-ui .export-preset[aria-checked=true]{background:var(--surface-selected);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .export-preset[aria-checked=true]>svg{color:var(--accent-text)}.app-ui .export-preset:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .export-preset-note{font:var(--type-small);color:var(--text-2);margin:0}.app-ui .export-preset-note[data-fits=false]{color:var(--warning-text)}.app-ui .export-preset-note[hidden]{display:none}.app-ui .export-hint{margin:calc(-1 * var(--space-1)) 0 0;font:var(--type-small);color:var(--text-3);padding-inline-start:calc(var(--_label) + var(--space-3))}.app-ui .export-hint[hidden]{display:none}.app-ui .export-extension{color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.app-ui .export-size-custom{align-items:center;gap:var(--space-1-5);min-inline-size:0;display:flex}.app-ui .export-size-custom>:not(.export-lock){flex:1 1 0;min-inline-size:0}.app-ui .export-lock{color:var(--text-3);flex:none;position:relative}.app-ui .export-lock:has(>:checked){color:var(--text-1);background:var(--control-soft)}.app-ui .export-lock:has(>:focus-visible){outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .export-lock-input{opacity:0;cursor:default;margin:0;position:absolute;inset:0}.app-ui .export-inline{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.app-ui .export-inline>.ui-select{flex:auto;min-inline-size:0}.app-ui .export-inline>.ui-select[hidden]{display:none}.app-ui .export-toggle{justify-content:space-between;align-items:center;gap:var(--space-2);min-inline-size:0;min-block-size:var(--control-lg);padding:0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);font:var(--type-ui);flex:auto;display:flex}.app-ui .export-toggle>span{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.app-ui .export-toggle:has(>:disabled){color:var(--text-2)}.app-ui .export-reason{font:var(--type-small);color:var(--text-3);grid-column:2;margin:0}.app-ui .export-reason[hidden]{display:none}.app-ui .export-types{gap:var(--space-0-5);display:grid}.app-ui .export-row-list{align-items:start}.app-ui .export-row-list>.ui-row-label{line-height:var(--control-lg)}.app-ui .export-type{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--control-lg);padding:0 var(--space-2-5);border-radius:var(--radius-md);color:var(--text-1);font:var(--type-ui);text-align:start;background:0 0;border:0;display:flex}.app-ui .export-type:where(:hover){background:var(--surface-hover)}.app-ui .export-type[aria-checked=true]{background:var(--surface-selected);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .export-type[aria-disabled=true]{color:var(--text-disabled)}.app-ui .export-type:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .export-type-extension{color:var(--text-3);font:var(--type-small);font-variant-numeric:tabular-nums}.app-ui .export-encoding{padding-block-start:0}.app-ui .export-encoding[hidden]{display:none}.app-ui .export-encoding>.ui-section-body{gap:var(--space-2-5)}.app-ui .export-encoding-summary{min-inline-size:0;font:var(--type-small);color:var(--text-3);text-align:end;text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.app-ui .export-vfw,.app-ui .vfw-export-controls{gap:var(--space-2-5);min-inline-size:0;display:grid}.app-ui :where(.export-vfw,.vfw-export-controls)[hidden]{display:none}.app-ui .export-note{font:var(--type-small);color:var(--text-3);overflow-wrap:anywhere;margin:0}.app-ui .export-note[hidden]{display:none}.app-ui .export-caption-range{align-items:center;gap:var(--space-1-5);display:inline-flex}.app-ui .export-caption-range[hidden],.app-ui .ui-export-caption>[hidden],.app-ui .ui-export-preview>[hidden]{display:none}.app-ui .export-frame-field{flex:none;inline-size:76px}.app-ui .export-caption-label{white-space:nowrap}.app-ui .export-preview-note{text-align:center}.app-ui .ui-export-stage>canvas{background:var(--artboard-placeholder)}.app-ui .ui-export-stage[data-frame=portrait]{aspect-ratio:9/16;background:var(--surface-letterbox);align-self:center;place-items:center;block-size:min(360px,100%);inline-size:auto;display:grid}.app-ui .ui-export-stage[data-frame=portrait]>canvas{block-size:auto;max-block-size:100%;inline-size:100%}.app-ui .ui-export-preview>.ui-range-strip{grid-auto-columns:calc((100% - 7 * var(--space-0-5)) / 8);justify-content:space-between}.app-ui .ui-range-strip>i>canvas{object-fit:contain}.app-ui .ui-export-caption .ui-field{background:var(--surface)}.app-ui .ui-export-form>.ui-dialog-foot{row-gap:var(--space-2);flex-wrap:wrap;padding-block-start:var(--space-2)}.app-ui .ui-export-form>.ui-dialog-foot[hidden],.app-ui .ui-export-form>.ui-dialog-body[hidden]{display:none}.app-ui .export-validation{font:var(--type-small);color:var(--text-2);flex:1 0 100%;margin:0}.app-ui .export-validation[hidden]{display:none}.app-ui .export-validation[data-error=true]{color:var(--danger-text)}.app-ui .ui-export-form .ui-dialog-meta[hidden]{display:none}.app-ui .export-progress-host{min-block-size:0;display:grid}.app-ui .ui-export-form>.export-progress-host{grid-area:2/2/-1;overflow:auto}.app-ui .export-progress{gap:var(--space-3);min-block-size:0;padding:var(--space-2) var(--space-6) var(--space-5);align-content:safe center;display:grid}.app-ui .export-progress-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.app-ui .export-progress-head>strong{font:var(--type-heading);color:var(--text-1)}.app-ui .export-progress-head>output{font:var(--type-numeral);color:var(--text-2);font-variant-numeric:tabular-nums}.app-ui .export-progress>progress{appearance:none;border-radius:var(--radius-pill);background:var(--surface-well);border:0;block-size:6px;inline-size:100%;margin:0;display:block;overflow:hidden}.app-ui .export-progress>progress::-webkit-progress-bar{background:var(--surface-well);border-radius:var(--radius-pill)}.app-ui .export-progress>progress::-webkit-progress-value{background:var(--accent-strong);border-radius:var(--radius-pill);transition:inline-size var(--dur-base) linear}.app-ui .export-progress>progress::-moz-progress-bar{background:var(--accent-strong);border-radius:var(--radius-pill)}.app-ui .export-progress>p{min-block-size:18px;font:var(--type-small);color:var(--text-2);font-variant-numeric:tabular-nums;margin:0}.app-ui .export-progress>p[hidden]{display:none}.app-ui .export-progress-stats{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-sunken);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:0;display:grid}.app-ui .export-progress-stats dt{font:var(--type-small);color:var(--text-3)}.app-ui .export-progress-stats dd{margin:var(--space-1) 0 0;font:var(--type-emphasis);color:var(--text-1);font-variant-numeric:tabular-nums}.app-ui .export-progress-actions{justify-content:flex-end;padding-block-start:var(--space-2);display:flex}.app-ui :where(#user-library){min-block-size:0;font:var(--type-ui);color:var(--text-1);background:var(--surface);flex-direction:column;flex:1;display:flex}.app-ui .library-head{gap:var(--space-2);padding:var(--space-3) var(--island-pad) var(--space-1);display:grid}.app-ui .library-source>.ui-segmented-item>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .library-tools{align-items:center;gap:var(--space-1-5);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.app-ui .library-search{--_h:var(--control-md);padding-inline:var(--space-2-5) var(--space-2);color:var(--text-3)}.app-ui .library-search>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.app-ui .library-search>input::-webkit-search-cancel-button{cursor:pointer}.app-ui .library-kind-filter{inline-size:104px}.app-ui .library-location{align-items:center;gap:var(--space-1);min-block-size:var(--control-md);display:flex}.app-ui .library-location>.library-breadcrumbs{min-inline-size:0;scrollbar-width:none;flex:1;margin-inline-start:calc(-1 * var(--space-2));overflow-x:auto}.app-ui .library-breadcrumbs>.ui-crumb-item:where([aria-current]){color:var(--text-1);font:var(--type-ui-strong)}.app-ui .library-location>.library-origin{align-items:center;gap:var(--space-1-5);min-inline-size:0;font:var(--type-small);color:var(--text-2);flex:1;display:none}.app-ui .library-origin>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--accent-text);flex:none}.app-ui .library-location>.library-count{padding-inline:var(--space-1);font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.app-ui :where(#user-library[data-source=public]) .library-location>:is(.library-breadcrumbs,.library-new-folder){display:none}.app-ui :where(#user-library[data-source=public]) .library-location>.library-origin{display:flex}.app-ui :where(#user-library[data-unavailable=true][data-source=mine]) :is(.library-tools,.library-location,.library-add){display:none}.app-ui .library-content{overscroll-behavior:contain;scrollbar-width:thin;min-block-size:0;padding:var(--space-1) var(--island-pad) var(--space-4);flex:1;overflow:auto}.app-ui .library-grid{gap:var(--space-3) var(--space-2-5);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;display:grid}.app-ui .library-group{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-3);display:grid}.app-ui .library-group+.library-group{margin-block-start:var(--space-2)}.app-ui .library-group-label{z-index:2;align-items:baseline;gap:var(--space-1-5);margin-inline:calc(-1 * var(--space-1));padding:var(--space-2) var(--space-1) var(--space-1);background:var(--surface);font:var(--type-small-strong);color:var(--text-1);grid-column:1/-1;display:flex;position:sticky;inset-block-start:calc(-1 * var(--space-1))}.app-ui .library-group-count{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums}.app-ui .library-card{align-content:start;gap:var(--space-1-5);border-radius:var(--radius-lg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto 132px;outline:none;min-inline-size:0;display:grid;position:relative}.app-ui .library-card .library-thumbnail{aspect-ratio:5/4;border-radius:var(--radius-lg);background-color:var(--library-matte,#858b94);background-image:conic-gradient(#ffffff0d 25%, transparent 0 50%, #ffffff0d 0 75%, transparent 0);background-size:14px 14px;place-items:center;display:grid;position:relative;overflow:hidden}.app-ui .library-card .library-thumbnail:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow var(--dur-fast) var(--ease-out);position:absolute;inset:0}.app-ui .library-card:where(:hover) .library-thumbnail:after{box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .library-card:where(.selected) .library-thumbnail:after{box-shadow:inset 0 0 0 2px var(--accent)}.app-ui .library-card:focus-visible .library-thumbnail:after{box-shadow:inset 0 0 0 2px var(--focus-ring), 0 0 0 3px var(--focus-halo)}.app-ui .library-thumbnail>img,.app-ui .library-thumbnail>.library-animation{block-size:100%;inline-size:100%;padding:var(--space-1-5);object-fit:contain;position:absolute;inset:0}.app-ui .library-thumbnail>img{opacity:0;transition:opacity var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-out)}.app-ui .library-card:where(.is-loaded) .library-thumbnail>img{opacity:1}.app-ui .library-card:where(:hover) .library-thumbnail>img{scale:1.04}.app-ui .library-thumbnail>.library-animation{z-index:1;pointer-events:none}.app-ui .library-card:where(.library-preview-playing) .library-thumbnail>img{visibility:hidden}.app-ui .library-thumbnail>svg{block-size:28px;inline-size:28px;color:var(--text-on-strong);opacity:.7}.app-ui .library-card:where(.folder) .library-thumbnail{background:var(--tint-library-soft)}.app-ui .library-card:where(.folder) .library-thumbnail>svg{block-size:40px;inline-size:40px;color:var(--tint-library-ink);opacity:1;fill:none;stroke-width:1.5px}.app-ui .library-card .library-card-info{min-inline-size:0;padding-inline:var(--space-0-5);gap:1px;display:grid}.app-ui .library-card .library-name{font:var(--type-small-strong);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-ui .library-card:where(.selected) .library-name{color:var(--accent-text-strong)}.app-ui .library-card .library-kind{font:var(--type-micro);font-weight:var(--weight-medium);color:var(--text-3)}.app-ui .library-card .library-rename{inline-size:100%;min-inline-size:0;block-size:var(--control-sm);padding:0 var(--space-1-5);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-1);font:var(--type-small-strong);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);border:0;outline:none;margin-block:-2px}.app-ui .library-card .library-more{z-index:3;border-radius:var(--radius-sm);background:var(--surface-raised);block-size:24px;inline-size:24px;color:var(--text-1);box-shadow:var(--elevation-1);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);border:0;place-items:center;padding:0;line-height:0;display:grid;position:absolute;inset-block-start:var(--space-1-5);inset-inline-end:var(--space-1-5)}.app-ui .library-card .library-more>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .library-card:where(:hover,:focus-within,.selected) .library-more{opacity:1}.app-ui .library-card .library-more:where(:hover){background:var(--surface-hover)}.app-ui .library-card .library-more:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;opacity:1}.app-ui .library-thumbnail>.library-clip-badge{z-index:2;border-radius:var(--radius-sm);background:var(--surface-raised);block-size:20px;inline-size:20px;color:var(--tint-library-ink);box-shadow:var(--elevation-1);place-items:center;display:grid;position:absolute;inset-block-end:var(--space-1-5);inset-inline-end:var(--space-1-5)}.app-ui .library-clip-badge>svg{block-size:12px;inline-size:12px}.app-ui .library-thumbnail>.library-preview-hint{z-index:2;padding:1px var(--space-1-5);border-radius:var(--radius-sm);background:var(--surface-inverse);color:var(--text-inverse);font:var(--type-micro);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);pointer-events:none;position:absolute;inset-block-end:var(--space-1-5);inset-inline-start:var(--space-1-5)}.app-ui .library-card:where(:hover,.library-preview-playing) .library-preview-hint{opacity:.92}.app-ui .library-thumbnail>.library-preview-progress{z-index:2;background:var(--accent-line);block-size:2px;transform:scaleX(var(--library-progress,0));transform-origin:0;display:none;position:absolute;inset:auto 0 0}.app-ui .library-card:where(.library-preview-playing) .library-preview-progress{display:block}.app-ui .library-thumbnail>.library-preview-loading{border:2px solid var(--line-2);border-block-start-color:var(--accent-line);border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite library-spin}@keyframes library-spin{to{rotate:1turn}}.app-ui .library-card:where(.is-skeleton){cursor:default}.app-ui .library-card:where(.is-skeleton) .library-thumbnail{background:var(--surface-sunken);animation:library-pulse 1.4s var(--ease-out) infinite alternate}.app-ui .library-card:where(.is-skeleton) :is(.library-name,.library-kind){border-radius:var(--radius-xs);background:var(--surface-sunken);block-size:10px}.app-ui .library-card:where(.is-skeleton) .library-name{inline-size:70%;margin-block:2px}.app-ui .library-card:where(.is-skeleton) .library-kind{inline-size:40%}@keyframes library-pulse{to{opacity:.55}}.app-ui .library-card:where(.library-card-linked) .library-thumbnail:after{animation:library-linked 1.8s var(--ease-out) 2}@keyframes library-linked{50%{box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--focus-halo)}}.app-ui :where(#user-library[data-background=light]) .library-card:not(.folder) .library-thumbnail{background-color:#edf0f4}.app-ui :where(#user-library[data-background=dark]) .library-card:not(.folder) .library-thumbnail{background-color:#343b47}.app-ui .library-empty.ui-empty{padding-block:var(--space-8) var(--space-4)}.app-ui .library-foot{gap:var(--space-2);padding:var(--space-2-5) var(--island-pad) var(--space-3);box-shadow:inset 0 1px 0 var(--line-1);display:grid}.app-ui .library-foot>.ui-button{justify-content:center;inline-size:100%}.app-ui .library-foot>.library-website{color:var(--text-2);display:none}.app-ui :where(#user-library[data-source=public]) .library-foot>.library-add{display:none}.app-ui :where(#user-library[data-source=public]) .library-foot>.library-website{display:inline-flex}.app-ui .library-message{overflow-wrap:anywhere;font:var(--type-small);color:var(--success-text);margin:0}.app-ui .library-message:empty{display:none}.app-ui .library-message:where([data-error=true]){color:var(--danger-text)}.app-ui .library-card:where(.library-dragging){opacity:.45}.app-ui .library-drag-ghost{z-index:var(--z-floating);inline-size:112px;padding:var(--space-1-5);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);pointer-events:none;contain:layout paint;will-change:transform;position:fixed;inset:0 auto auto 0;transform:translate(-200px,-200px)}.app-ui .library-drag-ghost>img{border-radius:var(--radius-md);background:var(--library-matte,#858b94);object-fit:contain;block-size:76px;inline-size:100%;display:block}.app-ui .library-drag-ghost>span{font:var(--type-small-strong);text-overflow:ellipsis;white-space:nowrap;margin-block-start:var(--space-1-5);display:block;overflow:hidden}.app-ui .library-drag-ghost>small{font:var(--type-micro);font-weight:var(--weight-medium);color:var(--text-3);display:block}.app-ui .library-folder-drop-target :where(.library-thumbnail):after{box-shadow:inset 0 0 0 2px var(--accent)}.app-ui .library-card:where(.folder).library-folder-drop-target .library-thumbnail{background:var(--accent-soft)}.app-ui .ui-crumb-item:where(.library-folder-drop-target){background:var(--accent-soft);color:var(--accent-text)}.app-ui .library-drop-target{outline:2px solid var(--accent-line);outline-offset:-2px}.app-ui .library-drop-target:after{content:"Drop to add to the scene";inset:var(--space-5) auto auto 50%;z-index:var(--z-canvas-hud);padding:var(--space-2) var(--space-3-5);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui-strong);pointer-events:none;position:absolute;translate:-50%}.app-ui .library-dialog{inline-size:min(400px, calc(100vw - var(--space-10)));padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0}.app-ui .library-dialog::backdrop{background:var(--surface-backdrop)}.app-ui .library-dialog h2{margin:0 0 var(--space-2);overflow-wrap:anywhere;font:var(--type-title);letter-spacing:var(--tracking-title);color:var(--text-1)}.app-ui .library-dialog p{margin:0 0 var(--space-5);font:var(--type-ui);color:var(--text-2)}.app-ui .library-dialog label{gap:var(--space-1-5);font:var(--type-small-strong);color:var(--text-2);display:grid}.app-ui .library-dialog input{block-size:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-ui);border:0}.app-ui .library-dialog input:focus-visible{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .library-dialog footer{justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-6);display:flex}.app-ui .library-dialog .library-dialog-error{font:var(--type-small);color:var(--danger-text);margin-block-start:var(--space-2)}.app-ui .library-dialog .library-dialog-error:empty{display:none}.app-ui .library-move-location{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);overflow-wrap:anywhere;font:var(--type-small-strong);color:var(--text-2)}.app-ui .library-move-folders{gap:var(--space-0-5);max-block-size:260px;margin-block-start:var(--space-2);display:grid;overflow:auto}.app-ui .library-move-folders>button{justify-content:flex-start;align-items:center;gap:var(--space-2-5);inline-size:100%;min-block-size:var(--control-md);padding:0 var(--space-2-5);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);text-align:start;background:0 0;border:0;display:flex}.app-ui .library-move-folders>button>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--tint-library-ink);flex:none}.app-ui .library-move-folders>button:where([data-parent])>svg{color:var(--text-2)}.app-ui .library-move-folders>button:where(:hover){background:var(--surface-hover)}.app-ui .library-move-folders>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .library-move-folders>.library-move-none{padding:var(--space-2) var(--space-2-5);font:var(--type-small);color:var(--text-3);margin:0}@media (prefers-reduced-motion:reduce){.app-ui .library-card .library-thumbnail>.library-preview-loading,.app-ui .library-card:where(.is-skeleton) .library-thumbnail{animation:none}.app-ui .library-card:where(:hover) .library-thumbnail>img{scale:none}}.app-ui .styk-settings{border-radius:var(--radius-3xl);background:var(--surface);block-size:min(720px,100dvh - 32px);max-block-size:none;inline-size:min(980px,100vw - 32px);max-inline-size:none;color:var(--text-1);box-shadow:var(--elevation-4);font:var(--type-ui);font-feature-settings:var(--font-features);border:0;margin:auto;padding:0;overflow:hidden;container:styk-settings/inline-size}.app-ui .styk-settings:where([open]){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.app-ui .styk-settings::backdrop{background:var(--surface-backdrop)}.app-ui .styk-settings :where(button,input,select){font-family:inherit}.app-ui .styk-settings :where(.icon){flex:none}.app-ui .styk-settings [hidden]{display:none}.app-ui .styk-settings-head{align-items:center;gap:var(--space-3);min-block-size:68px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-block-end:1px solid var(--line-1);display:flex}.app-ui .styk-settings-mark{flex:none;block-size:28px;inline-size:28px}.app-ui .styk-settings-head>h2{white-space:nowrap;color:var(--text-1);font:var(--weight-display) var(--text-20)/var(--leading-20) var(--font-display);letter-spacing:var(--tracking-display);margin:0}.app-ui .styk-settings-search{align-items:center;gap:var(--space-2);min-inline-size:0;block-size:var(--control-lg);padding:0 var(--space-3-5);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-1);transition:background-color var(--dur-fast), box-shadow var(--dur-fast);flex:0 320px;margin-inline-start:auto;display:flex}.app-ui .styk-settings-search:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 4px var(--focus-halo)}.app-ui .styk-settings-search>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings-search>input{block-size:100%;min-inline-size:0;color:var(--text-1);font:var(--type-ui);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0}.app-ui .styk-settings-search>input::placeholder{color:var(--text-placeholder)}.app-ui .styk-settings-close{inline-size:var(--control-lg);block-size:var(--control-lg);background:var(--control-soft);color:var(--text-1);transition:background-color var(--dur-fast);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app-ui .styk-settings-close:where(:hover){background:var(--control-soft-hover)}.app-ui .styk-settings-close>svg{inline-size:var(--icon-md);block-size:var(--icon-md);stroke-width:var(--icon-stroke-small)}.app-ui .styk-settings-layout{grid-template-columns:256px minmax(0,1fr);min-block-size:0;display:grid}.app-ui .styk-settings-sidebar{gap:var(--space-4);min-block-size:0;padding:var(--space-4) var(--space-3);border-inline-end:1px solid var(--line-1);flex-direction:column;display:flex;overflow:auto}.app-ui .styk-settings-tabs{align-content:start;gap:var(--space-1);display:grid}.app-ui .styk-settings-tabs>button{justify-content:flex-start;align-items:center;gap:var(--space-3);min-block-size:46px;inline-size:100%;padding:var(--space-1-5) var(--space-3) var(--space-1-5) var(--space-1-5);border-radius:var(--radius-lg);color:var(--text-2);font:var(--type-ui-strong);text-align:start;white-space:normal;transition:background-color var(--dur-fast), color var(--dur-fast);background:0 0;border:0;display:flex}.app-ui .styk-settings-tabs>button:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .styk-settings-tabs>button:where([aria-selected=true]){background:var(--surface-sunken);color:var(--text-1);box-shadow:inset 0 0 0 1px var(--line-1)}.app-ui .styk-settings:where([data-searching]) .styk-settings-tabs>button{box-shadow:none;color:var(--text-2);background:0 0}.app-ui .styk-settings-tab-icon{border-radius:var(--radius-md);background:var(--_soft);block-size:34px;inline-size:34px;color:var(--_ink);transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);flex:none;place-items:center;display:grid}.app-ui .styk-settings-tab-icon>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings-tabs>button:where([aria-selected=true])>.styk-settings-tab-icon{background:var(--_badge);color:var(--on-badge)}.app-ui .styk-settings:where([data-searching]) .styk-settings-tab-icon{background:var(--_soft);color:var(--_ink)}.app-ui .styk-settings [data-tint=select]{--_soft:var(--tint-select-soft);--_ink:var(--tint-select-ink);--_badge:var(--badge-accent)}.app-ui .styk-settings [data-tint=library]{--_soft:var(--tint-library-soft);--_ink:var(--tint-library-ink);--_badge:var(--badge-library)}.app-ui .styk-settings [data-tint=time]{--_soft:var(--tint-time-soft);--_ink:var(--tint-time-ink);--_badge:var(--badge-time)}.app-ui .styk-settings [data-tint=camera]{--_soft:var(--tint-camera-soft);--_ink:var(--tint-camera-ink);--_badge:var(--badge-camera)}.app-ui .styk-settings [data-tint=draw]{--_soft:var(--tint-draw-soft);--_ink:var(--tint-draw-ink);--_badge:var(--badge-new)}.app-ui .styk-settings-actions{gap:var(--space-2);margin-block-start:auto;display:grid}.app-ui .styk-settings-privacy{align-items:center;gap:var(--space-2);min-block-size:var(--control-md);padding:0 var(--space-2-5);border-radius:var(--radius-md);color:var(--text-2);font:var(--type-small-strong);text-align:start;background:0 0;border:0;display:flex}.app-ui .styk-settings-privacy:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .styk-settings-privacy>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .styk-settings-donate{align-items:center;gap:var(--space-2-5);padding:var(--space-3);border-radius:var(--radius-xl);background:var(--tint-time-soft);color:var(--text-1);text-align:start;white-space:normal;transition:box-shadow var(--dur-fast);border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.app-ui .styk-settings-donate:where(:hover){box-shadow:inset 0 0 0 1.5px var(--tint-time)}.app-ui .styk-settings-donate-badge{border-radius:var(--radius-md);background:var(--badge-time);block-size:34px;inline-size:34px;color:var(--on-badge);place-items:center;display:grid}.app-ui .styk-settings-donate-badge>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings-donate-text{gap:var(--space-0-5);min-inline-size:0;display:grid}.app-ui .styk-settings-donate-text>strong{font:var(--type-button)}.app-ui .styk-settings-donate-text>small{font:var(--type-small);color:var(--text-2)}.app-ui .styk-settings-donate>svg:last-child{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--tint-time-ink)}.app-ui .styk-settings-content{--_pad-block:var(--space-8);--_pad-inline:var(--space-10);overscroll-behavior:contain;scrollbar-gutter:stable;min-inline-size:0;padding:var(--_pad-block) var(--_pad-inline) var(--space-10);background:var(--surface-field);overflow:auto;container:settings-content/inline-size}.app-ui .styk-settings-page{gap:var(--space-2);max-inline-size:580px;margin-block-end:var(--space-6);display:grid}.app-ui .styk-settings-page :where(p,strong,small,h3,h4){overflow-wrap:anywhere;min-inline-size:0}.app-ui .styk-settings-page>h3{color:var(--text-1);text-wrap:balance;overflow-wrap:anywhere;font:var(--weight-display) var(--text-28)/var(--leading-28) var(--font-display);letter-spacing:-.035em;margin:0}.app-ui .styk-settings-page>p{color:var(--text-2);text-wrap:pretty;font:var(--weight-regular) var(--text-14)/var(--leading-14) var(--font-ui);margin:0}.app-ui .styk-settings-group+.styk-settings-group{margin-block-start:var(--space-6)}.app-ui .styk-settings-group>h4{margin:0 var(--space-1) var(--space-2-5);color:var(--text-1);font:var(--type-heading);letter-spacing:var(--tracking-heading)}.app-ui .styk-settings-card{padding:var(--space-1) var(--space-5);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--elevation-1)}.app-ui .styk-settings-eyebrow{margin:0 var(--space-1) var(--space-3);font:var(--type-small-strong);color:var(--accent-text)}.app-ui .styk-settings-results+.styk-settings-results{margin-block-start:var(--space-8)}.app-ui .styk-settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:58px;padding-block:var(--space-2-5);color:var(--text-1);margin:0;display:flex}.app-ui .styk-settings-card>.styk-settings-row+.styk-settings-row{border-block-start:1px solid var(--line-1)}.app-ui .styk-settings-text{gap:var(--space-0-5);flex:auto;grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.app-ui .styk-settings-label{font:var(--type-ui-strong);color:var(--text-1)}.app-ui .styk-settings-hint{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:56ch;font:var(--type-small);color:var(--text-3);text-wrap:pretty}.app-ui .styk-settings-row>.ui-select{flex:0 220px;min-inline-size:132px}.app-ui .styk-settings-row>.ui-select>select{text-overflow:ellipsis;max-inline-size:none}.app-ui .styk-settings-block{justify-content:stretch;gap:var(--space-3);padding-block:var(--space-4);display:grid}.app-ui .styk-settings-note{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning-text);font:var(--type-small);display:flex}.app-ui .styk-settings-note>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .styk-settings-error{align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--danger-soft);color:var(--danger-text);font:var(--type-ui-strong);margin-block-end:var(--space-5);display:flex}.app-ui .styk-settings-error>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings-empty{justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--text-3);text-align:center;display:grid}.app-ui .styk-settings-empty>svg{inline-size:var(--icon-2xl);block-size:var(--icon-2xl)}.app-ui .styk-settings-empty>p{font:var(--type-ui);margin:0}.app-ui .styk-settings-slider{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.app-ui .styk-settings-slider>.ui-slider{flex:auto;min-inline-size:96px}.app-ui .styk-settings-slider>output{text-align:end;min-inline-size:48px;color:var(--text-1);font:var(--type-numeral);font-variant-numeric:tabular-nums}.app-ui .styk-settings-icon-button{inline-size:var(--control-md);block-size:var(--control-md);color:var(--text-2);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.app-ui .styk-settings-icon-button:where(:hover:not(:disabled)){background:var(--surface-hover);color:var(--text-1)}.app-ui .styk-settings-icon-button:disabled{opacity:.42}.app-ui .styk-settings-icon-button>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings-scale{row-gap:var(--space-3);padding-block:var(--space-3-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.app-ui .styk-settings-scale>.styk-settings-slider{grid-column:1/-1}.app-ui .styk-settings-tiles{grid-template-columns:repeat(var(--_cols,3), minmax(0, 1fr));gap:var(--space-3);display:grid}.app-ui .styk-settings-tiles:where([data-columns="2"]){--_cols:2}.app-ui .styk-settings-tile{align-content:start;gap:var(--space-1-5);min-inline-size:0;padding:var(--space-1-5) var(--space-1-5) var(--space-2-5);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-2);transition:background-color var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.app-ui .styk-settings-tile>input{z-index:1;opacity:0;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.app-ui .styk-settings-tile:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .styk-settings-tile:has(>input:checked){background:var(--accent-soft);color:var(--text-1);box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui .styk-settings-tile:has(>input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .styk-settings-tile-name{padding-inline:var(--space-1);font:var(--type-button);color:inherit}.app-ui .styk-settings-tile>.styk-settings-hint{padding-inline:var(--space-1)}.app-ui .styk-settings-art{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);display:block;position:relative;overflow:hidden}.app-ui .styk-settings-mini{display:block;position:absolute;inset:0}.app-ui .styk-settings-mini>svg{block-size:100%;inline-size:100%;display:block}.app-ui .styk-settings-mini:where([data-half]){clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%)}.app-ui .styk-settings-mini:where([data-mini=light]){--_field:var(--preview-light-field);--_panel:var(--preview-light-surface);--_stage:var(--preview-light-stage);--_line:var(--preview-light-line)}.app-ui .styk-settings-mini:where([data-mini=dark]){--_field:var(--preview-dark-field);--_panel:var(--preview-dark-surface);--_stage:var(--preview-dark-stage);--_line:var(--preview-dark-line)}.app-ui .styk-settings-mini .m-field{fill:var(--_field)}.app-ui .styk-settings-mini .m-panel{fill:var(--_panel)}.app-ui .styk-settings-mini .m-stage{fill:var(--_stage)}.app-ui .styk-settings-mini .m-line{fill:var(--_line)}.app-ui .styk-settings-mini :where(.m-accent,.m-figure){fill:var(--preview-accent)}.app-ui .styk-settings-mini .m-limb{fill:none;stroke:var(--preview-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.app-ui .styk-settings-timeline-art{padding:var(--space-3) var(--space-4);aspect-ratio:16/7;place-items:center;display:grid}.app-ui .styk-settings-timeline-art>svg{block-size:100%;inline-size:100%}.app-ui .styk-settings-timeline-art .t-track{fill:var(--surface-sunken)}.app-ui .styk-settings-timeline-art .t-key{fill:var(--tint-time)}.app-ui .styk-settings-timeline-art .t-head{fill:none;stroke:var(--accent);stroke-width:2px}.app-ui .styk-settings-timeline-art .t-head-cap{fill:var(--accent)}.app-ui .styk-settings-timeline-art .t-frame{fill:var(--surface-sunken);stroke:var(--line-3);stroke-width:1px}.app-ui .styk-settings-timeline-art .is-current{stroke:var(--accent-line);stroke-width:2px}.app-ui .styk-settings-timeline-art .t-figure{fill:var(--text-2)}.app-ui .styk-settings-timeline-art .t-limb{fill:none;stroke:var(--text-2);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.app-ui .styk-settings-handle-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.app-ui .styk-settings-handle-head>.styk-settings-slider{flex:0 280px}.app-ui .styk-settings-preview{gap:var(--space-2);padding:var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-lg);background:radial-gradient(var(--stage-dot) 1px, transparent 1.2px) 0 0 / var(--dot-gap) var(--dot-gap), var(--surface-stage);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.app-ui .styk-settings-node-cell{align-content:end;justify-items:center;gap:var(--space-2-5);text-align:center;min-block-size:56px;min-inline-size:0;display:grid}.app-ui .styk-settings-node-cell>small{max-inline-size:100%;font:var(--type-small);color:var(--text-3);overflow-wrap:anywhere}.app-ui .styk-settings-node{inline-size:calc(var(--size) * 2px);block-size:calc(var(--size) * 2px);border:var(--node-outline);background:var(--node-color);border-radius:50%;display:block}.app-ui .styk-settings-color>input{inline-size:48px;block-size:var(--control-md);border-radius:var(--radius-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--swatch-ring);border:0;margin:0;padding:3px;display:block}.app-ui .styk-settings-color>input::-webkit-color-swatch-wrapper{padding:0}.app-ui .styk-settings-color>input::-webkit-color-swatch{border-radius:var(--radius-xs);border:0}.app-ui .styk-settings-color>input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .hotkey-toolbar{z-index:2;align-items:center;gap:var(--space-2);margin:0 calc(-1 * var(--_pad-inline)) var(--space-4);padding:var(--space-3) var(--_pad-inline);background:var(--surface-field);display:flex;position:sticky;inset-block-start:calc(-1 * var(--_pad-block))}.app-ui .hotkey-search{align-items:center;gap:var(--space-2);min-inline-size:0;block-size:var(--control-lg);padding:0 var(--space-3-5);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-3);box-shadow:var(--elevation-1);flex:1;display:flex}.app-ui .hotkey-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 4px var(--focus-halo)}.app-ui .hotkey-search>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .hotkey-search>input{block-size:100%;min-inline-size:0;color:var(--text-1);font:var(--type-ui);background:0 0;border:0;outline:0;flex:1;padding:0}.app-ui .hotkey-search>input::placeholder{color:var(--text-placeholder)}.app-ui .hotkey-status{margin:0 var(--space-1) var(--space-3);font:var(--type-small);color:var(--success-text)}.app-ui .hotkey-status:empty{display:none}.app-ui .hotkey-empty{padding:var(--space-8) 0;text-align:center;color:var(--text-3);margin:0}.app-ui .hotkey-conflict{align-items:flex-start;gap:var(--space-3);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);background:var(--warning-soft);color:var(--text-1);font:var(--type-ui);margin-block-end:var(--space-4);display:flex}.app-ui .hotkey-conflict>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--warning-text);margin-block-start:1px}.app-ui .hotkey-conflict p{margin:0 0 var(--space-2-5)}.app-ui .hotkey-conflict p+div{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-ui .hotkey-row{align-items:center;gap:var(--space-3);min-block-size:52px;padding-block:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);display:grid}.app-ui .hotkey-row:not([hidden])~.hotkey-row{border-block-start:1px solid var(--line-1)}.app-ui .hotkey-name{min-inline-size:0;font:var(--type-ui-strong);overflow-wrap:anywhere}.app-ui .hotkey-name>small{font:var(--type-small);color:var(--text-3);margin-block-start:var(--space-0-5);display:block}.app-ui .hotkey-bindings{justify-content:flex-end;align-items:center;gap:var(--space-1-5);flex-wrap:wrap;min-inline-size:0;display:flex}.app-ui .hotkey-binding{border-radius:var(--radius-sm);background:var(--kbd-bg);max-inline-size:100%;box-shadow:inset 0 0 0 1px var(--kbd-line), 0 1px 0 var(--kbd-line);align-items:stretch;display:inline-flex;overflow:hidden}.app-ui .hotkey-binding>button{min-block-size:var(--control-sm);padding:0 var(--space-2);color:var(--text-1);font:var(--type-small-strong);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;background:0 0;border:0;place-items:center;display:grid}.app-ui .hotkey-binding>button:where(:hover){background:var(--surface-hover)}.app-ui .hotkey-binding>button+button{padding:0 var(--space-1-5);color:var(--text-3)}.app-ui .hotkey-binding>button+button:where(:hover){color:var(--danger-text)}.app-ui .hotkey-binding>button>svg{inline-size:var(--icon-xs);block-size:var(--icon-xs);stroke-width:var(--icon-stroke-small)}.app-ui .hotkey-bindings>:is(.hotkey-add,.hotkey-reset){inline-size:var(--control-sm);block-size:var(--control-sm);color:var(--text-3);font:var(--type-ui-strong);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.app-ui .hotkey-bindings>:is(.hotkey-add,.hotkey-reset):where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .hotkey-reset>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .hotkey-unassigned{font:var(--type-small);color:var(--text-3)}.app-ui .styk-settings [data-hotkey-record]:where([aria-pressed=true]){background:var(--accent-soft);color:var(--accent-text-strong);box-shadow:inset 0 0 0 2px var(--accent-line)}.app-ui .styk-settings-gestures{margin:0}.app-ui .styk-settings-gestures dt{font:var(--type-ui-strong);white-space:nowrap}.app-ui .styk-settings-gestures dd{color:var(--text-2);text-align:end;margin:0}.app-ui .styk-settings-gestures>.styk-settings-row{min-block-size:48px}.app-ui .styk-settings-gestures>.styk-settings-row+.styk-settings-row{border-block-start:1px solid var(--line-1)}.app-ui .settings-pen-gestures{margin-block-start:var(--space-8)}.app-ui .settings-feedback-actions{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-ui .settings-feedback-tile{border-radius:var(--radius-xl);background:var(--surface-raised);min-inline-size:0;box-shadow:var(--elevation-1);color:var(--text-1);text-align:start;white-space:normal;transition:box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);border:0;grid-template-rows:auto 1fr;justify-content:stretch;align-items:stretch;padding:0;display:grid;overflow:hidden}.app-ui .settings-feedback-tile:where(:hover){box-shadow:var(--elevation-2);translate:0 -2px}.app-ui .settings-feedback-art{background:radial-gradient(var(--stage-dot) 1.2px, transparent 1.4px) 0 0 / 16px 16px, var(--_soft);place-items:center;block-size:120px;display:grid}.app-ui .settings-feedback-icon{border-radius:var(--radius-xl);background:var(--_badge);block-size:56px;inline-size:56px;color:var(--on-badge);box-shadow:var(--elevation-2);transition:rotate var(--dur-base) var(--ease-spring), scale var(--dur-base) var(--ease-spring);place-items:center;display:grid}.app-ui .settings-feedback-tile:where(:hover) .settings-feedback-icon{rotate:-6deg;scale:1.06}.app-ui .settings-feedback-icon>svg{inline-size:var(--icon-2xl);block-size:var(--icon-2xl)}.app-ui .settings-feedback-body{align-content:start;gap:var(--space-1-5);padding:var(--space-4) var(--space-4) var(--space-5);display:grid}.app-ui .settings-feedback-body>strong{font:var(--weight-display) var(--text-18)/var(--leading-18) var(--font-display);letter-spacing:var(--tracking-title)}.app-ui .settings-feedback-body>small{font:var(--type-body);color:var(--text-2)}.app-ui .settings-feedback-go{align-items:center;gap:var(--space-0-5);font:var(--type-button);color:var(--_ink);margin-block-start:var(--space-2);display:inline-flex}.app-ui .settings-feedback-go>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);stroke-width:var(--icon-stroke-small);transition:translate var(--dur-base) var(--ease-out)}.app-ui .settings-feedback-tile:where(:hover) .settings-feedback-go>svg{translate:3px}.app-ui .settings-feedback-private{align-items:center;gap:var(--space-3-5);padding:var(--space-4) var(--space-5);margin-block-start:var(--space-4);display:flex}.app-ui .settings-feedback-lock{border-radius:var(--radius-md);background:var(--success-soft);block-size:38px;inline-size:38px;color:var(--success-text);flex:none;place-items:center;display:grid}.app-ui .settings-feedback-lock>svg{inline-size:var(--icon-md);block-size:var(--icon-md)}.app-ui .styk-settings :where(.styk-settings-close,.styk-settings-tabs>button,.styk-settings-privacy,.styk-settings-donate,.styk-settings-icon-button,.settings-feedback-tile,.hotkey-binding>button,.hotkey-add,.hotkey-reset):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}@container styk-settings (width<=820px){.app-ui .styk-settings-layout{grid-template-columns:208px minmax(0,1fr)}.app-ui .styk-settings-content{--_pad-block:var(--space-6);--_pad-inline:var(--space-6)}.app-ui .styk-settings-donate-text>small{display:none}}@container styk-settings (width<=620px){.app-ui .styk-settings-head{gap:var(--space-2);min-block-size:56px;padding-inline:var(--space-4) var(--space-3)}.app-ui .styk-settings-mark{display:none}.app-ui .styk-settings-head>h2{font-size:var(--text-18)}.app-ui .styk-settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.app-ui .styk-settings-sidebar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-inline-end:0;border-block-end:1px solid var(--line-1);flex-direction:row;overflow:hidden}.app-ui .styk-settings-tabs{scrollbar-width:none;flex:1;min-inline-size:0;display:flex;overflow-x:auto}.app-ui .styk-settings-tabs>button{min-block-size:38px;inline-size:auto;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);white-space:nowrap;flex:none}.app-ui .styk-settings-tab-icon{border-radius:var(--radius-sm);block-size:28px;inline-size:28px}.app-ui .styk-settings-actions{gap:var(--space-1);flex:none;margin:0;display:flex}.app-ui .styk-settings-privacy{inline-size:var(--control-lg);block-size:var(--control-lg);justify-content:center;padding:0}.app-ui .styk-settings-privacy>span,.app-ui .styk-settings-donate-text,.app-ui .styk-settings-donate>svg:last-child{display:none}.app-ui .styk-settings-donate{background:0 0;grid-template-columns:auto;padding:0;display:grid}.app-ui .styk-settings-content{--_pad-block:var(--space-5);--_pad-inline:var(--space-4)}.app-ui .styk-settings-page>h3{font-size:var(--text-20);line-height:var(--leading-20);letter-spacing:var(--tracking-title)}.app-ui .styk-settings-card{padding-inline:var(--space-4)}}@container settings-content (width<=560px){.app-ui .settings-feedback-actions{grid-template-columns:minmax(0,1fr)}.app-ui .settings-feedback-tile{grid-template-rows:auto;grid-template-columns:112px minmax(0,1fr)}.app-ui .settings-feedback-art{block-size:auto}.app-ui .settings-feedback-private{flex-wrap:wrap}.app-ui .hotkey-row{grid-template-columns:minmax(0,1fr)}.app-ui .hotkey-bindings{justify-content:flex-start}}@container settings-content (width<=440px){.app-ui .styk-settings-row{flex-wrap:wrap}.app-ui .styk-settings-scale{grid-template-columns:minmax(0,1fr)}.app-ui .styk-settings-scale>.ui-segmented{justify-self:start;max-inline-size:100%}.app-ui .styk-settings-row>.ui-button{block-size:auto;max-inline-size:100%;min-block-size:var(--control-md);white-space:normal}.app-ui .styk-settings-scale .ui-segmented-item{white-space:normal;block-size:auto;min-inline-size:0}.app-ui .styk-settings-row>.ui-select{flex:100%}.app-ui .styk-settings-handle-head{flex-wrap:wrap}.app-ui .styk-settings-handle-head>.styk-settings-slider{flex:100%}.app-ui .styk-settings-node-cell>small{display:none}.app-ui .styk-settings-tiles:where([data-columns="2"]){--_cols:1}.app-ui .hotkey-toolbar{flex-wrap:wrap}.app-ui .styk-settings-gestures>.styk-settings-row{gap:var(--space-1);flex-wrap:wrap}.app-ui .styk-settings-gestures dd{text-align:start}}.app-ui :where(#vfx-panel){--vfx-label:92px;--vfx-value:68px;min-block-size:0;color:var(--text-1);font:var(--type-ui);flex-direction:column;flex:1;display:flex;overflow:hidden}.app-ui .vfx-head{align-items:center;gap:var(--space-2);min-block-size:calc(var(--control-lg) + var(--space-3));padding:var(--space-3) calc(var(--island-pad) - var(--space-1-5)) 0 var(--island-pad);flex:none;display:flex}.app-ui .vfx-controls{gap:var(--space-2);padding:var(--space-2) var(--island-pad) var(--space-3);flex:none;display:grid}.app-ui .vfx-list-head{align-items:center;gap:var(--space-1);min-block-size:var(--control-lg);padding:var(--space-1) var(--island-pad);box-shadow:inset 0 1px 0 var(--line-1);flex:none;display:flex}.app-ui .vfx-list-title{font:var(--type-section);letter-spacing:-.005em;color:var(--text-1);flex:none;margin:0}.app-ui :where(#vfx-panel) .vfx-view{min-inline-size:0;block-size:var(--control-sm);field-sizing:content;color:var(--text-3);font:var(--type-small-strong);background-color:#0000;flex:0 auto}.app-ui :where(#vfx-panel) .vfx-view:where(:hover){background-color:var(--surface-hover);box-shadow:none;color:var(--text-1)}.app-ui .vfx-list-actions{align-items:center;gap:var(--space-0-5);flex:none;margin-inline-start:auto;display:flex}.app-ui .vfx-stack{overscroll-behavior:contain;scrollbar-gutter:stable;min-block-size:0;padding:0 var(--island-pad) var(--island-pad);flex:1;overflow-y:auto}.app-ui .vfx-search{margin-block-end:var(--space-2)}.app-ui .vfx-search>.ui-icon{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);flex:none}.app-ui .vfx-note{margin:0 0 var(--space-2);font:var(--type-small);color:var(--text-2);text-wrap:pretty}.app-ui .vfx-note[data-tone=warning]{padding:var(--space-1-5) var(--space-2-5);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--warning-text)}.app-ui .vfx-list{gap:var(--space-0-5);display:grid}.app-ui .vfx-entry{min-inline-size:0}.app-ui .vfx-entry.is-open{margin-inline:calc(-1 * var(--island-pad));padding:var(--space-1) var(--island-pad) var(--space-3);box-shadow:inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1)}.app-ui .vfx-entry.is-open:first-child{box-shadow:inset 0 -1px 0 var(--line-1)}.app-ui .vfx-entry.is-open:not(:first-child){margin-block-start:var(--space-1)}.app-ui .vfx-entry.is-open:not(:last-child){margin-block-end:var(--space-1)}.app-ui .vfx-list>.ui-group-label{padding-inline:var(--space-1-5)}.app-ui .vfx-item{align-items:center;gap:var(--space-0-5);block-size:var(--control-lg);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-out);padding-inline-end:var(--space-1);display:flex;position:relative}.app-ui .vfx-item:where(:hover){background:var(--surface-hover)}.app-ui .vfx-item.is-selected{background:var(--surface-selected)}.app-ui .vfx-item-select{align-items:center;gap:var(--space-2-5);block-size:100%;min-inline-size:0;padding:0 var(--space-1) 0 var(--space-1-5);border-radius:inherit;color:var(--text-1);font:var(--type-ui);text-align:start;cursor:default;background:0 0;border:0;flex:auto;display:flex}.app-ui .vfx-item-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .vfx-item:where(.is-selected) .vfx-row-name{font-weight:var(--weight-semibold)}.app-ui .vfx-row-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;overflow:hidden}.app-ui .vfx-row-meta{padding-inline:var(--space-1);font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.app-ui :where(.vfx-item,.vfx-clip-effect).is-disabled :is(.vfx-tile,.vfx-row-name,.vfx-row-meta){opacity:.45}.app-ui :where(#vfx-panel) .vfx-row-eye{color:var(--text-3)}.app-ui :where(#vfx-panel) .vfx-row-eye[data-on=true]{color:var(--text-1)}.app-ui :where(#vfx-panel) .vfx-row-more{opacity:0;transition:opacity var(--dur-fast)}.app-ui :where(.vfx-item:is(:hover,:focus-within,.is-selected),.vfx-clip-effect>summary:is(:hover,:focus-within)) .vfx-row-more,.app-ui :where(#vfx-panel) .vfx-row-more[aria-expanded=true]{opacity:1}.app-ui .vfx-item>.vfx-chevron{inline-size:var(--icon-xs);block-size:var(--icon-xs);margin-inline:var(--space-0-5) var(--space-1);stroke-width:2.25px;color:var(--text-3);pointer-events:none;transition:rotate var(--dur-base) var(--ease-out);flex:none}.app-ui .vfx-item.is-selected>.vfx-chevron{color:var(--text-2);rotate:90deg}.app-ui .vfx-tile{--_soft:var(--tint-fx-soft);--_ink:var(--tint-fx-ink);border-radius:var(--radius-xs);background:var(--_soft);block-size:24px;inline-size:24px;color:var(--_ink);flex:none;place-items:center;display:inline-grid}.app-ui .vfx-tile>svg{stroke-width:1.8px;block-size:15px;inline-size:15px}.app-ui .vfx-tile[data-tint=select]{--_soft:var(--tint-select-soft);--_ink:var(--tint-select-ink)}.app-ui .vfx-tile[data-tint=time]{--_soft:var(--tint-time-soft);--_ink:var(--tint-time-ink)}.app-ui .vfx-tile[data-tint=library]{--_soft:var(--tint-library-soft);--_ink:var(--tint-library-ink)}.app-ui .vfx-tile[data-tint=draw]{--_soft:var(--tint-draw-soft);--_ink:var(--tint-draw-ink)}.app-ui .vfx-tile[data-tint=camera]{--_soft:var(--tint-camera-soft);--_ink:var(--tint-camera-ink)}.app-ui .vfx-grip{z-index:1;inline-size:var(--space-3-5);border-radius:var(--radius-2xs);color:var(--text-3);opacity:0;cursor:grab;transition:opacity var(--dur-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--space-3-5))}.app-ui .vfx-grip>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .vfx-grip:where(:active){cursor:grabbing}.app-ui .vfx-grip:focus-visible{opacity:1;outline:2px solid var(--focus-ring)}.app-ui :where(.vfx-item,.vfx-clip-effect>summary):where(:hover) .vfx-grip:not(:disabled){opacity:1}.app-ui :where(.vfx-item,.vfx-clip-effect).is-dragging{opacity:.4}.app-ui :where(.vfx-item,.vfx-clip-effect).is-drop-target:before{content:"";inset-inline:var(--space-1-5);z-index:2;background:var(--accent-line);border-radius:1px;block-size:2px;position:absolute;inset-block-start:-2px}.app-ui .vfx-clip-rename{z-index:2;inline-size:calc(100% - 4px);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-1);font:var(--type-ui);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);border:0;outline:none;margin:0;position:absolute;inset:2px}.app-ui .vfx-show-all{justify-content:space-between;align-items:center;gap:var(--space-2);inline-size:100%;block-size:var(--control-md);padding:0 var(--space-1-5);border-radius:var(--radius-sm);color:var(--text-3);font:var(--type-small);text-align:start;background:0 0;border:0;margin-block-start:var(--space-1);display:flex}.app-ui .vfx-show-all:where(:hover){background:var(--surface-hover);color:var(--text-2)}.app-ui .vfx-show-all:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .vfx-show-all-link{font:var(--type-small-strong);color:var(--accent-text);flex:none}.app-ui .vfx-empty{gap:var(--space-1);padding:var(--space-4) 0 var(--space-2)}.app-ui .vfx-suggestions{gap:var(--space-1-5);text-align:start;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;margin-block-start:var(--space-2);display:grid}.app-ui .vfx-suggestion{align-items:center;column-gap:var(--space-2);min-block-size:44px;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-1);text-align:start;cursor:default;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.app-ui .vfx-suggestion>.vfx-tile{border-radius:var(--radius-sm);grid-row:1/3;block-size:28px;inline-size:28px}.app-ui .vfx-suggestion>.vfx-tile>svg{block-size:16px;inline-size:16px}.app-ui .vfx-suggestion-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-small-strong);align-self:end;overflow:hidden}.app-ui .vfx-suggestion-meta{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-micro);font-weight:var(--weight-medium);color:var(--text-3);align-self:start;overflow:hidden}.app-ui .vfx-suggestion:where(:hover):not(:disabled){background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .vfx-suggestion:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .vfx-suggestion:disabled{opacity:.42}.app-ui .vfx-detail{padding-block-start:var(--space-2)}.app-ui .vfx-detail.is-disabled>.vfx-fields{opacity:.55}.app-ui .vfx-fields{gap:var(--space-0-5);min-inline-size:0;display:grid}.app-ui .vfx-row{grid-template-columns:var(--vfx-label) minmax(0, 1fr) var(--vfx-value);align-items:center;column-gap:var(--space-2);min-block-size:var(--control-md);min-inline-size:0;display:grid}.app-ui .vfx-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-small);color:var(--text-2);-webkit-user-select:none;user-select:none;grid-area:1/1;overflow:hidden}.app-ui .vfx-label[data-property-scrub]{border-radius:var(--radius-2xs);cursor:ew-resize;touch-action:none;max-inline-size:100%;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px;justify-self:start}.app-ui .vfx-label:where([data-property-scrub]):hover,.app-ui .vfx-row:where(:has([data-property-scrub]:active))>.vfx-label{color:var(--accent-text);text-decoration-color:currentColor}.app-ui .vfx-row>.vfx-slider{grid-area:1/2}.app-ui .vfx-row>.vfx-number{--_gap:var(--space-1);padding-inline:var(--space-2) var(--space-1-5);grid-area:1/3}.app-ui .vfx-row:where(.is-number)>.vfx-number{min-inline-size:var(--vfx-value);grid-column:2/4;justify-self:end;max-inline-size:100%}.app-ui .vfx-row>:is(.vfx-select,.vfx-paint,.vfx-variation-button){grid-area:1/2/auto/4;min-inline-size:0}.app-ui .vfx-row>.ui-switch{grid-column:3;justify-self:end}.app-ui :where(#vfx-panel) .vfx-select{inline-size:100%;block-size:var(--control-sm)}.app-ui :where(#vfx-panel) .vfx-paint{padding-inline:var(--space-2)}.app-ui .vfx-paint>.ui-field-hex{font:var(--type-small);color:var(--text-1);flex:1}.app-ui .vfx-row:where(.vfx-aim){grid-template-columns:var(--vfx-label) minmax(0, 1fr) auto auto}.app-ui .vfx-aim-target{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-small);color:var(--text-1);overflow:hidden}.app-ui .vfx-row:where(.vfx-variation)>.ui-button{grid-column:2/4;justify-self:start}.app-ui .vfx-row .ui-button>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .vfx-key-field{margin-inline:calc(-1 * var(--space-1-5)) calc(-1 * var(--island-pad));padding-inline:var(--space-1-5) var(--island-pad);border-radius:var(--radius-sm);position:relative}.app-ui .vfx-key-field.is-channel-selected{background:var(--surface-selected)}.app-ui .vfx-key-field.is-channel-selected .vfx-label{color:var(--text-1)}.app-ui :where(#vfx-panel) .vfx-key{inline-size:var(--island-pad);border-radius:var(--radius-2xs);block-size:24px;color:var(--text-3);opacity:0;transition:opacity var(--dur-fast), color var(--dur-fast);background:0 0;border:0;place-items:center;margin-block:auto;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.app-ui :where(#vfx-panel) .vfx-key>svg{stroke-width:2px;block-size:12px;inline-size:12px}.app-ui :where(#vfx-panel) .vfx-key:where(:hover):not(:disabled){background:var(--surface-hover);color:var(--accent-text)}.app-ui :where(#vfx-panel) .vfx-key:focus-visible{opacity:1;outline:2px solid var(--focus-ring)}.app-ui :where(.vfx-key-field:is(:hover,:focus-within,.is-channel-selected))>.vfx-key,.app-ui :where(#vfx-panel) .vfx-key:is(.is-animated,.is-keyed){opacity:1}.app-ui :where(#vfx-panel) .vfx-key.is-animated{color:var(--accent-text)}.app-ui :where(#vfx-panel) .vfx-key.is-keyed>svg{fill:currentColor}.app-ui .vfx-advanced{margin-block-start:var(--space-1)}.app-ui .vfx-advanced>summary{align-items:center;gap:var(--space-1-5);min-block-size:var(--control-md);margin-inline:calc(-1 * var(--space-1-5));padding-inline:var(--space-1-5);border-radius:var(--radius-sm);font:var(--type-small-strong);color:var(--text-2);cursor:default;list-style:none;display:flex}.app-ui .vfx-advanced>summary::-webkit-details-marker{display:none}.app-ui .vfx-advanced>summary>svg{inline-size:var(--icon-xs);block-size:var(--icon-xs);stroke-width:2.25px;color:var(--text-3);transition:rotate var(--dur-base) var(--ease-out)}.app-ui .vfx-advanced:where([open])>summary>svg{rotate:90deg}.app-ui .vfx-advanced>summary:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .vfx-advanced>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .vfx-detail>.vfx-subhead{margin-block-start:var(--space-3)}.app-ui .vfx-members{box-shadow:inset 1px 0 0 var(--line-2);margin-inline-start:var(--space-2-5);padding-inline-start:var(--space-2);display:grid}.app-ui :where(#vfx-panel) .vfx-group-add{justify-content:flex-start;align-items:center;gap:var(--space-2);inline-size:100%;block-size:var(--control-lg);margin-block:var(--space-2) var(--space-1);padding-inline:var(--space-2-5);border:1px dashed var(--accent-line);border-radius:var(--radius-md);color:var(--accent-text);font:var(--type-button);text-align:start;background:0 0;display:flex}.app-ui :where(#vfx-panel) .vfx-group-add>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:currentColor}.app-ui :where(#vfx-panel) .vfx-group-add:where(:hover):not(:disabled){background:var(--accent-soft);color:var(--accent-text-strong);border-style:solid}.app-ui :where(#vfx-panel) .vfx-group-add:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui :where(#vfx-panel) .vfx-group-add:disabled{opacity:.42}.app-ui .vfx-clip-effect{position:relative}.app-ui .vfx-clip-effect+.vfx-clip-effect{box-shadow:inset 0 1px 0 var(--line-1)}.app-ui .vfx-clip-effect>summary{align-items:center;gap:var(--space-2-5);block-size:var(--control-lg);padding-inline:var(--space-1-5) var(--space-1);border-radius:var(--radius-sm);cursor:default;font:var(--type-ui);color:var(--text-1);list-style:none;display:flex;position:relative}.app-ui .vfx-clip-effect>summary::-webkit-details-marker{display:none}.app-ui .vfx-clip-effect>summary:where(:hover){background:var(--surface-hover)}.app-ui .vfx-clip-effect>summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .vfx-clip-effect:where([open])>summary .vfx-row-name{font-weight:var(--weight-semibold)}.app-ui .vfx-group-actions{flex:none;align-items:center;display:flex}.app-ui .vfx-clip-effect>summary>.icon:last-child{inline-size:var(--icon-xs);block-size:var(--icon-xs);stroke-width:2.25px;color:var(--text-3);transition:rotate var(--dur-base) var(--ease-out);flex:none}.app-ui .vfx-clip-effect:where([open])>summary>.icon:last-child{rotate:90deg}.app-ui .vfx-clip-effect:where([open])>.vfx-fields{padding-block:var(--space-1) var(--space-3)}.app-ui .vfx-timing{box-shadow:inset 0 1px 0 var(--line-1);margin-block-start:var(--space-3);padding-block-start:var(--space-3)}.app-ui .vfx-subhead{margin:0 0 var(--space-1);font:var(--type-small-strong);color:var(--text-3)}.app-ui .vfx-clip-timing{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-1-5);display:grid}.app-ui .vfx-clip-timing>.ui-field{min-inline-size:0}.app-ui .vfx-clip-timing .ui-field-label[data-property-scrub]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-3);text-decoration-color:var(--line-3);text-underline-offset:3px}.app-ui .vfx-key-dock{padding:var(--space-1-5) calc(var(--island-pad) - var(--space-1-5));box-shadow:inset 0 1px 0 var(--line-1);flex:none}.app-ui .vfx-key-dock:where(:empty,:has(>.vfx-key-navigation[hidden])){display:none}.app-ui .vfx-key-navigation{align-items:center;gap:var(--space-0-5);display:flex}.app-ui :where(#vfx-panel) .vfx-channel-trigger{align-items:center;gap:var(--space-1-5);min-inline-size:0;block-size:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-2);font:var(--type-small-strong);text-align:start;background:0 0;border:0;flex:auto;display:flex}.app-ui :where(#vfx-panel) .vfx-channel-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.app-ui :where(#vfx-panel) .vfx-channel-trigger>svg{inline-size:var(--icon-xs);block-size:var(--icon-xs);color:var(--text-3);flex:none}.app-ui :where(#vfx-panel) .vfx-channel-trigger:where(:hover,[aria-expanded=true]){background:var(--surface-hover);color:var(--text-1)}.app-ui :where(#vfx-panel) .vfx-channel-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui :where(#vfx-panel) .vfx-key-navigation>.vfx-key{inline-size:var(--control-xs);block-size:var(--control-xs);opacity:1;color:var(--accent-text);margin:0;position:static}.app-ui :where(#vfx-panel) .vfx-easing{inline-size:88px;block-size:var(--control-sm);font:var(--type-small);flex:none}.app-ui .vfx-catalog{box-sizing:border-box;max-inline-size:calc(100vw - var(--space-4));max-block-size:min(460px, calc(100vh - var(--space-4)));overscroll-behavior:contain;border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.app-ui .vfx-catalog-top{z-index:1;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);background:var(--surface-raised);display:grid;position:sticky;inset-block-start:0}.app-ui .vfx-catalog-tabs{justify-self:stretch}.app-ui .vfx-catalog-tabs>.ui-segmented-item{flex:1 1 0}.app-ui .vfx-catalog-search>.ui-icon{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-3);flex:none}.app-ui .vfx-catalog-results{padding:0 var(--space-2) var(--space-3)}.app-ui .vfx-catalog-results h3{margin:var(--space-3) var(--space-1-5) var(--space-1);font:var(--type-eyebrow);color:var(--text-3)}.app-ui .vfx-catalog-grid{gap:var(--space-0-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-ui .vfx-catalog-card{align-items:center;gap:var(--space-2-5);min-inline-size:0;min-block-size:var(--control-lg);padding:var(--space-1) var(--space-1-5);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);text-align:start;cursor:default;background:0 0;border:0;display:flex}.app-ui .vfx-catalog-card>span:not(.vfx-catalog-art){text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.app-ui .vfx-catalog-card>small{font:var(--type-small);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.app-ui .vfx-catalog-card:where(:hover,:focus-visible):not(:disabled){background:var(--surface-hover);outline:none}.app-ui .vfx-catalog-card:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring)}.app-ui .vfx-catalog-card:disabled{opacity:.42}.app-ui .vfx-catalog-grid.is-previews{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr))}.app-ui .vfx-catalog-grid.is-previews .vfx-catalog-card{align-items:stretch;gap:var(--space-1);padding:var(--space-1);flex-direction:column}.app-ui :where(.vfx-catalog-grid.is-previews) .vfx-catalog-card>span:not(.vfx-catalog-art){text-align:center;font:var(--type-small)}.app-ui .vfx-catalog-still{aspect-ratio:3/2;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-1);place-items:center;display:grid;overflow:hidden}.app-ui .vfx-catalog-still>svg{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.app-ui .vfx-catalog-still>img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.app-ui .vfx-catalog-grid.is-previews .vfx-catalog-card:where(:hover,:focus-visible){box-shadow:none;background:0 0}.app-ui :where(.vfx-catalog-grid.is-previews) .vfx-catalog-card:where(:hover,:focus-visible) .vfx-catalog-still{box-shadow:0 0 0 2px var(--focus-ring)}.app-ui .vfx-my-presets-section{box-shadow:inset 0 -1px 0 var(--line-1);margin-block-end:var(--space-1);padding-block-end:var(--space-2)}.app-ui .vfx-my-preset{min-inline-size:0;position:relative}.app-ui .vfx-catalog-grid.vfx-my-presets{grid-template-columns:minmax(0,1fr)}.app-ui .vfx-my-preset>.vfx-catalog-card{min-block-size:44px;inline-size:100%;padding-inline-end:calc(var(--control-sm) + var(--space-1))}.app-ui .vfx-my-preset-text{gap:1px;display:grid}.app-ui .vfx-my-preset-text>span{text-overflow:ellipsis;white-space:nowrap;font:var(--type-ui-strong);overflow:hidden}.app-ui .vfx-my-preset-text>small{text-overflow:ellipsis;white-space:nowrap;font:var(--type-small);color:var(--text-3);overflow:hidden}.app-ui :where(.vfx-catalog) .vfx-my-preset-more{color:var(--text-3);position:absolute;inset-block-start:50%;inset-inline-end:var(--space-1);translate:0 -50%}.app-ui .vfx-my-presets-empty{align-items:flex-start;gap:var(--space-2);margin:var(--space-1) var(--space-1) 0;padding:var(--space-2-5) var(--space-3);border:1px dashed var(--line-3);border-radius:var(--radius-md);font:var(--type-small);color:var(--text-2);display:flex}.app-ui .vfx-my-presets-empty>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--accent-text);flex:none;margin-block-start:1px}.app-ui .vfx-my-presets-empty b{font-weight:var(--weight-semibold);color:var(--text-1)}.app-ui .vfx-detail-foot{padding-block:var(--space-2) var(--space-1);box-shadow:inset 0 1px 0 var(--line-1);justify-content:flex-end;margin-block-start:var(--space-2);display:flex}.app-ui :where(#vfx-panel) .vfx-save-preset:where([data-saved]){color:var(--success-text)}.app-ui .vfx-catalog-empty{padding:var(--space-6) var(--space-3);text-align:center;font:var(--type-small);color:var(--text-3)}.app-ui .vfx-channel-menu{box-sizing:border-box;padding:var(--space-1-5);inline-size:260px;max-inline-size:calc(100vw - var(--space-4));max-block-size:calc(100vh - var(--space-4));border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0;margin:0;position:fixed;inset:auto;overflow:hidden}.app-ui .vfx-channel-menu-tools{align-items:center;gap:var(--space-0-5);padding:0 0 var(--space-1-5);box-shadow:inset 0 -1px 0 var(--line-1);display:flex}.app-ui .vfx-channel-menu-tools>span{color:var(--text-3);flex:1;padding-inline-start:var(--space-1-5);display:flex}.app-ui .vfx-channel-menu button{justify-content:center;align-items:center;gap:var(--space-1-5);min-block-size:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-2);font:var(--type-small-strong);background:0 0;border:0;display:inline-flex}.app-ui .vfx-channel-menu button:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .vfx-channel-menu :is(button,input):focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset-inset)}.app-ui .vfx-channel-menu svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.app-ui .vfx-channel-search{align-items:center;gap:var(--space-1-5);block-size:var(--control-sm);margin-block:var(--space-1-5) 0;padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-3);display:flex}.app-ui .vfx-channel-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo)}.app-ui .vfx-channel-search input{min-inline-size:0;color:var(--text-1);font:var(--type-small);background:0 0;border:0;outline:none;flex:1}.app-ui .vfx-channel-options{overscroll-behavior:contain;max-block-size:304px;padding-block-start:var(--space-1);overflow-y:auto}.app-ui .vfx-channel-group+.vfx-channel-group{box-shadow:inset 0 1px 0 var(--line-1);margin-block-start:var(--space-1);padding-block-start:var(--space-1)}.app-ui .vfx-channel-group-name,.app-ui .vfx-channel-option{align-items:center;gap:var(--space-2);min-block-size:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-sm);font:var(--type-small);cursor:default;margin:0;display:flex}.app-ui .vfx-channel-group-name{font:var(--type-small-strong);color:var(--text-2)}.app-ui .vfx-channel-group-name>svg{color:var(--text-3)}.app-ui .vfx-channel-option:where(:hover,:focus-within){background:var(--surface-hover)}.app-ui .vfx-channel-group:where(:has(.vfx-channel-group-name)) .vfx-channel-option{padding-inline-start:var(--space-6)}.app-ui .vfx-channel-option>span{flex:1;min-inline-size:0}.app-ui .vfx-channel-option>button{min-block-size:var(--control-xs);padding:0 var(--space-1);opacity:0}.app-ui .vfx-channel-option:where(:hover,:focus-within)>button{opacity:1}.app-ui .vfx-channel-menu input[type=checkbox]{block-size:14px;inline-size:14px;accent-color:var(--accent-strong);flex:none;margin:0}.app-ui .audio-toolbar{gap:var(--space-1);padding-inline:var(--space-2-5);font:var(--type-small);color:var(--text-2)}.app-ui .audio-toolbar>strong{font:var(--type-section);color:var(--text-1);margin-inline-end:var(--space-1-5)}.app-ui .audio-toolbar>.audio-heading-icon>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--audio-ink)}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button{gap:var(--space-1-5);block-size:var(--control-sm);min-inline-size:var(--control-sm);padding:0 var(--space-2-5);border-radius:var(--radius-pill);color:var(--text-2);font:var(--type-button);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button:where(:hover:not(:disabled)){background:var(--surface-hover);color:var(--text-1)}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button:where([aria-pressed=true],[aria-expanded=true]){background:var(--surface-pressed);color:var(--text-1)}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.app-ui :where(.audio-toolbar,.audio-clip-controls,.audio-properties-actions,.audio-properties-title)>.audio-button:where(:not(:has(>span))){inline-size:var(--control-sm);padding:0}.app-ui .audio-toolbar>.audio-button:where([aria-label=Import\ audio]){background:var(--audio-fill);color:var(--audio-ink)}.app-ui .audio-toolbar>.audio-button:where([aria-label=Import\ audio]):where(:hover:not(:disabled)){background:color-mix(in srgb, var(--audio-fill) 80%, var(--audio-ink));color:var(--audio-ink)}.app-ui .audio-toolbar>.audio-hint{font:var(--type-small);color:var(--text-3)}.app-ui .audio-empty-actions>.button{block-size:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-well);color:var(--text-1);font:var(--type-button);box-shadow:none;border:0;align-items:center;display:inline-flex}.app-ui .audio-empty-actions>.button:where(.primary){background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-shadow)}.app-ui .audio-empty-actions>.button:where(:hover){background:var(--surface-pressed)}.app-ui .audio-empty-actions>.button:where(.primary):where(:hover){background:var(--primary-hover)}.app-ui .audio-empty strong{font:var(--type-section);color:var(--text-1)}.app-ui .audio-empty p{font:var(--type-small);color:var(--text-2)}.app-ui .audio-clip-popover{gap:var(--space-3);inline-size:288px;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0}.app-ui .audio-clip-popover .audio-selection-info>strong{font:var(--type-ui-strong);color:var(--text-1);margin-block-end:var(--space-0-5)}.app-ui .audio-clip-popover .audio-selection-info>span{font:var(--type-small);color:var(--text-3)}.app-ui .audio-clip-popover .audio-clip-controls{gap:var(--space-1)}.app-ui .audio-clip-popover .audio-clip-controls>.audio-button{background:var(--surface-sunken);color:var(--text-1)}.app-ui .audio-clip-popover .audio-clip-controls>.audio-button:where(:hover:not(:disabled)){background:var(--surface-hover)}.app-ui .audio-clip-popover .audio-clip-controls>.audio-button:where([aria-label="Delete audio clip"]):where(:hover:not(:disabled)){background:var(--danger-soft);color:var(--danger-text)}.app-ui .audio-clip-popover .audio-volume{gap:var(--space-2-5);min-block-size:var(--control-md);font:var(--type-small);color:var(--text-2);margin:0}.app-ui .audio-clip-popover .audio-volume>input{block-size:var(--control-sm);accent-color:var(--slider-fill)}.app-ui .audio-clip-popover .audio-volume>output{text-align:end;min-inline-size:40px;font:var(--type-value);color:var(--text-1)}.app-ui .audio-properties{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface-raised);color:var(--text-1);box-shadow:var(--elevation-3);font:var(--type-ui);border:0}.app-ui .audio-properties .audio-properties-title{gap:var(--space-2);margin-block-end:var(--space-4)}.app-ui .audio-properties .audio-properties-title>strong{font:var(--type-heading);letter-spacing:var(--tracking-heading);color:var(--text-1)}.app-ui .audio-properties .audio-properties-fields{gap:var(--space-3) var(--space-2-5)}.app-ui .audio-properties .audio-properties-fields>label{gap:var(--space-1-5);font:var(--type-small-strong);color:var(--text-2)}.app-ui .audio-properties .audio-properties-fields :is(input,select){block-size:var(--control-md);padding:0 var(--space-2-5);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums;border:0}.app-ui .audio-properties .audio-properties-fields :is(input,select):focus-visible{background-color:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .audio-properties .audio-properties-actions{gap:var(--space-1);margin-block-start:var(--space-4)}.app-ui .audio-properties .audio-properties-actions>.audio-button:where([aria-label="Delete audio clip"]):where(:hover:not(:disabled)){background:var(--danger-soft);color:var(--danger-text)}.app-ui .audio-properties>p{font:var(--type-small);color:var(--text-3);margin-block-start:var(--space-3)}.app-ui .audio-options{padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--elevation-3);font:var(--type-ui);color:var(--text-1);border:0}.app-ui .drawing-quickbar .draw-quick-row{gap:var(--space-1);align-items:center}.app-ui .drawing-quickbar .draw-quick-divider{block-size:20px;inline-size:1px;margin-inline:var(--space-0-5);background:var(--line-1)}.app-ui .drawing-quickbar .draw-quick-tool{gap:var(--space-1-5);padding:0 var(--space-2) 0 var(--space-1);color:var(--text-1);font:var(--type-ui-strong)}.app-ui .drawing-quickbar .draw-quick-tool>svg{inline-size:var(--icon-md);block-size:var(--icon-md);color:var(--tint-draw-ink)}.app-ui :where(.drawing-quickbar) :is(.draw-quick-preset,.draw-quick-choice){block-size:var(--control-md);gap:var(--space-1-5);padding:0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-button);border:0}.app-ui :where(.drawing-quickbar) :is(.draw-quick-preset,.draw-quick-choice):where(:hover){background:var(--surface-hover)}.app-ui :where(.drawing-quickbar) :is(.draw-quick-choice,.draw-quick-toggle):where([aria-pressed=true]),.app-ui :where(.drawing-quickbar) .draw-quick-preset:where([aria-expanded=true]){background:var(--accent-soft);color:var(--accent-text-strong);box-shadow:none}.app-ui :where(.drawing-quickbar) .draw-quick-toggle{inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);border:0}.app-ui :where(.drawing-quickbar) .draw-quick-swatch{border-radius:var(--radius-xs);block-size:18px;inline-size:18px;box-shadow:inset 0 0 0 1px var(--line-2);border:0}.app-ui :where(.drawing-quickbar) .draw-quick-swatch:where([aria-pressed=true]){outline:2px solid var(--accent-line);outline-offset:1px}.app-ui :where(.drawing-quickbar) :is(.draw-quick-more,.draw-quick-add){block-size:18px;min-inline-size:18px;padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--surface-sunken);color:var(--text-2);font:var(--type-micro);cursor:pointer;border:0;place-items:center;display:inline-grid}.app-ui :where(.drawing-quickbar) .draw-quick-add{box-shadow:inset 0 0 0 1px var(--line-3);background:0 0;padding:0}.app-ui :where(.drawing-quickbar) .draw-quick-add>svg{block-size:12px;inline-size:12px}.app-ui :where(.drawing-quickbar) :is(.draw-quick-more,.draw-quick-add):where(:hover){background:var(--accent-soft);color:var(--accent-text-strong);box-shadow:none}.app-ui .draw-slider{block-size:var(--control-md);gap:var(--space-2);padding:0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-small);overflow:hidden}.app-ui .draw-slider.is-compact{block-size:var(--control-md);min-inline-size:100px;padding:0 var(--space-2);font:var(--type-small);border-radius:var(--radius-md)}.app-ui .draw-slider>.draw-slider-fill{background:var(--accent-soft);border-inline-end:2px solid var(--accent)}.app-ui .draw-slider:where(.is-dragging)>.draw-slider-fill{background:var(--accent-soft-hover)}.app-ui .draw-slider>.draw-slider-label{color:var(--text-3)}.app-ui .draw-slider>.draw-slider-value{color:var(--text-1);font-weight:var(--weight-semibold)}.app-ui .draw-slider:where(:hover){box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui .draw-slider:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:none}.app-ui :where(.drawing-quickbar,.inspector-bare) .draw-color-pair>input{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-2);border:0}.app-ui :where(.drawing-quickbar,.inspector-bare) .draw-color-primary{box-shadow:0 0 0 2px var(--surface), inset 0 0 0 1px var(--line-2)}.app-ui :where(.drawing-quickbar,.inspector-bare) .draw-color-swap{border-radius:var(--radius-sm);color:var(--text-2);background:0 0;border:0}.app-ui .inspector-bare:where([data-section=drawing])>.property-context-heading{display:none}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-section{padding:var(--space-4) var(--island-pad);background:0 0;border:0;margin:0}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-section+.inspector-section{box-shadow:inset 0 1px 0 var(--line-1)}.app-ui .inspector-bare:where([data-section=drawing]) .inspector-section>.inspector-title{justify-content:flex-start;align-items:center;gap:var(--space-2);min-block-size:var(--control-sm);margin:0 0 var(--space-3);font:var(--type-section);letter-spacing:-.005em;color:var(--text-1);text-transform:none;background:0 0;border:0;padding:0;display:flex}.app-ui .inspector-bare:where([data-section=drawing]) .inspector-section>.inspector-title>span{flex:1;min-inline-size:0}.app-ui .inspector-bare:where([data-section=drawing]) .inspector-section>.inspector-title:before{content:"";border-radius:var(--radius-xs);background:radial-gradient(circle, var(--tint-draw-ink) 0 3.5px, transparent 4px) var(--tint-draw-soft);flex:none;block-size:22px;inline-size:22px}.app-ui .inspector-bare:where([data-section=drawing]) .inspector-section>.inspector-title:where(:has(>span:empty:only-child)){display:none}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure>summary.inspector-title{align-items:center;gap:var(--space-2);block-size:var(--control-lg);margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-md);cursor:default;list-style:none;display:flex}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure>summary.inspector-title::-webkit-details-marker{display:none}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure>summary.inspector-title:after{content:"";background:var(--text-3);block-size:14px;inline-size:14px;transition:rotate var(--dur-fast) var(--ease-out);margin-inline-start:auto;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure:where([open])>summary.inspector-title:after{rotate:90deg}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure>summary.inspector-title:where(:hover){background:var(--surface-hover)}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure:where([open])>summary.inspector-title{margin-block-end:var(--space-2)}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure{padding-block:var(--space-1-5);padding-inline:var(--island-pad);box-shadow:inset 0 1px 0 var(--line-1)}.app-ui .inspector-bare:where([data-section=drawing])>.inspector-disclosure[open]{padding-block-end:var(--space-4)}.app-ui .inspector-bare .drawing-presets{gap:var(--space-1)}.app-ui .inspector-bare .drawing-preset{border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--weight-semibold) 11px/13px var(--font-ui);padding:var(--space-1-5) var(--space-1);border:0}.app-ui .inspector-bare .drawing-preset:where(:hover){background:var(--surface-hover)}.app-ui .inspector-bare .drawing-preset[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text-strong);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .inspector-bare .drawing-preview{border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line-1);border:0}.app-ui .inspector-bare .property-context-actions{gap:var(--space-1);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.app-ui .inspector-bare .property-context-actions>.button{justify-content:center;align-items:center;gap:var(--space-1-5);block-size:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-button);box-shadow:none;border:0;flex:auto;display:inline-flex}.app-ui .inspector-bare .property-context-actions>.button:where(:hover:not(:disabled)){background:var(--surface-hover)}.app-ui .inspector-bare .property-context-actions>.button>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);color:var(--text-2)}.app-ui .inspector-bare .property-context-actions>:where(.icon-button){inline-size:var(--control-md);block-size:var(--control-md);border-radius:var(--radius-md);background:var(--surface-sunken);border:0}.app-ui .inspector-bare :is(.drawing-hint,.drawing-empty,.drawing-resolution-info){font:var(--type-small);color:var(--text-3);margin-block-start:var(--space-2);line-height:1.5}.app-ui .inspector-bare .drawing-resolution{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--control-md);font:var(--type-ui);color:var(--text-2);display:flex}.app-ui .inspector-bare .drawing-resolution>select{min-inline-size:0;max-inline-size:60%;block-size:var(--control-md);padding:0 var(--space-2-5);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-1);font:var(--type-ui);border:0}.app-ui .inspector-bare .drawing-resolution>select:focus{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .inspector-bare .draw-sliders{gap:var(--space-1);margin-block:var(--space-2)}.app-ui .inspector-bare .property-toggle-grid{gap:var(--space-1)}.app-ui .inspector-bare .property-toggle{min-block-size:var(--control-md);border-radius:var(--radius-md);background:var(--surface-sunken);border:0}.app-ui .inspector-bare .property-toggle:where(:hover){background:var(--surface-hover)}.app-ui .inspector-bare .drawing-swatch{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px var(--line-2);border:0}.app-ui .inspector-bare .drawing-swatch[aria-pressed=true]{outline:2px solid var(--accent-line);outline-offset:1px}.app-ui .builder-outliner{background:var(--surface);color:var(--text-1);font:var(--type-ui)}.app-ui .shell-island .builder-outliner-head{gap:var(--space-2);padding:0 var(--space-2) 0 var(--island-pad);box-shadow:inset 0 -1px 0 var(--line-1);border-block-end:0}.app-ui .builder-outliner-head>.builder-outliner-icon{border-radius:var(--radius-xs);background:var(--tint-library-soft);block-size:22px;inline-size:22px;color:var(--tint-library-ink);place-items:center;display:inline-grid}.app-ui .builder-outliner-icon>svg{block-size:14px;inline-size:14px}.app-ui .builder-outliner-head>.builder-name{min-inline-size:0;block-size:var(--control-md);padding:0 var(--space-1-5);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-section);letter-spacing:-.005em;background:0 0;border:0;flex:1}.app-ui .builder-name:where(:hover:not(:disabled)){background:var(--surface-hover)}.app-ui .builder-name:focus{background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--accent-line);outline:none}.app-ui .builder-outliner-head>.builder-outliner-count{font:var(--type-small);color:var(--text-3);flex:none}.app-ui .builder-outliner>.builder-tree{padding-block:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.app-ui .builder-tree>.builder-tree-spacer>:is(.builder-tree-row,.builder-tree-header){inset-inline:var(--space-2)}.app-ui .builder-tree-row{gap:var(--space-1-5);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-1);font:var(--type-ui);border:0}.app-ui .builder-tree-row:before{content:"";pointer-events:none;inline-size:calc(var(--depth,0) * 14px);background:linear-gradient(to right, transparent 7px, var(--line-2) 7px 8px, transparent 8px) 0 0 / 14px 100% repeat-x;position:absolute;inset-block:0;inset-inline-start:var(--space-2)}.app-ui .builder-tree-row:where(:hover){background:var(--surface-hover)}.app-ui .builder-tree-row[aria-selected=true]{background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui .builder-tree-row[aria-selected=true] .builder-row-label{font-weight:var(--weight-semibold)}.app-ui .builder-tree-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-ui .builder-tree-row>.builder-twisty{block-size:16px;inline-size:16px;color:var(--text-3);border-radius:var(--radius-2xs)}.app-ui .builder-twisty:where(.open,.collapsed):before{content:none}.app-ui .builder-twisty:where(.open,.collapsed){transition:rotate var(--dur-fast) var(--ease-out);background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/12px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/12px no-repeat}.app-ui .builder-twisty.open{rotate:90deg}.app-ui .builder-tree-row>.builder-row-icon{color:var(--text-3)}.app-ui .builder-row-icon>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm)}.app-ui .builder-tree-row[aria-selected=true]>.builder-row-icon{color:var(--accent)}.app-ui .builder-tree-row>.builder-badge{padding:0 var(--space-1);border-radius:var(--radius-2xs);background:var(--surface-well);font:var(--weight-semibold) 10px/16px var(--font-ui);color:var(--text-3);border:0}.app-ui .builder-tree-header{inset-inline:var(--space-2);padding-inline:var(--space-2);border:0;border-block-start:1px solid var(--line-1);font:var(--type-eyebrow);letter-spacing:0;text-transform:none;color:var(--text-3);background:0 0}.app-ui .builder-poly-swatch{border-radius:var(--radius-2xs);block-size:12px;inline-size:12px;box-shadow:inset 0 0 0 1px var(--line-2);border:0}.app-ui .builder-outliner-empty{inset:var(--space-4) var(--island-pad) auto;font:var(--type-ui);color:var(--text-3);text-align:start;line-height:1.5}.app-ui .builder-drop{background:var(--accent-line)}.app-ui .builder-drop.child{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-line);border-radius:var(--radius-sm)}.app-ui .builder-outliner>.builder-footer{align-items:center;gap:var(--space-1);padding:var(--space-2);box-shadow:inset 0 1px 0 var(--line-1);border-block-start:0;flex-direction:row-reverse;justify-content:flex-end;display:flex}.app-ui .builder-footer>button{align-items:center;gap:var(--space-1-5);min-inline-size:0;block-size:var(--control-md);padding:0 var(--space-2);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-2);font:var(--type-button);white-space:nowrap;border:0;flex:auto;justify-content:center;display:inline-flex}.app-ui .builder-footer>button>svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.app-ui .builder-footer>button>span{text-overflow:ellipsis;overflow:hidden}.app-ui .builder-footer>button:where(:hover){background:var(--surface-hover);color:var(--text-1)}.app-ui .builder-footer>button:where([aria-pressed=true],[aria-expanded=true]){background:var(--accent-soft);color:var(--accent-text-strong)}.app-ui .builder-footer>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .rail-quick>.ui-tool-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text-strong);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .rail-quick>.ui-tool-button:where([aria-pressed=true]:hover){background:var(--accent-soft)}.app-ui [data-section=rig-controls]>.ui-section-body{gap:var(--space-3)}.app-ui [data-section=rig-controls]>.ui-section-body>*~.inspector-group:where([data-rig-block]){box-shadow:inset 0 1px 0 var(--line-1);padding-block-start:var(--space-3)}.app-ui .inspector-group:where([data-rig-block])>:where(.ui-field-grid:first-child) .ui-field-label{color:var(--text-1);font-weight:var(--weight-semibold)}.app-ui .ui-field-grid:where([data-rig-settings]){box-shadow:inset 2px 0 0 var(--accent-line);margin-inline-start:var(--space-1);padding-inline-start:var(--space-3)}.app-ui .inspector-group-title{font:var(--type-small);color:var(--text-3);padding-block-start:var(--space-1)}.app-ui :where(.inspector-group[data-rig-block]) .inspector-group:where([data-rig-block])>.inspector-group-title{padding-inline-start:calc(var(--space-1) + var(--space-3))}.app-ui .builder-exit-options{gap:var(--space-2);display:grid}.app-ui .builder-exit-option{justify-content:flex-start;align-items:flex-start;gap:var(--space-3);box-sizing:border-box;inline-size:100%;min-inline-size:0;padding:var(--space-3) var(--space-3-5);white-space:normal;border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-1);text-align:start;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);border:0;display:flex;box-shadow:inset 0 0 0 1px #0000}.app-ui .builder-exit-option:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--line-2)}.app-ui .builder-exit-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-ui .builder-exit-option.primary{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.app-ui .builder-exit-option>svg{block-size:20px;inline-size:20px;color:var(--accent);flex:none;margin-block-start:1px}.app-ui .builder-exit-option>span{gap:var(--space-0-5);min-inline-size:0;display:grid}.app-ui .builder-exit-option strong{font:var(--type-ui-strong)}.app-ui .builder-exit-option small{font:var(--type-small);color:var(--text-3)}.app-ui :where(#vfx-panel,#user-library,.camera-motion-panel,.audio-properties,.audio-clip-popover) select:not(:where(.ui-select *,.ui-field *)){appearance:none;min-inline-size:0;block-size:var(--control-md);padding:0 var(--space-6) 0 var(--space-2-5);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-1);font:var(--type-ui);background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);box-shadow:none;cursor:default;background-position:calc(100% - 15px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:4px 4px;border:0}.app-ui :where(#vfx-panel,#user-library,.camera-motion-panel,.audio-properties,.audio-clip-popover) select:not(:where(.ui-select *,.ui-field *)):where(:hover){box-shadow:inset 0 0 0 1px var(--line-3)}.app-ui :where(#vfx-panel,#user-library,.camera-motion-panel,.audio-properties,.audio-clip-popover) select:not(:where(.ui-select *,.ui-field *)):focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent-line), 0 0 0 3px var(--focus-halo);outline:none}.app-ui .motion-graph-toolbar{padding:var(--space-1-5);justify-content:space-between}.app-ui .camera-motion-panel{gap:var(--space-3);display:grid}.app-ui .motion-intro,.app-ui .motion-description{font:var(--type-small);color:var(--text-2);margin:0}.app-ui .motion-gallery{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-ui .motion-tile{align-items:flex-start;gap:var(--space-2);min-inline-size:0;padding:var(--space-2-5);border:1px solid var(--line-1);border-radius:var(--radius-md);background:var(--surface-well);color:var(--text-1);text-align:start;cursor:pointer;transition:background-color var(--dur-fast);display:flex}.app-ui .motion-tile:where(:hover):not(:disabled){background:var(--surface-hover)}.app-ui .motion-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.app-ui .motion-tile:disabled{opacity:.42;cursor:default}.app-ui .motion-tile:where([data-kind=follow]){border-color:var(--accent-line);background:var(--accent-soft);grid-column:1/-1}.app-ui .motion-tile:where([data-kind=follow]):hover{background:var(--accent-soft-hover)}.app-ui .motion-tile-icon{border-radius:var(--radius-sm);background:var(--surface-raised);block-size:28px;inline-size:28px;color:var(--accent-text);flex:none;place-items:center;display:grid}.app-ui .motion-tile-icon>svg{block-size:16px;inline-size:16px}.app-ui .motion-tile-text{gap:2px;min-inline-size:0;display:grid}.app-ui .motion-tile-text>strong{font:var(--type-small-strong)}.app-ui .motion-tile-text>small{font:var(--type-micro);color:var(--text-2);white-space:normal;overflow-wrap:anywhere}.app-ui .motion-tile-text>strong{white-space:normal}.app-ui .motion-list-head,.app-ui .motion-group-head{justify-content:space-between;align-items:center;gap:var(--space-2);font:var(--type-eyebrow);color:var(--text-2);display:flex}.app-ui .motion-select-name{min-inline-size:0;display:grid}.app-ui .motion-select-name>small{text-overflow:ellipsis;white-space:nowrap;font:var(--type-micro);color:var(--text-3);overflow:hidden}.app-ui .motion-card-title{align-items:center;gap:var(--space-1-5);display:flex}.app-ui .motion-card-title>svg{block-size:16px;inline-size:16px;color:var(--accent-text)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=follow]){--motion-color:var(--sheet-motion-follow)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=shake]){--motion-color:var(--sheet-motion-shake)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=impact]){--motion-color:var(--sheet-motion-impact)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=handheld]){--motion-color:var(--sheet-motion-handheld)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=wobble]){--motion-color:var(--sheet-motion-wobble)}.app-ui :where(.motion-list-row,.motion-card,.motion-tile):where([data-kind=pulse]){--motion-color:var(--sheet-motion-pulse)}.app-ui .motion-select>svg,.app-ui .motion-card-title>svg,.app-ui .motion-tile-icon>svg{color:var(--motion-color,var(--accent-text))}.app-ui .motion-group{gap:var(--space-1);padding-block:var(--space-2);border-block-start:1px solid var(--line-1);display:grid}.app-ui .motion-slider-row{grid-template-columns:78px minmax(0,1fr) 64px}.app-ui .motion-slider-value{border-radius:var(--radius-sm);background:var(--surface-field);align-items:center;gap:2px;padding-inline-end:var(--space-1);display:flex}.app-ui .motion-slider-value>input{inline-size:100%;min-inline-size:0;block-size:var(--control-sm);padding:0 var(--space-1);color:var(--text-1);font:var(--type-value);font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0}.app-ui .motion-slider-value>input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0;border-radius:var(--radius-sm)}.app-ui .motion-slider-value>small{color:var(--text-3);font:var(--type-micro)}.app-ui .motion-axes{grid-column:2/-1;min-inline-size:0}.app-ui .motion-targets{gap:var(--space-0-5);display:grid}.app-ui .motion-target{align-items:center;gap:var(--space-2);min-block-size:var(--control-md);grid-template-columns:minmax(0,1fr) 84px auto;display:grid}.app-ui .motion-target-name{align-items:center;gap:var(--space-1);text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font:var(--type-small-strong);display:flex;overflow:hidden}.app-ui .motion-target-name>svg{block-size:14px;inline-size:14px;color:var(--accent-text);flex:none}.app-ui .motion-target:where(.is-missing) .motion-target-name{color:var(--text-3);font-style:italic}.app-ui .motion-follow-add,.app-ui .motion-keep-framing{justify-self:start}.app-ui .motion-offset{margin-block:var(--space-1)}.app-ui{--font-ui:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Inter Tight Variable", "Inter Tight", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;font:var(--type-ui);font-feature-settings:var(--font-features);letter-spacing:0;color:var(--text-1);text-align:start;-webkit-font-smoothing:antialiased}.app-ui [hidden]{display:none!important}.app-ui :where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit;margin:0}.app-ui :where(button){cursor:pointer;background:0 0;border:0;padding:0}.app-ui :where(li){margin:0}.app-ui :where(h3,h4,p,ol,ul){margin:0;padding:0}.app-ui :where(svg.icon){flex:none}.app-ui :where(select){appearance:none}.app-ui :where(kbd){font:inherit}@supports not (field-sizing:content){.app-ui .ui-field>input.ui-field-input[type=number]{inline-size:calc(var(--ch,4) * 1ch + 2px);flex:0 auto}}.app-ui .ui-field>input.ui-field-input[type=number]{appearance:textfield}.app-ui .ui-field>input.ui-field-input::-webkit-inner-spin-button{display:none}.app-ui .ed-blank{visibility:hidden}.ed{gap:var(--gutter);padding:var(--gutter);background:var(--surface-field);border-radius:22px;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;container:ed/inline-size}.dx-demo>.ed,.dx-lab>.dx-tl-tasks{margin:0 8px 8px}.ed>:where(.ed-band,.ed-timeline,.ed-row){grid-column:1/-1}.ed:not(:has(>.ed-side))>.ed-center{grid-column:1/-1}.ed :where(.ed-center,.ed-side,.ed-timeline,.ed-band){min-inline-size:0}.ed-band.titlebar{--band-pad:var(--space-2);align-items:center;column-gap:var(--space-3);min-block-size:48px;padding:var(--space-1-5) var(--band-pad);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--elevation-island);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.ed-band .band-cluster{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.ed-band .band-start{overflow:hidden}.ed-band .ui-doc{flex:0 auto;min-inline-size:0}.ed-band .ui-doc-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.ed-band .band-end{justify-content:flex-end}.ed-band .shell-mark{flex:none;place-items:center;block-size:32px;inline-size:32px;display:grid}.ed-band .shell-mark img{block-size:22px;inline-size:22px}.ed-band .band-history{gap:0;display:flex}.ed-band .ui-doc{margin-inline-start:var(--space-1)}@container ed (width<=860px){.app-ui.ed .ed-band .ui-menubar,.app-ui.ed .ed-band .band-ws-icon,.app-ui.ed .ed-band .workspace-switch svg{display:none}}@container ed (width<=620px){.app-ui.ed .ed-band.titlebar{row-gap:var(--space-1-5);grid-template-columns:minmax(0,1fr) auto}.app-ui.ed .ed-band .band-center{grid-area:2/1/auto/-1;justify-content:center}.app-ui.ed .ed-band .ui-doc-state>span:last-child,.app-ui.ed .ed-band .band-save .ui-label,.app-ui.ed .ed-band .band-history{display:none}}.ed-center{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.ed-center>.stage-head{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.ed-center .stage-head-start,.ed-center .stage-head-end{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.ed-center .stage-head-cluster{align-items:center;gap:var(--space-0-5);display:flex}@container ed (width<=720px){.app-ui.ed .ed-center .stage-toggle .ui-label,.app-ui.ed .ed-center .ui-crumb-meta{display:none}}@container ed (width<=460px){.app-ui.ed .ed-center .stage-head-cluster[data-view] .ui-split-more{display:none}}.ed-viewport{background-color:var(--surface-stage);background-image:radial-gradient(circle at 1px 1px, var(--stage-dot) var(--dot-size), transparent calc(var(--dot-size) + .5px));background-size:var(--dot-gap) var(--dot-gap);grid-template-areas:"stage";min-block-size:0;padding:14px;display:grid;position:relative}.ed-viewport>canvas{background:var(--paper);block-size:100%;min-block-size:0;inline-size:100%;box-shadow:var(--shadow-artboard);touch-action:pan-y;border-radius:2px;grid-area:stage;display:block}.ed-viewport>canvas:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.ed-viewport>canvas.is-over{cursor:grab}.ed-viewport>canvas.is-drag{cursor:grabbing}.ed .ed-viewport.dx-demo__stage{box-shadow:none;background-color:var(--surface-stage);border-radius:0;margin:0;overflow:hidden}.ed-viewport.is-bleed{padding:0}.ed-viewport.is-bleed>canvas{box-shadow:none;background:0 0;border-radius:0}.ed-viewport.has-rail{padding-inline-start:72px}.ed-viewport.has-rail[data-columns="2"]{padding-inline-start:116px}.ed-viewport>.ed-rail.shell-rail{z-index:2;grid-area:stage;max-block-size:calc(100% - 20px);margin:0;position:absolute;inset-block-start:50%;inset-inline-start:10px;translate:0 -50%}.ed-rail .shell-rail-handle{cursor:default;block-size:14px;min-block-size:14px;display:block}.ed-rail[data-columns="2"] .tool-dock{grid-template-columns:repeat(2,auto);display:grid}.ed-rail .rail-slot{display:grid;position:relative}@container ed (width<=460px){.app-ui.ed .ed-viewport>.ed-rail.shell-rail{display:none}.app-ui.ed .ed-viewport.has-rail,.app-ui.ed .ed-viewport.has-rail[data-columns="2"]{padding-inline-start:14px}.app-ui.ed .ed-viewport.has-rail>.dx-hud{inset-inline-start:50%}}.ed-viewport>.dx-hud{z-index:3;align-items:center;gap:var(--space-2);min-block-size:30px;max-inline-size:calc(100% - 32px);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--elevation-2);font:var(--type-small-strong);white-space:nowrap;pointer-events:none;display:inline-flex;position:absolute;inset-block-end:22px;inset-inline-start:50%;translate:-50%}.ed-viewport.has-rail>.dx-hud{inset-inline-start:calc(50% + 29px)}.ed-viewport>.dx-hud>i{background:var(--inverse-accent);block-size:7px;inline-size:7px;box-shadow:none;border-radius:50%;flex:none}.ed-viewport>.dx-hud.is-live{background:var(--surface-inverse)}.ed-viewport>.dx-hud.is-live>i{background:var(--inverse-success);box-shadow:none}.ed-viewport>.dx-hud>span{text-overflow:ellipsis;overflow:hidden}.ed-viewport>.dx-hud:has(>span:empty){display:none}.ed-viewport>.dx-toast{z-index:4}.ed-side{inline-size:clamp(260px,34cqi,304px);overflow:hidden}.ed:has(>.ed-center)>.ed-side{block-size:0;min-block-size:100%}.ed-side>.ui-tabs{margin:var(--space-1-5) var(--space-2) 0;align-self:start}.ed-side>.ed-scroll{min-block-size:0;padding:0 var(--island-pad) var(--space-3);scrollbar-width:thin;flex:auto;overflow-y:auto}.ed-side .ui-target{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-3) var(--space-2);display:flex}.ed-side .ui-target-line{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.ed-side .ui-target-name{font:var(--type-panel-title);letter-spacing:var(--tracking-heading)}.ed-side .ui-quick{margin-block-end:var(--space-2)}@container ed (width<=720px){.app-ui.ed{grid-template-columns:minmax(0,1fr)}.app-ui.ed>.ed-side{grid-column:1/-1;block-size:auto;min-block-size:0;inline-size:auto}.app-ui.ed .ed-side>.ed-scroll{max-block-size:320px}}.ed-timeline{overflow:hidden}.ed-timeline>.tl-head{border-radius:var(--radius-xl) var(--radius-xl) 0 0;min-block-size:40px}.ed-timeline .timeline-head-cluster{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.ed-timeline .tl-end{justify-content:flex-end}.ed-timeline .tl-controls{align-items:center;gap:var(--space-0-5);display:flex}.ed-timeline .tl-fps>input{appearance:textfield;text-align:end;inline-size:3.4ch}.ed-timeline .tl-fps>input::-webkit-inner-spin-button{display:none}@container ed (width<=760px){.app-ui.ed .ed-timeline .tl-zoom,.app-ui.ed .ed-timeline .tl-fit,.app-ui.ed .ed-timeline .tl-fps,.app-ui.ed .ed-timeline .tl-controls>.divider,.app-ui.ed .ed-timeline .tl-add .ui-label{display:none}}@container ed (width<=520px){.app-ui.ed .ed-timeline .timeline-toolbar.tl-head{column-gap:var(--space-1);padding-inline:var(--space-1);grid-template-columns:auto minmax(0,1fr) auto}.app-ui.ed .ed-timeline .tl-transport{justify-content:center}.app-ui.ed .ed-timeline :is(.tl-first,.tl-loop,.tl-readout,.tl-onion>.ui-split-more,.tl-audio),.app-ui.ed .ed-timeline .tl-autokey .ui-label{display:none}.app-ui.ed .ed-timeline .tl-mode>.ui-segmented-item{padding-inline:var(--space-2)}.app-ui.ed .ed-timeline .tl-add{padding-inline:var(--space-1-5)}}.ed-film.sheet-filmstrip{block-size:auto;min-block-size:168px}.ed-film .sheet-filmstrip-controls{inline-size:clamp(236px,34cqi,372px)}.ed-film .sheet-filmstrip-scroll{contain:none;scrollbar-width:thin;padding-inline:var(--space-1);align-items:stretch;display:flex;overflow:auto hidden}.ed-film.sheet-filmstrip{--filmstrip-card:160px}.ed-film .sheet-filmstrip-card.ui-frame-card[data-frame]{inline-size:var(--filmstrip-card);box-shadow:none;animation:edCardIn var(--dur-slow) var(--ease-out);background:0 0;border:0;flex:none;position:relative;inset:auto}.ed-film .sheet-filmstrip-card:before,.ed-film .sheet-filmstrip-card:after{content:none}.ed-film .ui-frame-thumb canvas{block-size:100%;inline-size:100%;display:block}.ed-film .ed-card-x{opacity:0;transition:opacity var(--dur-fast);position:absolute;inset-block-start:12px;inset-inline-end:10px}.ed-film .sheet-filmstrip-card:is(:hover,:focus-within) .ed-card-x{opacity:1}@keyframes edCardIn{0%{opacity:0;translate:-8px}}@container ed (width<=640px){.app-ui.ed .ed-film.sheet-filmstrip{flex-direction:column}.app-ui.ed .ed-film .sheet-filmstrip-controls{border-right:0;border-bottom:1px solid var(--line-1);inline-size:auto}.app-ui.ed .ed-film .sheet-filmstrip-scroll{min-block-size:150px}.app-ui.ed .ed-film .sheet-framebar-title{flex-wrap:wrap}.app-ui.ed .ed-film .sheet-framebar-grid{grid-template-columns:minmax(0,1fr)}}.ed-sheet{--cell:14px;--label:196px;--frames:40;grid-template-columns:var(--label) minmax(0, 1fr);background:var(--sheet-surface);font:var(--type-small);color:var(--sheet-ink);-webkit-user-select:none;user-select:none;display:grid}.ed-sheet .sheet-label-head{block-size:32px;inline-size:auto;position:relative}.ed-sheet .sheet-label-title{font:var(--type-small-strong);color:var(--text-2);flex:1}.ed-sheet .ed-labels{border-inline-end:1px solid var(--sheet-line);min-inline-size:0}.ed-sheet .sheet-layer{block-size:32px;position:relative}.ed-sheet .sheet-layer:is([data-kind=camera],[data-kind=scene]){block-size:24px}.ed-sheet .sheet-layer-name{flex:1;align-items:center;min-inline-size:0;display:flex}.ed-sheet .ed-tracks{scrollbar-width:thin;position:relative;overflow:auto hidden}.ed-sheet .ed-tracks-inner{inline-size:calc(var(--frames) * var(--cell) + 16px);min-inline-size:100%;position:relative}.ed-sheet .ed-ruler{border-block-end:1px solid var(--sheet-line);cursor:ew-resize;block-size:32px;position:relative}.ed-sheet .ed-ruler>span{font:var(--type-micro);color:var(--sheet-muted);font-variant-numeric:tabular-nums;font-weight:500;position:absolute;inset-block-end:6px;translate:-50%}.ed-sheet .ed-ruler>span[data-alt]:before{content:"";z-index:-1;background:var(--sheet-row-alt);position:absolute;inset:-8px -8px -6px}.ed-sheet .ed-track{border-block-end:1px solid var(--sheet-line);block-size:32px;position:relative}.ed-sheet .ed-track:is([data-kind=camera],[data-kind=scene]){block-size:24px}.ed-sheet .ed-track[data-selected=true],.ed-sheet .sheet-layer[data-selected=true]{background:var(--sheet-selected)}.ed-sheet .ed-span{inline-size:calc(var(--len) * var(--cell));background:var(--sheet-cell);background-image:repeating-linear-gradient(to right, transparent 0 calc(var(--cell) - 1px), var(--sheet-cell-divider) calc(var(--cell) - 1px) var(--cell));border-radius:7px;position:absolute;inset-block:6px;inset-inline-start:calc(var(--from) * var(--cell) + 8px)}.ed-sheet .ed-track:is([data-kind=camera],[data-kind=scene]) .ed-span{inset-block:4px}.ed-sheet .ed-span[data-tween=true]{background-color:var(--sheet-cell-tween)}.ed-sheet .ed-key{background:var(--key,var(--sheet-ink));block-size:9px;inline-size:9px;box-shadow:0 0 0 2px var(--sheet-cell);border-radius:50%;padding:0;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--at) * var(--cell) + 8px + var(--cell) / 2);translate:-50% -50%}.ed-sheet .ed-key:before{content:"";position:absolute;inset:-9px -3px}.ed-sheet .ed-key[data-selected=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--sheet-accent)}.ed-sheet .ed-key:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.ed-sheet [data-kind=camera] .ed-key{--key:var(--sheet-camera-accent)}.ed-sheet [data-kind=scene] .ed-key{--key:var(--sheet-scene-accent)}.ed-sheet .ed-end{background:var(--sheet-end);pointer-events:none;inline-size:1px;position:absolute;inset-block:0;inset-inline-start:calc(var(--at) * var(--cell) + 8px)}.ed-sheet .ed-playhead{background:var(--sheet-playhead);pointer-events:none;z-index:2;inline-size:2px;position:absolute;inset-block:0;inset-inline-start:calc(var(--at) * var(--cell) + 8px + var(--cell) / 2);translate:-1px}.ed-sheet .ed-playhead>b{background:var(--sheet-playhead-tab);min-inline-size:22px;color:var(--sheet-playhead-ink);font:var(--type-micro);text-align:center;font-variant-numeric:tabular-nums;border-radius:5px;padding:1px 5px;font-weight:700;position:absolute;inset-block-start:7px;inset-inline-start:50%;translate:-50%}@container ed (width<=640px){.app-ui.ed .ed-sheet{--label:128px;--cell:12px}.app-ui.ed .ed-sheet .sheet-layer-state,.app-ui.ed .ed-sheet .sheet-new-layer{display:none}}.ed-float{z-index:5;position:absolute}.ed .ed-popover,.ed .ed-menu{margin:0;display:block;position:relative;inset:auto}.ed .ed-menu{inline-size:max-content;max-inline-size:280px}.ed .ed-popover{inline-size:var(--_w,272px);max-inline-size:calc(100% - 16px)}.ed-float>:is(.ed-popover,.ed-menu){animation:edPop var(--dur-base) var(--ease-out)}@keyframes edPop{0%{opacity:0;translate:0 6px;scale:.98}}.ed-row{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--elevation-island);flex-wrap:wrap;display:flex}.ed-row>.ed-row-label{font:var(--type-small);color:var(--text-3)}.ed-row>.ed-grow{flex:160px;min-inline-size:0}@media (prefers-reduced-motion:reduce){.ed-film .sheet-filmstrip-card,.ed-float>:is(.ed-popover,.ed-menu){animation:none}}.app-ui .ed-viewport>.ed-dialog-host{z-index:7;padding:var(--space-4);background:var(--surface-backdrop);place-items:center;display:grid;inset:0}.app-ui .ui-dialog.ed-dialog{opacity:1;max-block-size:none;margin:0;position:relative;inset:auto;translate:none}.app-ui .ed-dialog-host>.ui-dialog.ed-dialog{inline-size:min(var(--_w), 100%);animation:edPop var(--dur-slow) var(--ease-out)}.app-ui .ed-viewport>.ui-toast{z-index:4;max-inline-size:calc(100% - 20px);box-shadow:var(--elevation-2);animation:edPop var(--dur-base) var(--ease-out);position:absolute;inset-block-start:10px;inset-inline-start:50%;translate:-50%}.app-ui .ed-viewport>.ui-toast[hidden]{display:none}.app-ui .ed-viewport>.ui-toast>.ui-toast-text{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}@container ed (width<=640px){.app-ui.ed .ed-viewport>.ui-toast{white-space:normal;border-radius:var(--radius-xl);padding-block:var(--space-1-5);flex-wrap:wrap;justify-content:flex-end;inline-size:calc(100% - 20px)}.app-ui.ed .ed-viewport>.ui-toast>.ui-toast-text{white-space:normal;flex:1 0 100%}.app-ui.ed .ed-viewport>.ui-toast>svg{display:none}.app-ui.ed .ed-viewport{min-block-size:300px}}.app-ui .ed-labels>.sheet-layer:where([data-kind=camera]){--track-accent:var(--sheet-camera-accent);--track-tint:var(--sheet-camera-tint);--track-ink:var(--sheet-camera-line)}.app-ui .ed-labels>.sheet-layer:where([data-kind=scene]){--track-accent:var(--sheet-scene-accent);--track-tint:var(--sheet-scene-tint);--track-ink:var(--sheet-scene-line)}.app-ui .ed-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])>.sheet-layer-name,.app-ui .ed-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])>.sheet-layer-name>svg{color:var(--track-ink)}.app-ui .ed-labels>.sheet-layer:where([data-kind=camera],[data-kind=scene])[data-selected=true]{background:var(--track-tint)}