@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}:root{--ui-0:#111315;--ui-1:#171a1d;--ui-2:#1d2124;--ui-3:#252a2e;--ui-4:#343a3f;--ui-line:#353b40;--ui-text:#e5e7e8;--ui-muted:#949ca2;--ui-accent:#aeb6bb;--ui-accent-soft:#30363a;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ui-0);color:var(--ui-text);font-family:DM Sans Variable,Segoe UI,sans-serif;font-size:11px}body{background:var(--ui-0);color:var(--ui-text)}:root[data-theme=light]{--ui-0:#e4e5e4;--ui-1:#f5f5f3;--ui-2:#ededeb;--ui-3:#e2e3e1;--ui-4:#d5d7d6;--ui-line:#c5c8c8;--ui-text:#202326;--ui-muted:#687076;--ui-accent:#596268;--ui-accent-soft:#dfe1e1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--ui-0);color:var(--ui-text)}:root[data-theme=light] body{background:var(--ui-0);color:var(--ui-text)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--control-compact:28px;--control-field:30px;--radius-control:4px;--type-caption:9px;--type-control:10px;--type-panel:11px;--focus-ring:#aeb6bb;--selection-color:#d8a95e;--record-color:#e56b64;--disabled-opacity:.48}:root[data-theme=light]{--focus-ring:#4b555b;--selection-color:#a97430;--record-color:#bc5550}.app-shell{flex-direction:column;display:flex}.topbar{border-bottom:1px solid #2b3a48;align-items:center;display:flex}.brand{align-items:center;display:flex}.brand-mark{color:#e8b85c}.brand strong{white-space:nowrap;display:block}.brand small{text-transform:uppercase;display:block}.topbar>.project-name input{color:#fff;background:#1d2d3b;border:1px solid #354958;border-radius:6px;min-width:230px;padding:8px 10px}.preview-badge{color:#f3c874;border:1px solid #806738;border-radius:20px;margin-left:auto;padding:7px 10px;font-size:12px}.workspace{flex:1;min-height:0;display:grid}.toolrail{border-right:1px solid #2b3a48;flex-direction:column;display:flex}.toolrail button{color:#dbe7ee;background:0 0;border:1px solid #0000;border-radius:7px;width:60px;height:61px;font-size:25px}.toolrail button span{margin-top:2px;font-size:10px;display:block}.toolrail button.active{color:#ffd37f;background:#2b3541;border-color:#e5b855}@media (width<=850px){.workspace{grid-template-columns:62px minmax(0,1fr) 220px}.toolrail button{width:49px}.preview-badge{display:none}}@media (width<=630px){.workspace{grid-template-columns:54px minmax(0,1fr)}.topbar{gap:8px}.topbar input{width:100%;min-width:100px}}.project-actions{align-items:center;margin-left:auto;display:flex}.project-actions button,.file-button{color:#e9eff5;white-space:nowrap;background:#233545;border:1px solid #415565;border-radius:5px;padding:7px 10px;font-size:12px}.project-actions button:hover:not(:disabled),.file-button:hover{border-color:#e5b855}.file-button input{opacity:0;cursor:pointer;width:100%;min-width:0;position:absolute;inset:0}.project-message{text-overflow:ellipsis;white-space:nowrap;color:#f2c772;font-size:11px;overflow:hidden}.topbar .preview-badge{margin-left:0}@media (width<=1000px){.project-message,.topbar .preview-badge{display:none}}@media (width<=650px){.topbar{gap:6px;padding:0 7px}.brand{min-width:auto}.brand small{display:none}.topbar input{min-width:70px}.project-actions{gap:3px}.project-actions button,.file-button{padding:6px;font-size:11px}}.modal-backdrop{z-index:40;background:#061018b9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.project-dialog{color:#e9eff5;background:#1a2a38;border:1px solid #607483;border-radius:12px;gap:13px;width:min(480px,100%);padding:24px;display:grid;box-shadow:0 25px 65px #0009}.project-dialog h2{margin:0;font-size:20px}.snapshot-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.snapshot-heading .icon-button{width:25px;height:25px;color:inherit;background:0 0;border:0;padding:0;font-size:21px;line-height:1}.snapshots-dialog{gap:12px;width:min(560px,100%)}.snapshot-create{justify-self:start}.snapshot-list{gap:7px;max-height:min(48vh,380px);display:grid;overflow:auto}.snapshot-row{border:1px solid #49606f;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.snapshot-row strong,.snapshot-row small{display:block}.snapshot-row small{color:#a9bdc8;margin-top:3px;font-size:11px}.snapshot-actions{gap:6px;display:flex}.snapshot-actions button{white-space:nowrap}.quiet-danger{color:#e8a5a5}.snapshot-error{color:#f0aaaa!important}.project-dialog label{color:#c5d3dc;gap:6px;font-size:12px;display:grid}.project-dialog label.sequence-check{align-items:center;gap:9px;display:flex}.project-dialog input:not([type=checkbox]),.project-dialog select{color:#fff;background:#243847;border:1px solid #546c7b;border-radius:5px;width:100%;min-width:0;padding:8px}.project-dimensions{grid-template-columns:1fr 1fr 80px;gap:9px;display:grid}.project-dialog .dialog-note{color:#a9bdc8;margin:0;font-size:11px;line-height:1.5}.app-shell{height:100dvh;min-height:680px;overflow:hidden}.app-shell,.app-shell *,.ui-tooltip,.session-loading{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell textarea,.app-shell [contenteditable=true],.app-shell input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.topbar{background:#151e28;border-bottom-color:#2a3642;flex:none;padding:0 21px}.brand{gap:12px;min-width:226px}.brand strong{letter-spacing:-.04em;white-space:nowrap;font-family:Space Grotesk Variable,sans-serif;font-size:18px;line-height:1}.brand small{color:#8a9ba9;letter-spacing:.08em;font-size:10px}.brand-mark{width:28px;height:30px;font-size:initial;align-items:center;gap:3px;display:flex;transform:rotate(-24deg)}.brand-mark i{border-radius:8px;width:6px;display:block}.brand-mark i:first-child{height:13px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:18px}.project-name{align-items:center;gap:9px;min-width:0;display:flex}.project-indicator{border-radius:50%;flex:none;width:6px;height:6px}.topbar .project-name input{color:#c7d2db;background:0 0;border:0;outline:none;width:210px;min-width:90px;padding:0;font-size:13px}.topbar .project-name input:focus{color:#fff}.project-actions{gap:6px}.topbar-import{position:relative}.topbar-import-menu{z-index:30;background:#1a2a38;border:1px solid #607483;border-radius:6px;min-width:185px;padding:4px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 12px 30px #0007}.topbar-import-menu button{text-align:left;font-size:12px;color:#e9eff5!important;background:0 0!important;border:0!important;padding:7px 9px!important}.topbar-import-menu button:hover{background:#263b4c!important}.project-actions .text-button,.project-actions .file-button{color:#9eacba;background:0 0;border:0;border-radius:0;padding:9px 11px;font-size:12px;font-weight:700}.project-actions .text-button:hover,.project-actions .file-button:hover{color:#fff;background:0 0}.file-button{cursor:pointer;position:relative;overflow:hidden}.project-message{z-index:10;background:#233743;border:1px solid #526a73;border-radius:5px;max-width:240px;padding:6px 9px;position:absolute;top:68px;right:20px}.workspace{grid-template-rows:minmax(0,1fr)}.toolrail{background:#16212b;border-right-color:#2a3642;align-items:center}.rail-label{align-self:flex-start;margin:0 0 6px 4px;font-weight:700}.toolrail .tool{background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700}.toolrail .tool span{margin:0;font-size:10px;display:block}.toolrail .tool svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.toolrail .tool:disabled{opacity:.48}.rail-separator{background:#364653;width:35px;height:1px;margin:8px 0 7px}.rail-guide-popover{z-index:50;border:1px solid var(--ui-line);background:var(--ui-1);width:194px;color:var(--ui-text);border-radius:6px;gap:9px;padding:10px 12px;font-size:10px;display:grid;position:fixed;box-shadow:0 12px 28px #0005}.rail-guide-popover strong{font-size:11px;font-weight:650}.rail-guide-popover label{justify-content:space-between;align-items:center;gap:8px;display:flex}.rail-guide-popover input{accent-color:#858d92}.rail-guide-popover .perspective-density input{width:98px}.rail-guide-popover .perspective-reset{color:var(--ui-text);justify-self:start;text-decoration:none}.guide-option{min-height:28px;color:var(--ui-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:3px 5px;font-size:10px;display:flex}.guide-option:hover,.guide-option[aria-pressed=true]{background:var(--ui-3);border-color:var(--ui-line)}.guide-option svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.guide-option span:first-of-type{flex:1}:root[data-theme=light] .rail-guide-popover{color:#24292c;background:#f6f6f4;box-shadow:0 12px 28px #5554}@media (width<=1050px){.topbar{gap:8px}.brand{min-width:196px}.topbar .project-name input{width:145px}.project-actions .text-button,.project-actions .file-button{padding:7px}.project-actions .export-button{padding:0 9px}}@media (width<=780px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{flex-wrap:wrap;height:auto;padding:12px}.brand{min-width:196px}.project-name{order:3;width:100%}.topbar .project-name input{width:100%}.toolrail{flex:none}}@media (width<=550px){.project-actions .text-button:first-child,.project-actions .text-button:nth-child(2){display:none}.project-actions .export-button{padding:0 7px;font-size:10px}}.toolrail{z-index:20;position:relative}.tool-variants{flex:none;position:relative}.tool-variant-menu{z-index:30;border:1px solid #55707b;border-radius:7px;width:170px;padding:5px;position:absolute;top:0;box-shadow:0 12px 28px #071015aa}.toolrail .tool-variant-menu button{text-align:left;background:0 0;border:0;border-radius:4px;width:100%;height:auto;min-height:30px;padding:7px 9px;font-size:11px;font-weight:600}.toolrail .tool-variant-menu button:hover,.toolrail .tool-variant-menu button.active{color:#fff}.toolrail .tool-variant-menu button{align-items:center;gap:8px;display:flex}.toolrail .tool-variant-menu button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.session-loading{background:var(--ui-0,#1b1e20);min-height:100vh;color:var(--ui-text,#e8eaeb);place-items:center;font:500 13px DM Sans Variable,sans-serif;display:grid}.topbar,.toolrail,.inspector,.timeline{background:var(--ui-1);border-color:var(--ui-line)}.rail-label{letter-spacing:.14em;color:var(--ui-muted);font-size:8px}.tool-variants{width:42px}.toolrail .tool{width:42px;color:var(--ui-muted);border-radius:7px;place-items:center;padding:0;display:grid;position:relative}.toolrail .tool.active{background:var(--ui-accent-soft);color:var(--ui-text);border-color:#626a70}.toolrail .tool[data-tooltip]:after{content:attr(data-tooltip);z-index:80;border:1px solid var(--ui-line);color:#f3f4f4;letter-spacing:0;opacity:0;pointer-events:none;background:#0d0f11;border-radius:5px;width:max-content;max-width:190px;padding:6px 8px;font-size:10px;font-weight:600;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 11px);transform:translate(4px,-50%);box-shadow:0 7px 18px #0008}.toolrail .tool[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)}.tool-variant-menu{border-color:var(--ui-line);background:var(--ui-2);left:49px}.toolrail .tool-variant-menu button{color:var(--ui-text)}.toolrail .tool-variant-menu button:hover,.toolrail .tool-variant-menu button.active{background:var(--ui-4)}.brand-mark i{background:#f1b969}.brand-mark i:nth-child(2){background:#f27d64}.brand-mark i:nth-child(3){background:#71c5c1}.project-indicator{background:#8f979c}:root[data-theme=light] .topbar,:root[data-theme=light] .toolrail,:root[data-theme=light] .inspector,:root[data-theme=light] .timeline,:root[data-theme=light] .track-sidebar{background:var(--ui-1);color:var(--ui-text);border-color:var(--ui-line)}:root[data-theme=light] .topbar .project-name input,:root[data-theme=light] .topbar .project-name input:focus,:root[data-theme=light] .project-actions button,:root[data-theme=light] .file-button,:root[data-theme=light] .inspector h2,:root[data-theme=light] .setting-label strong,:root[data-theme=light] .mode-label{color:var(--ui-text)}:root[data-theme=light] .topbar-import-menu{background:#f7f7f5;border-color:#b7bdc0}:root[data-theme=light] .topbar-import-menu button{color:#202528!important}:root[data-theme=light] .topbar-import-menu button:hover{background:#e7e9e8!important}:root:not([data-theme=light]) .toolrail .tool{color:#eef0f1}:root[data-theme=light] .toolrail .tool{color:#202326}@media (width<=1050px){.workspace{grid-template-columns:58px minmax(0,1fr) 215px}}@media (width<=780px){.toolrail .tool{width:36px;height:38px}.tool-variants{width:36px}.tool-variant-menu{left:43px}}:root[data-theme=light] .modal-backdrop{background:#30343880}:root[data-theme=light] .sequence-dialog,:root[data-theme=light] .project-dialog{color:#202528;background:#f7f7f5;border-color:#b7bdc0;box-shadow:0 24px 60px #3335}:root[data-theme=light] .sequence-dialog p,:root[data-theme=light] .sequence-dialog label,:root[data-theme=light] .project-dialog label,:root[data-theme=light] .project-dialog .dialog-note{color:#596267}:root[data-theme=light] .snapshot-row{border-color:#c5c9ca}:root[data-theme=light] .snapshot-row small{color:#596267}:root[data-theme=light] .sequence-dialog input[type=text],:root[data-theme=light] .sequence-dialog input:not([type]),:root[data-theme=light] .project-dialog input:not([type=checkbox]),:root[data-theme=light] .project-dialog select{color:#202528;background:#fff;border-color:#b8bdc0}@media (height<=700px){.toolrail{gap:4px;padding-top:8px;padding-bottom:8px}.toolrail .tool{height:34px}}.toolrail .tool[data-tooltip]:focus-visible:after{opacity:1;transition-delay:0s;transform:translateY(-50%)}.topbar{gap:var(--space-4);height:58px}.workspace{grid-template-columns:48px minmax(0,1fr) 268px}.toolrail{padding:var(--space-2) 6px;gap:5px}.tool-variants,.toolrail .tool{width:34px}.toolrail .tool{height:34px}.toolrail .tool svg{width:17px;height:17px}.tool-variant-menu{left:41px}.toolrail .tool[data-tooltip]:after{transition-delay:0s}.toolrail .tool[data-tooltip]:hover:after{transition-delay:.8s}@media (width<=1100px){.workspace{grid-template-columns:48px minmax(0,1fr) 246px}}@media (width<=780px){.workspace{flex-wrap:wrap;display:flex}.toolrail{width:48px}}.rail-guide-controls{flex-direction:column;flex:none;align-items:center;gap:4px;width:100%;display:flex}.rail-guide-controls .rail-separator{background:var(--ui-line);width:26px;margin:5px 0}.toolrail .rail-guide-button{width:30px;height:30px;color:var(--ui-muted);flex:none}.toolrail .rail-guide-button svg{stroke-width:1.5px;width:16px;height:16px}.workspace[data-tool-side=right]{grid-template-columns:minmax(0,1fr) 48px 268px}.workspace[data-tool-side=right]>.canvas-stage-frame{grid-area:1/1}.workspace[data-tool-side=right]>.toolrail{border-right:0;border-left:1px solid var(--ui-line);grid-area:1/2}.workspace[data-tool-side=right]>.inspector{grid-area:1/3}.workspace[data-tool-side=right] .tool-variant-menu{left:auto;right:41px}.workspace[data-tool-side=right] .toolrail .tool[data-tooltip]:after{left:auto;right:calc(100% + 11px);transform:translate(-4px,-50%)}.workspace[data-tool-side=right] .toolrail .tool[data-tooltip]:hover:after,.workspace[data-tool-side=right] .toolrail .tool[data-tooltip]:focus-visible:after{transform:translateY(-50%)}.toolrail .rail-dock-handle{width:22px;height:10px;color:var(--ui-muted);cursor:grab;touch-action:none;opacity:.62;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;margin:1px 0 2px;padding:0;display:grid}.toolrail .rail-dock-handle:hover,.toolrail .rail-dock-handle:focus-visible{background:var(--ui-3);color:var(--ui-text);opacity:1}.toolrail .rail-dock-handle svg{fill:currentColor;stroke:none;width:15px;height:5px}.toolrail.docking,.toolrail.docking .rail-dock-handle{cursor:grabbing}.rail-dock-target{z-index:100;border:1px solid var(--ui-text);background:var(--ui-accent-soft);opacity:.32;pointer-events:none;border-radius:3px;position:fixed}@media (width<=1100px){.workspace[data-tool-side=right]{grid-template-columns:minmax(0,1fr) 48px 246px}}@media (width<=780px){.workspace[data-tool-side=right]>.canvas-stage-frame{order:1}.workspace[data-tool-side=right]>.toolrail{order:2}.workspace[data-tool-side=right]>.inspector{order:3}}@media (height<=800px){.toolrail{gap:2px;padding-top:6px;padding-bottom:6px}.toolrail .tool{height:31px}.rail-guide-controls{gap:2px}.rail-guide-controls .rail-separator{margin:4px 0}.toolrail .rail-guide-button{height:27px}}.workspace[data-inspector-side=left][data-tool-side=left]{grid-template-columns:48px 268px minmax(0,1fr)}.workspace[data-inspector-side=left][data-tool-side=left]>.toolrail{border-left:0;border-right:1px solid var(--ui-line);grid-area:1/1}.workspace[data-inspector-side=left][data-tool-side=left]>.inspector{border-left:0;border-right:1px solid var(--ui-line);grid-area:1/2}.workspace[data-inspector-side=left][data-tool-side=left]>.canvas-stage-frame{grid-area:1/3}.workspace[data-inspector-side=left][data-tool-side=right]{grid-template-columns:268px minmax(0,1fr) 48px}.workspace[data-inspector-side=left][data-tool-side=right]>.inspector{border-left:0;border-right:1px solid var(--ui-line);grid-area:1/1}.workspace[data-inspector-side=left][data-tool-side=right]>.canvas-stage-frame{grid-area:1/2}.workspace[data-inspector-side=left][data-tool-side=right]>.toolrail{border-right:0;border-left:1px solid var(--ui-line);grid-area:1/3}.workspace[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]{grid-template-columns:minmax(0,1fr) 268px 48px}.workspace[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.canvas-stage-frame{grid-area:1/1}.workspace[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.inspector{grid-area:1/2}.workspace[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail{border-right:0;border-left:1px solid var(--ui-line);grid-area:1/3}.workspace[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]{grid-template-columns:268px 48px minmax(0,1fr)}.workspace[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.inspector{border-left:0;border-right:1px solid var(--ui-line);grid-area:1/1}.workspace[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.toolrail{border-left:0;border-right:1px solid var(--ui-line);grid-area:1/2}.workspace[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.canvas-stage-frame{grid-area:1/3}@media (width<=1100px){.workspace[data-inspector-side=left][data-tool-side=left]{grid-template-columns:48px 246px minmax(0,1fr)}.workspace[data-inspector-side=left][data-tool-side=right]{grid-template-columns:246px minmax(0,1fr) 48px}.workspace[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]{grid-template-columns:minmax(0,1fr) 246px 48px}.workspace[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]{grid-template-columns:246px 48px minmax(0,1fr)}}@media (width<=780px){.workspace[data-inspector-side=left][data-tool-side=left]>.toolrail{order:1}.workspace[data-inspector-side=left][data-tool-side=left]>.inspector{order:2}.workspace[data-inspector-side=left][data-tool-side=right]>.inspector{order:1}.workspace[data-inspector-side=left]>.canvas-stage-frame{order:3}}.canvas-panel{background-image:radial-gradient(#29404d 1px,#0000 1px);background-size:20px 20px;min-width:0;display:flex}.canvas-wrap{background:#fff;width:100%;position:relative}.canvas-wrap canvas{touch-action:none;cursor:none;width:100%;height:100%;display:block}.brush-cursor{pointer-events:none;border-radius:50%;display:none;position:absolute}@media (width<=630px){.canvas-panel{padding:10px}}.canvas-panel{min-height:0;padding:18px}.canvas-wrap{flex:none;max-width:none;max-height:none;overflow:visible;box-shadow:0 2px 8px #0c151e26,0 0 0 1px #d9dfe2}.canvas-wrap:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#dae1e711 1px,#0000 1px),linear-gradient(90deg,#dae1e711 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.canvas-wrap canvas{z-index:2;position:relative}.brush-cursor{mix-blend-mode:normal;border:1.5px solid #2b8992;box-shadow:0 0 0 1px #fffb}.brush-cursor.eraser{border-style:dashed;border-color:#d7665e}.perspective-points-count select{background:var(--ui-3);width:35px;height:22px;color:var(--ui-text);border:1px solid #454b50;border-radius:3px;padding:0 2px;font-size:10px}.perspective-density{gap:7px!important}.perspective-density input{appearance:none;background:#596167;border:0;border-radius:3px;outline:none;width:58px;height:3px}.perspective-density input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;box-shadow:none;background:#c8cccf;border:0;border-radius:50%}.perspective-density input::-moz-range-thumb{width:9px;height:9px;box-shadow:none;background:#c8cccf;border:0;border-radius:50%}.perspective-reset{min-height:24px;color:var(--ui-muted);text-underline-offset:2px;background:0 0;border:0;padding:4px 0;font-size:10px;text-decoration:underline}.perspective-reset:hover{color:var(--ui-text)}@media (width<=780px){.canvas-panel{min-height:430px;padding:15px 14px}.canvas-wrap{width:100%}}.canvas-panel{justify-content:safe center;align-items:safe center;overflow:auto}.canvas-wrap.zoomed{width:calc((100dvh - 400px)*var(--canvas-ratio)*var(--canvas-zoom));flex:none;max-width:none;max-height:none}.canvas-panel.zoom-mode-in canvas{cursor:zoom-in}.canvas-panel.zoom-mode-out canvas{cursor:zoom-out}.canvas-panel.hand-active,.canvas-panel.hand-active .canvas-wrap canvas{cursor:grab!important}.canvas-panel.hand-panning,.canvas-panel.hand-panning .canvas-wrap canvas{cursor:grabbing!important}.canvas-panel.hand-active .brush-cursor,.canvas-panel.hand-active .pipette-cursor,.canvas-panel.hand-active .lasso-cursor,.canvas-panel.hand-active .shape-cursor,.canvas-panel.hand-active .text-cursor{display:none!important}.canvas-panel.color-picking .canvas-wrap canvas{cursor:none!important}.canvas-panel.color-picking .brush-cursor{display:none!important}.canvas-panel{position:relative}.canvas-stage-frame{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-stage-frame .canvas-panel{width:100%;height:100%}.canvas-target-label,.frame-context-status{z-index:19;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid var(--ui-line);background:var(--ui-2);max-width:calc(100% - 100px);color:var(--ui-text);border-radius:4px;font:600 10px/1.35 DM Sans Variable,Inter,sans-serif;position:absolute;left:10px;overflow:hidden;box-shadow:0 2px 6px #0002}.canvas-target-label{opacity:.9;padding:4px 7px;top:10px}.frame-context-status{font-variant-numeric:tabular-nums;padding:5px 7px;bottom:10px}.frame-context-status span{text-overflow:ellipsis;display:block;overflow:hidden}.frame-context-status .frame-record-status{color:var(--record-color,#d76965);margin-top:3px}.canvas-zoom-status{z-index:20;border:1px solid var(--ui-line);background:var(--ui-2);color:var(--ui-text);font-variant-numeric:tabular-nums;align-items:center;font-size:9px;display:flex;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 2px 7px #0004}.canvas-zoom-status span{text-align:right;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:0;place-items:center;height:100%;padding:0 7px;display:grid}.canvas-zoom-status span:focus-visible{box-shadow:inset 0 0 0 1px var(--ui-text)}.canvas-zoom-status button{border:0;border-left:1px solid var(--ui-line);height:100%;color:var(--ui-muted);background:0 0;padding:0 8px;font:600 9px DM Sans Variable,Inter,sans-serif}.canvas-zoom-status button:hover:not(:disabled){background:var(--ui-3);color:var(--ui-text)}.canvas-zoom-status button:disabled{opacity:.42;cursor:default}.pipette-cursor{z-index:7;pointer-events:none;color:#252d32;width:19px;height:19px;display:none;position:absolute;transform:translate(-2px,-17px)}.pipette-cursor svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.pipette-cursor .pipette-fill{fill:#eef1f2}.canvas-wrap canvas.live-stroke-overlay,.canvas-wrap canvas.live-stroke-foreground,.canvas-wrap canvas.selection-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reference-images{z-index:2;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.reference-images img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;max-height:none;display:block;position:absolute}.canvas-wrap>canvas,.canvas-wrap>.perspective-guide-overlay,.canvas-wrap>.reference-images{--canvas-view-flip-x:1;--canvas-view-flip-y:1;transform:scale(var(--canvas-view-flip-x),var(--canvas-view-flip-y));transform-origin:50%}.canvas-wrap.view-flip-horizontal>canvas,.canvas-wrap.view-flip-horizontal>.perspective-guide-overlay{--canvas-view-flip-x:-1}.canvas-wrap.view-flip-vertical>canvas,.canvas-wrap.view-flip-vertical>.perspective-guide-overlay{--canvas-view-flip-y:-1}.canvas-wrap.view-flip-horizontal>.reference-images{--canvas-view-flip-x:-1}.canvas-wrap.view-flip-vertical>.reference-images{--canvas-view-flip-y:-1}.canvas-wrap canvas.live-stroke-overlay{z-index:3}.canvas-wrap canvas.live-stroke-foreground{z-index:4}.canvas-wrap canvas.selection-overlay{z-index:5}.brush-cursor{z-index:6;transform:translate(-50%,-50%) rotate(var(--tip-angle,0deg))}.lasso-cursor,.shape-cursor{z-index:8;pointer-events:none;color:#252d32;width:19px;height:19px;display:none;position:absolute}.lasso-cursor{transform:translate(-2px,-17px)}.shape-cursor{transform:translate(-3px,-16px)}.lasso-cursor svg,.shape-cursor svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;overflow:visible}.lasso-cursor svg{display:none}.lasso-cursor[data-mode=lasso] .lasso-freehand-icon,.lasso-cursor[data-mode=polygon] .lasso-polygon-icon,.shape-cursor svg{display:block}.lasso-cursor .lasso-fill,.shape-cursor .shape-fill,.shape-cursor rect,.shape-cursor ellipse{fill:#eef1f2}.deform-cursor{z-index:8;pointer-events:none;border:1px solid #263747;border-radius:50%;outline:1px solid #fff;display:none;position:absolute;transform:translate(-50%,-50%)}.deform-cursor:after{content:"";inset:var(--falloff-inset,20%);border:1px dashed #263747;border-radius:50%;position:absolute}.navigator-section{padding-top:15px;padding-bottom:15px}.navigator-section .section-heading{margin-bottom:10px}.navigator-surface{cursor:crosshair;touch-action:none;background:#fff;border:1px solid #50636d;border-radius:5px;width:100%;position:relative;overflow:hidden}.navigator-surface canvas{pointer-events:none;width:100%;height:100%;display:block}.navigator-viewport{pointer-events:none;background:#f2bb6626;border:1.5px solid #f2bb66;position:absolute;box-shadow:0 0 0 1px #202b32a6}.navigator-section{padding:0}.navigator-section .section-heading{margin:0}.canvas-panel{background:radial-gradient(circle,#31363a 0%,#24282b 70%)}.canvas-panel[data-tool=brush],.canvas-panel[data-tool=eraser],.canvas-panel[data-tool=shape],.canvas-panel[data-tool=deform],.canvas-panel[data-tool=text],.canvas-panel[data-tool=select]{cursor:none}.canvas-panel[data-tool=fill],.canvas-panel[data-tool=wand]{cursor:crosshair}.canvas-panel[data-tool=move]{cursor:move}.canvas-panel.zoom-mode-in{cursor:zoom-in}.canvas-panel.zoom-mode-out{cursor:zoom-out}.canvas-panel.color-picking{cursor:none}:root[data-theme=light] .canvas-panel{background:radial-gradient(circle,#d9dad9 0%,#c9cccb 72%)}:root[data-theme=light] .perspective-reset:hover{color:#202326}:root[data-theme=light] .perspective-points-count select{color:#25292c;background:#fff;border-color:#b9bec0}:root[data-theme=light] .frame-tile canvas,:root[data-theme=light] .navigator-surface{background:#fff}@media (width<=780px){.canvas-panel{width:calc(100% - 50px)}}.text-cursor{z-index:8;pointer-events:none;color:#1c2124;width:18px;height:22px;display:none;position:absolute;transform:translate(-50%,-50%)}.text-cursor svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:100%;height:100%;display:block;overflow:visible}.text-cursor .beam-outline{stroke:#fff;stroke-width:3.4px}.canvas-zoom-status{height:var(--control-compact);border-radius:var(--radius-control)}.canvas-zoom-status span{min-width:46px}@media (width<=780px){.canvas-stage-frame{width:calc(100% - 54px);height:430px}}.inspector{border-left:1px solid #2b3a48;position:relative;overflow:auto}.inspector-dock-handle{width:22px;height:10px;color:var(--ui-muted);cursor:grab;touch-action:none;opacity:.62;background:0 0;border:0;border-radius:3px;place-items:center;margin:4px auto 1px;padding:0;display:grid}.inspector-dock-handle:hover,.inspector-dock-handle:focus-visible{background:var(--ui-3);color:var(--ui-text);opacity:1}.inspector-dock-handle svg{fill:currentColor;stroke:none;width:15px;height:5px}.inspector.docking,.inspector.docking .inspector-dock-handle{cursor:grabbing}.inspector-dock-target{z-index:100;border:1px solid var(--ui-text);background:var(--ui-accent-soft);opacity:.32;pointer-events:none;border-radius:3px;position:fixed}.inspector-section{border-bottom:1px solid #2b3a48}.inspector input[type=range]{width:100%}.setting-label,.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading button{color:#fff;background:#2b3947;border:1px solid #435563;border-radius:5px}.layer-playback{gap:8px;margin:10px 0 15px;display:grid}.layer-playback label,.range-fields{color:#aebfca;font-size:12px}.layer-playback select,.range-fields input{color:#fff;background:#20303e;border:1px solid #455564;border-radius:5px;width:100%;padding:7px}.layer-list{gap:6px;display:grid}.layer-list button{color:#e8f0f5;text-align:left;background:#20303e;border:1px solid #3b4f5c;border-radius:6px;padding:10px}.layer-list button.selected{border-color:#e6bd64}.layer-list small{float:right;color:#96a9b8}.row-label{color:#b6c5ce;z-index:1;background:#15212d;align-items:center;width:110px;min-width:110px;padding-left:5px;font-size:12px;display:flex;position:sticky;left:0}@media (width<=630px){.inspector{display:none}}.brush-style{gap:6px;margin-top:12px;display:flex}.brush-style button{color:#e9eff5;background:#21303e;border:1px solid #3b4d5b;border-radius:5px;flex:1;padding:7px;font-size:12px}.brush-style button.selected{color:#f3d38c;border-color:#e6bd64}.pressure-settings{margin-top:14px}.layer-effects{gap:8px;margin:4px 0 12px;display:grid}.layer-effects label{align-items:center;gap:7px;display:flex}.layer-effects select{color:#fff;background:#20303e;border:1px solid #455564;border-radius:5px;flex:1;min-width:0;padding:5px}.layer-effects input[type=range]{flex:1;min-width:0}.layer-effects span{text-align:right;min-width:31px}.layer-list .layer-row{border:1px solid #3b4f5c;border-radius:6px;align-items:center;display:flex}.layer-list .layer-row.clipped{padding-left:3px}.clip-indicator{width:15px;min-width:15px;height:24px;color:var(--selection-color,#d8a95e);place-items:center;display:grid}.clip-indicator .layer-symbol{width:15px;height:15px;display:block}.layer-list .layer-row button{color:#e8f0f5;background:0 0;border:0}.layer-list .layer-row .layer-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.layer-list .layer-row input.layer-name{color:#fff;background:#172532;border:1px solid #e6bd64;border-radius:3px;flex:1;min-width:0;padding:4px;font-size:11px}.layer-list .layer-row small{float:none;color:#96a9b8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.layer-list .layer-row .layer-icon{color:#9eabb4;text-align:center;flex:none;place-items:center;width:25px;height:25px;transition:color .12s,background .12s,border-color .12s,transform 80ms,box-shadow .12s;display:grid;position:relative;background:0 0!important;border:1px solid #0000!important;border-radius:4px!important;padding:0!important}.layer-list .layer-row .layer-icon .layer-symbol{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.layer-list .layer-row .layer-icon .layer-icon-fill{fill:currentColor;stroke:none;opacity:.18}.layer-list .layer-row .layer-icon:hover{color:#f0f3f4;background:#ffffff0c!important;border-color:#52616b!important}.layer-list .layer-row .layer-icon:active{transform:scale(.88);background:#ffffff18!important}.layer-list .layer-row .layer-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.layer-list .layer-row .layer-icon.active{color:var(--selection-color,#d8a95e);box-shadow:inset 0 0 0 1px #d8a95e18;background:#d8a95e1c!important;border-color:#d8a95e78!important}.layer-list .layer-row .layer-state-toggle.active:after,.layer-list .layer-row .layer-properties-toggle.active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;right:2px;box-shadow:0 0 0 1px #1118}.layer-list .layer-row .layer-visibility.is-off{color:#68747c;opacity:.72}.layer-list .layer-row .layer-remove{color:#b88484}.layer-list .layer-row .layer-remove:hover{color:#f2b0ad;background:#8d34341d!important;border-color:#9d5555!important}.layer-stack-unit{gap:5px;min-width:0;display:grid}.layer-list>*,.layer-stack-unit>*{min-width:0}.layer-list .layer-row.grouped{margin-left:12px}.group-header{color:#d4e7e6;background:#29414b;border:1px solid #47616b;border-radius:5px;align-items:center;gap:4px;display:flex}.group-header.selected{border-color:var(--accent,#e6bd64)}.group-header button{color:inherit;background:0 0;border:0;font-size:11px}.group-header .group-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:1;min-width:0;font-weight:700;overflow:hidden}.group-header input{color:#fff;background:#192b36;border:1px solid #e6bd64;border-radius:3px;flex:1;min-width:0;padding:4px;font-size:11px}.layer-root-drop{border-radius:3px;height:5px}.layer-root-drop:hover{background:#43636c}.layer-root-drop:has(+.layer-row:hover){background:#43636c}.preset-save{gap:6px;display:flex}.preset-save input{flex:1}.preset-save button{color:#fff;white-space:nowrap;background:#2a4151;border:1px solid #5a7180;border-radius:5px;padding:6px 9px;font-size:11px}.inspector{background:#17222c;border-left-color:#34414b}.inspector-section{border-bottom-color:#2b3945}.section-heading{margin-bottom:18px}.inspector h2{margin:0}.setting-label{color:#a1b1bd;font-size:11px;font-weight:700}.setting-label strong{color:#e1eaf0}.inspector input[type=range]{appearance:none;cursor:pointer;background:#3a4a57;border-radius:4px;height:4px}.color-palette-section .section-content{gap:11px;display:grid}.color-field-wrap{place-items:center;padding-top:1px;display:grid}.color-field{cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue-color));border:1px solid #71818b;border-radius:4px;outline:none;width:100%;height:134px;position:relative;box-shadow:0 4px 13px #0b111755}.color-field:focus-visible{box-shadow:0 0 0 2px #efbd61,0 4px 13px #0b111755}.color-field-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #101820,0 1px 4px #0008}.color-hue-control{color:#9dadb9;grid-template-columns:auto minmax(0,1fr) 31px;align-items:center;gap:7px;font-size:10px;display:grid}.color-hue-control input[type=range]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:7px}.color-hue-control strong{color:#dce6e9;text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.color-readout{color:#d9e4ea;justify-content:center;align-items:center;gap:7px;display:flex}.color-readout span{border:1px solid #fff5;border-radius:4px;width:18px;height:18px}.color-readout code,.color-hex-input{font-family:DM Sans Variable,Inter,sans-serif;font-size:10px;font-weight:700}.color-readout code{cursor:text}.color-hex-input{width:8.2ch;color:inherit;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #7d8d98;border-radius:0;outline:none;margin:0;padding:0 1px 1px}.foreground-background{flex:none;width:34px;height:27px;position:relative}.foreground-background span{border:1px solid #c9ced1;border-radius:3px;width:21px;height:21px;position:absolute;box-shadow:0 0 0 1px #202428}.foreground-background .background-color{bottom:0;right:0}.foreground-background .foreground-color{z-index:1;top:0;left:0}.swap-colors{color:#9ba5ab;background:0 0;border:0;padding:0;font-size:16px;line-height:1}.swap-colors:hover{color:#fff}.layer-effects{color:#9dadb9;font-size:10px}.layer-list .layer-row{background:#1e2b36;border-color:#344451;gap:2px}.layer-thumb{color:#657b86;cursor:grab;background:#f8f9f9;border-radius:3px;flex:none;place-items:center;width:26px;height:26px;display:grid}.layer-thumb .layer-type-symbol{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.layer-list .layer-row .layer-name{font-size:11px;font-weight:700}@media (width<=1050px){.inspector{width:215px}}@media (width<=780px){.inspector{border-top:1px solid #394854;border-left:0;display:block}}.inspector .section-heading button{border-radius:5px;place-items:center;width:24px;height:24px;padding:0;font-size:17px;line-height:1;display:grid}.layer-list .layer-row{transition:background .12s,border-color .12s,box-shadow .12s}.layer-list .layer-row:hover{background:#273644;border-color:#4d6472}.layer-list .layer-row:active{background:#31485a}.layer-list .layer-row.selected{box-shadow:inset 3px 0 var(--selection-color,#d8a95e);background:#2c3844;border-color:#6e5a38;outline:none}.layer-list .layer-row.selected:hover,.layer-list .layer-row.selected:active{background:#354656}.layer-list .layer-row.active{border-color:var(--selection-color,#d8a95e);box-shadow:inset 4px 0 var(--selection-color,#d8a95e);background:#3c3426}.layer-list .layer-row.active .layer-name{color:#f6e7c8}.layer-list .layer-row.active:hover,.layer-list .layer-row.active:active{background:#4a4030}.timeline-layer-label,.layer-list .layer-row button.layer-name{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.pressure-test{touch-action:none;-webkit-user-select:none;user-select:none;color:#a9c3cb;cursor:crosshair;background:#20323d;border:1px dashed #526d79;border-radius:6px;justify-content:center;align-items:center;gap:12px;height:66px;margin-top:12px;padding:8px;font-size:10px;line-height:1.25;display:flex}.pressure-test-dot{background:#79c7c2;border-radius:50%;flex:none;transition:width 50ms,height 50ms;display:block;box-shadow:0 0 0 1px #d8f2ee}.pressure-settings p{color:#8298a5;font-size:10px;line-height:1.45}.brush-engine-toggle{margin:8px 0 2px}.texture-setting input:disabled{opacity:.35;cursor:not-allowed}.deform-settings .section-content{gap:10px;display:grid}.brush-coverage{gap:8px;margin-top:12px;display:grid}.brush-coverage p,.brush-tip p{color:#85a2ad;margin:0;font-size:10px;line-height:1.35}.brush-tip{gap:8px;margin-top:12px;display:grid}.brush-tip-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.brush-tip-preview{background:repeating-conic-gradient(#24323b 0 25%,#1a262e 0 50%) 50%/10px 10px;border:1px solid #50636d;border-radius:5px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.brush-tip-preview img{object-fit:contain;width:100%;height:100%;display:block}.brush-tip-load,.brush-tip-clear{color:#cbd9dd;cursor:pointer;background:#20313b;border:1px solid #465d68;border-radius:4px;min-height:30px;padding:6px 8px;font-size:10px;position:relative;overflow:hidden}.brush-tip-load input{opacity:0;cursor:pointer;position:absolute;inset:0}.brush-tip-clear:disabled{cursor:not-allowed;opacity:.4}.brush-dynamics{background:#14212a;border:1px solid #405460;border-radius:6px}.brush-dynamics summary{color:#d9e6e9;cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;list-style:none;display:flex}.brush-dynamics summary::-webkit-details-marker{display:none}.brush-dynamics summary:before{content:"▸";color:#78c5be;margin-right:7px}.brush-dynamics[open] summary:before{content:"▾"}.brush-dynamics summary span{color:#85a2ad;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:9px;font-weight:600}.brush-dynamics-controls{border-top:1px solid #30414c;display:grid}.texture-setting>span{color:#aebfc7;justify-content:space-between;font-size:10px;display:flex}.texture-setting strong{color:#e7eeee;font-weight:600}.texture-setting input{margin:5px 0 0}.reset-brush{color:#cbd9dd;background:#20313b;border:1px solid #465d68;border-radius:4px;justify-self:end;padding:5px 8px;font-size:10px}.brush-size-row{align-items:center;gap:13px;margin-bottom:14px;display:flex}.brush-size-pad{cursor:ns-resize;touch-action:none;background:#1b2b36;border:1px solid #50616d;border-radius:5px;outline:none;flex:none;place-items:center;width:58px;height:58px;display:grid}.brush-size-pad:focus-visible{border-color:#edbd70;box-shadow:0 0 0 2px #edbd7055}.brush-size-circle{border:1px solid #a7dad4;border-radius:50%;flex:none;display:block}.brush-size-entry{color:#a1b1bd;flex:1;justify-content:space-between;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;display:flex}.brush-size-entry span{white-space:nowrap;color:#91a6b1}.brush-size-entry input{color:#e9f1f3;text-align:right;background:#20303e;border:1px solid #50616d;border-radius:4px;width:40px;padding:4px 3px;font-size:11px}.inspector h2{letter-spacing:.005em;font-family:DM Sans Variable,Inter,Segoe UI,sans-serif;font-size:12px;font-weight:600}.mode-section{background:#1d2c36}.mode-label{color:#dce9eb;font-size:12px;font-weight:700}.option-row{color:#b9cbd1;align-items:center;gap:7px;font-size:11px;display:flex}.option-row input{accent-color:#79c7c2}.collapsible-section{padding:0}.collapsible-section>.section-heading{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin:0;list-style:none;display:flex}.collapsible-section>.section-heading::-webkit-details-marker{display:none}.section-chevron{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #78c5be;width:0;height:0;transition:transform .14s}.collapsible-section[open]>.section-heading .section-chevron{transform:rotate(90deg)}.section-meta{color:#718692;margin-left:auto;font-weight:600}.section-actions{align-items:center;margin-left:auto;display:flex}.preset-picker-row{grid-template-columns:minmax(0,1fr) 29px;align-items:end;gap:6px;margin-bottom:10px;display:grid;position:relative}.preset-picker-row>label{color:#9fb0ba;gap:5px;font-size:10px;font-weight:600;display:grid}.preset-picker-row select{color:#e9f1f3;background:#20303e;border:1px solid #50616d;border-radius:5px;width:100%;height:30px;padding:4px 7px;font-size:11px}.preset-menu-button{color:#c8d6dc;letter-spacing:-2px;background:#20303e;border:1px solid #50616d;border-radius:5px;width:29px;height:30px;padding:0;font-size:12px}.brush-preset-menu{z-index:40;background:#182832;border:1px solid #526874;border-radius:6px;width:190px;padding:5px;position:absolute;top:48px;right:0;box-shadow:0 14px 30px #071015b8}.brush-preset-menu>button,.preset-file-action{color:#d6e1e5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;min-height:31px;padding:7px 8px;font-size:10px;display:block}.brush-preset-menu>button:hover:not(:disabled),.preset-file-action:hover{color:#fff;background:#2b4650}.preset-file-action input{display:none}.preset-save-inline{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:5px 4px 7px;display:grid}.preset-save-inline input{color:#edf3f4;background:#12212a;border:1px solid #435b67;border-radius:4px;min-width:0;padding:5px 6px;font-size:10px}.preset-save-inline button{color:#dce9eb;background:#29434d;border:1px solid #526874;border-radius:4px;font-size:10px}.preset-error{color:#f29a8c;margin:0 0 8px;font-size:9px;line-height:1.35}.selected-brush-source{min-width:0;color:var(--ui-muted,#93a3aa);align-items:center;gap:6px;margin:-1px 0 7px;font-size:9px;display:flex}.selected-brush-source>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brush-texture-shortcut{border:1px solid var(--ui-line);background:var(--ui-2);width:100%;min-width:0;min-height:34px;color:var(--ui-text);text-align:left;cursor:pointer;border-radius:4px;align-items:center;gap:7px;margin:0 0 8px;padding:4px 6px;display:flex}.brush-texture-shortcut:hover,.brush-texture-shortcut:focus-visible{background:var(--ui-3);border-color:var(--ui-muted)}.brush-texture-shortcut-preview{border:1px solid var(--ui-line);background:var(--ui-1);border-radius:2px;flex:none;width:24px;height:24px;overflow:hidden}.brush-texture-shortcut-preview img{object-fit:cover;width:100%;height:100%;display:block}.brush-texture-shortcut-name{gap:1px;min-width:0;font-size:9px;line-height:1.15;display:grid}.brush-texture-shortcut-name strong{font-size:9px;font-weight:700}.brush-texture-shortcut-name span{color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brush-texture-shortcut-value{color:var(--ui-muted);white-space:nowrap;flex:none;margin-left:auto;font-size:9px}.brush-texture-shortcut>span:last-child{color:var(--ui-muted);font-size:16px;line-height:1}.brush-compatibility{color:#bac5ca;white-space:nowrap;border:1px solid #617078;border-radius:8px;align-items:center;min-height:16px;padding:1px 5px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.brush-compatibility.compatible{color:#bdcdc4;border-color:#72857c}.brush-compatibility.approximate{color:#d4c398;border-color:#897958}.brush-compatibility.tip-only{color:#ccb6ca;border-color:#7a6979}.advanced-brush-dynamics{border-top:1px solid var(--ui-line,#46535a);padding-top:5px}.advanced-brush-dynamics summary{cursor:pointer;color:var(--ui-muted,#a8b5ba);font-size:9px;font-weight:650;list-style:none}.advanced-brush-dynamics summary:before{content:"›";margin-right:5px;transition:transform .12s;display:inline-block}.advanced-brush-dynamics[open] summary:before{transform:rotate(90deg)}.advanced-brush-dynamics>div{gap:7px;padding:8px 0 2px;display:grid}.brush-texture-tab .brush-texture-preview{border:1px solid var(--ui-line,#46535a);background:var(--ui-panel,#20282c);border-radius:3px;justify-self:start;width:48px;height:48px;overflow:hidden}.brush-texture-tab .brush-texture-preview img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.brush-dual-tip-preview{border:1px solid var(--ui-line,#46535a);background:var(--ui-panel,#20282c);border-radius:3px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.brush-dual-tip-preview img{object-fit:contain;width:100%;height:100%;display:block}.compact-select{color:var(--ui-muted,#aab6bb);justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.compact-select select{width:96px;height:24px;min-height:24px;padding:2px 5px}.texture-picker select{max-width:150px}.brush-stroke-preview{background:linear-gradient(90deg,#f7f7f4 0 50%,#34444f 50%);border:1px solid #50636d;border-radius:5px;height:66px;overflow:hidden}.brush-stroke-preview canvas{width:100%;height:100%;display:block}.section-note{color:#8ea5b0;font-size:10px;line-height:1.5}.selection-actions{gap:6px;margin:12px 0;display:grid}.selection-actions>div{gap:6px;display:flex}.selection-actions button{color:#d7e8eb;background:#263d48;border:1px solid #4a626d;border-radius:5px;flex:1;min-width:0;min-height:28px;padding:4px 6px;font-size:10px;font-weight:700}.selection-actions button:hover{background:#345561}.selection-actions button.active{color:#fff;background:#465057;border-color:#9aa3a8}.selection-actions button.primary{color:#fff}.selection-actions .transform-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.transform-fields label{color:#aebfca;gap:3px;font-size:10px;display:grid}.transform-fields input,.transform-resampling select{color:#e9f3f4;background:#1b2d38;border:1px solid #4a626d;border-radius:5px;width:100%;min-width:0;padding:5px 6px;font-size:11px}.transform-resampling{color:#aebfca;gap:4px;font-size:10px;display:grid}.inspector input[type=range]{accent-color:#9da5aa}.inspector input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;box-shadow:none;background:#9da5aa;border:0;border-radius:50%}.inspector input[type=range]::-moz-range-thumb{width:13px;height:13px;box-shadow:none;background:#9da5aa;border:0;border-radius:50%}.brush-size-circle{background:#8e969955;border-color:#c1c6c9;box-shadow:0 0 0 1px #3e4448}.section-chevron,.brush-dynamics summary:before{color:#aab1b5;border-left-color:#aab1b5}.selection-actions button.primary{background:#4a5156;border-color:#858d92}.project-actions button.theme-toggle{color:#aab1b5;background:0 0;border:0;border-radius:0;outline:0;place-items:center;width:24px;height:30px;padding:0;display:grid}.project-actions button.theme-toggle:hover:not(:disabled){color:#fff;background:0 0;border:0}.project-actions button.theme-toggle:focus-visible svg{filter:drop-shadow(0 0 3px)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}:root[data-theme=light] .brand small,:root[data-theme=light] .setting-label,:root[data-theme=light] .section-note,:root[data-theme=light] .layer-effects,:root[data-theme=light] .frame-count,:root[data-theme=light] .timecode{color:var(--ui-muted)}:root[data-theme=light] .inspector-section,:root[data-theme=light] .timeline-head,:root[data-theme=light] .timeline-body,:root[data-theme=light] .collapsible-section>.section-content,:root[data-theme=light] .brush-dynamics-controls{border-color:var(--ui-line)}:root[data-theme=light] .mode-section,:root[data-theme=light] .brush-dynamics,:root[data-theme=light] .pressure-test{border-color:var(--ui-line);background:#ececea}:root[data-theme=light] .fps-control input,:root[data-theme=light] .layer-effects select,:root[data-theme=light] .brush-size-entry input,:root[data-theme=light] .preset-picker-row select,:root[data-theme=light] .transform-fields input,:root[data-theme=light] .transform-resampling select{color:#25292c;background:#fff;border-color:#b9bec0}:root[data-theme=light] .brush-preset-menu,:root[data-theme=light] .tool-variant-menu,:root[data-theme=light] .frame-menu{color:#202326;background:#f6f6f4;border-color:#bfc3c4;box-shadow:0 12px 28px #5554}:root[data-theme=light] .brush-preset-menu>button,:root[data-theme=light] .preset-file-action,:root[data-theme=light] .toolrail .tool-variant-menu button,:root[data-theme=light] .frame-menu button{color:#252a2d}:root[data-theme=light] .brush-preset-menu>button:hover,:root[data-theme=light] .preset-file-action:hover,:root[data-theme=light] .toolrail .tool-variant-menu button:hover,:root[data-theme=light] .toolrail .tool-variant-menu button.active,:root[data-theme=light] .frame-menu button:hover{color:#111;background:#dedfdd}:root[data-theme=light] .selection-actions button{color:#283035;background:#e0e2e1;border-color:#b9bec0}:root[data-theme=light] .selection-actions button:hover{background:#d2d5d4}:root[data-theme=light] .selection-actions button.primary{color:#fff;background:#596166;border-color:#596166}:root[data-theme=light] .foreground-background span{border-color:#656c70;box-shadow:0 0 0 1px #fff}:root[data-theme=light] .swap-colors{color:#626a70}:root[data-theme=light] .swap-colors:hover{color:#111}:root[data-theme=light] .project-actions button.theme-toggle{color:#596166;background:0 0;border:0}:root[data-theme=light] .project-actions button.theme-toggle:hover:not(:disabled){color:#111;background:0 0;border:0}:root[data-theme=light] .inspector input[type=range]::-webkit-slider-thumb{background:#626a70}:root[data-theme=light] .inspector input[type=range]::-moz-range-thumb{background:#626a70}.inspector button:disabled,.inspector input:disabled,.inspector select:disabled{opacity:.55}.preset-picker-row select,.preset-menu-button,.brush-size-entry input,.layer-effects select,.layer-playback select,.transform-resampling select{min-height:30px}.section-heading button,.preset-menu-button,.reset-brush,.swap-colors,.theme-toggle{place-items:center;display:grid}:root[data-theme=light] .collapsible-section>.section-heading{color:#25292c}:root[data-theme=light] .section-meta,:root[data-theme=light] .brush-dynamics summary span{color:#6d767b}:root[data-theme=light] .section-chevron{border-left-color:#6d757a}:root[data-theme=light] .brush-dynamics{background:#f0f0ee;border-color:#c3c7c8}:root[data-theme=light] .brush-dynamics summary{color:#252a2d}:root[data-theme=light] .brush-dynamics summary:before{color:#60696e}:root[data-theme=light] .brush-dynamics-controls{background:#f7f7f5;border-color:#d0d3d3}:root[data-theme=light] .texture-setting>span,:root[data-theme=light] .option-row,:root[data-theme=light] .brush-size-entry,:root[data-theme=light] .brush-size-entry span,:root[data-theme=light] .preset-picker-row>label{color:#555e63}:root[data-theme=light] .brush-coverage p,:root[data-theme=light] .brush-tip p{color:#6d767b}:root[data-theme=light] .brush-tip-preview{background:repeating-conic-gradient(#d9dcda 0 25%,#f4f4f2 0 50%) 50%/10px 10px;border-color:#b7bcbe}:root[data-theme=light] .brush-tip-load,:root[data-theme=light] .brush-tip-clear{color:#343b3f;background:#e4e5e3;border-color:#b8bdbe}:root[data-theme=light] .texture-setting strong{color:#252a2d}:root[data-theme=light] .preset-menu-button,:root[data-theme=light] .reset-brush,:root[data-theme=light] .section-heading button{color:#343b3f;background:#e4e5e3;border-color:#b8bdbe}:root[data-theme=light] .preset-menu-button:hover,:root[data-theme=light] .reset-brush:hover,:root[data-theme=light] .section-heading button:hover{color:#111;background:#d7d9d8}:root[data-theme=light] .brush-size-pad{background:#ededeb;border-color:#b9bec0}:root[data-theme=light] .brush-size-entry input,:root[data-theme=light] .preset-picker-row select,:root[data-theme=light] .layer-effects select,:root[data-theme=light] .layer-playback select,:root[data-theme=light] .transform-resampling select{color:#24292c;background:#fff;border-color:#b7bcbe}:root[data-theme=light] .color-hue-control,:root[data-theme=light] .color-readout{color:#596267}:root[data-theme=light] .color-hue-control strong,:root[data-theme=light] .color-readout code,:root[data-theme=light] .color-hex-input{color:#252a2d}:root[data-theme=light] .color-hex-input{border-bottom-color:#9ba1a4}:root[data-theme=light] .color-field{border-color:#9ba1a4;box-shadow:0 4px 12px #454b5030}:root[data-theme=light] .layer-playback label,:root[data-theme=light] .range-fields{color:#596267}:root[data-theme=light] .layer-list .layer-row:hover{background:#f4f2eb;border-color:#c3b8a4}:root[data-theme=light] .layer-list .layer-row:active{background:#ebe6da}:root[data-theme=light] .layer-list .layer-row.selected{box-shadow:inset 3px 0 var(--selection-color,#a97430);background:#f6edd9;border-color:#c6a56a}:root[data-theme=light] .layer-list .layer-row.selected:hover,:root[data-theme=light] .layer-list .layer-row.selected:active{background:#f3e6c8}:root[data-theme=light] .layer-list .layer-row.active{border-color:var(--selection-color,#a97430);box-shadow:inset 4px 0 var(--selection-color,#a97430);background:#f3e0b8}:root[data-theme=light] .layer-list .layer-row.active button.layer-name{color:#3f2e12}:root[data-theme=light] .layer-list .layer-row.active:hover,:root[data-theme=light] .layer-list .layer-row.active:active{background:#edd49a}:root[data-theme=light] .layer-list .layer-row button{color:#343b3f}:root[data-theme=light] .layer-list .layer-row small{color:#6e777c}:root[data-theme=light] .layer-list .layer-row .layer-icon{color:#626c71}:root[data-theme=light] .layer-list .layer-row .layer-icon:hover{color:#202629;background:#0000000a!important;border-color:#aeb4b6!important}:root[data-theme=light] .layer-list .layer-row .layer-icon:active{background:#00000014!important}:root[data-theme=light] .layer-list .layer-row .layer-icon.active{color:var(--selection-color,#a97430);box-shadow:inset 0 0 0 1px #a9743015;background:#a9743018!important;border-color:#a9743080!important}:root[data-theme=light] .layer-list .layer-row .layer-visibility.is-off{color:#92999c}:root[data-theme=light] .layer-list .layer-row .layer-remove{color:#a44949}:root[data-theme=light] .layer-thumb{color:#687277;background:#fff;border:1px solid #c1c5c6}:root[data-theme=light] .group-header{color:#30373b;background:#dde0df;border-color:#b7bdbf}:root[data-theme=light] .group-header input,:root[data-theme=light] .layer-list .layer-row input.layer-name,:root[data-theme=light] .timeline-layer-rename{color:#22272a;background:#fff;border-color:#858d91}:root[data-theme=light] .dialog-actions button,:root[data-theme=light] .preset-save button{color:#252a2d;background:#e2e4e3;border-color:#b7bdc0}.composition-breadcrumb{background:var(--ui-2,#252b30);border-bottom:1px solid var(--ui-line,#41494d);min-height:28px;color:var(--ui-text,#e8eaeb);align-items:center;gap:8px;padding:3px 17px;font-size:11px;display:flex}.composition-breadcrumb button,.composition-back{color:var(--ui-muted,#aeb5b8);background:0 0;border:0;padding:2px 4px}.composition-breadcrumb button:hover,.composition-back:hover{color:var(--ui-text,#fff)}.composition-crumb{align-items:center;gap:8px;min-width:0;display:inline-flex}.composition-crumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composition-breadcrumb-hint{color:var(--ui-muted,#aeb5b8);margin-left:auto;font-size:10px}.composition-list{gap:6px;display:grid}.composition-item{border:1px solid var(--ui-line,#495257);background:var(--ui-2,#262d31);border-radius:5px;align-items:center;gap:7px;padding:5px;display:flex}.composition-item.selected{border-color:var(--accent,#e6bd64)}.composition-open{text-align:left;min-width:0;color:var(--ui-text,#eceeef);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:2px;display:flex}.composition-open:hover{color:var(--ui-accent,#fff)}.composition-open>span:last-child{min-width:0}.composition-open strong,.composition-open small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.composition-open strong{font-size:11px;font-weight:600}.composition-open small{color:var(--ui-muted,#aeb5b8);font-size:9px}.composition-symbol{color:var(--ui-muted,#aeb5b8);font-size:17px}.composition-duration{color:var(--ui-muted,#aeb5b8);gap:2px;font-size:9px;display:grid}.composition-duration input{border:1px solid var(--ui-line,#495257);background:var(--ui-1,#1d2529);width:45px;height:23px;color:var(--ui-text,#eceeef);border-radius:3px;padding:2px 3px;font-size:11px}:root[data-theme=light] .composition-item{background:#e8eae8}:root[data-theme=light] .composition-duration input{background:#fff}.layer-list .layer-row .layer-icon{flex:none;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;overflow:hidden}.swap-colors{width:24px;height:24px}.text-properties{border:1px solid var(--ui-line,#454b50);background:var(--ui-1,#1c2429);width:max-content;max-width:min(440px,100vw - 24px);color:var(--ui-muted,#aeb5b8);border-radius:6px;flex-wrap:wrap;align-items:end;gap:6px;padding:6px;font-size:10px;font-weight:600;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 24px #0007}.text-editor.above .text-properties{top:auto;bottom:calc(100% + 6px)}.text-properties label{gap:2px;display:grid}.text-properties input,.text-properties select{border:1px solid var(--ui-line,#495257);background:var(--ui-2,#262d31);min-width:0;height:24px;color:var(--ui-text,#eceeef);border-radius:4px;padding:2px 4px;font-size:11px;font-weight:500}.text-properties input[type=number]{width:58px}.text-align{gap:2px;display:flex}.text-align button{border:1px solid var(--ui-line,#495257);min-height:24px;color:var(--ui-muted,#aeb5b8);background:0 0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.text-align button.active{background:var(--ui-4,#3a4248);color:var(--ui-text,#fff)}.gradient-stop-row{grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 6px;display:grid}.gradient-stop-row label{color:var(--ui-muted,#aeb5b8);justify-content:space-between;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.gradient-stop-row input[type=color]{border:1px solid var(--ui-line,#455564);cursor:pointer;background:0 0;border-radius:5px;width:36px;height:26px;padding:0}.gradient-stop-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.gradient-stop-row input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.gradient-stop-row label.unused{opacity:.55}.fill-scope{gap:6px}.fill-scope button{border:1px solid var(--ui-line,#4a545a);background:var(--ui-3,#2a3136);min-height:26px;color:var(--ui-text,#d7e0e4);border-radius:5px;flex:1;font-size:10px;font-weight:700}.fill-scope button.active{background:var(--ui-4,#465057);color:#fff;border-color:#8d969c}.effect-settings{gap:2px;margin:0 0 12px;display:grid}.speckle-color-row{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px;margin:2px 0 4px;display:grid}.speckle-color-row input[type=color]{border:1px solid var(--ui-line,#455564);cursor:pointer;background:0 0;border-radius:5px;width:36px;height:26px;padding:0}.speckle-color-row button{border:1px solid var(--ui-line,#455564);background:var(--ui-2,#20303e);height:26px;color:inherit;border-radius:5px;font-size:11px}.speckle-color-row button:disabled{opacity:.45}.effect-settings .setting-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.effect-settings select{border:1px solid var(--ui-line,#455564);background:var(--ui-2,#20303e);min-width:0;height:26px;color:var(--ui-text,#fff);border-radius:5px;padding:2px 6px;font-size:11px}.mode-note{color:var(--ui-muted,#8ea5b0);margin:8px 0 0;font-size:10px;line-height:1.45}.mode-section select{border:1px solid var(--ui-line,#455564);background:var(--ui-2,#20303e);width:100%;height:26px;color:var(--ui-text,#fff);border-radius:5px;margin:2px 0 8px;padding:2px 6px;font-size:11px}.section-heading button.effect-add{letter-spacing:-.02em;font-size:11px;font-weight:700}.text-look{gap:6px;display:grid}.text-look label{color:var(--ui-muted,#aeb5b8);gap:3px;font-size:10px;font-weight:600;display:grid}.text-look input,.text-look select{border:1px solid var(--ui-line,#495257);background:var(--ui-2,#20303e);width:100%;min-width:0;height:26px;color:var(--ui-text,#fff);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.text-look-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.text-metric{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;gap:3px;min-width:0;display:grid}.text-metric span{color:var(--ui-muted,#aeb5b8);font-size:10px;font-weight:600}.text-metric strong{border:1px solid var(--ui-line,#495257);background:var(--ui-2,#20303e);height:26px;color:var(--ui-text,#fff);font-variant-numeric:tabular-nums;border-radius:4px;place-items:center;font-size:11px;font-weight:650;display:grid}.text-metric:focus-visible strong{box-shadow:inset 0 0 0 1px var(--ui-text,#fff)}.font-list{border:1px solid var(--ui-line,#495257);background:var(--ui-2,#20303e);border-radius:4px;max-height:168px;overflow:auto}.font-list button{width:100%;color:var(--ui-text,#fff);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:15px;font-weight:400;line-height:1.25;display:block;overflow:hidden}.font-list button:hover,.font-list button.active{background:var(--ui-3,#314556)}.font-list .mode-note{margin:6px 8px}.text-look .font-source{border:1px solid var(--ui-line,#495257);min-height:24px;color:var(--ui-text,#e8eaeb);background:0 0;border-radius:4px;justify-self:start;padding:3px 8px;font-size:10px;font-weight:700}.text-properties .text-look{flex:220px;min-width:200px}.text-properties .font-list{max-height:140px}:root[data-theme=light] .text-look input,:root[data-theme=light] .text-look select,:root[data-theme=light] .text-metric strong,:root[data-theme=light] .font-list{color:#24292c;background:#fff;border-color:#b7bcbe}:root[data-theme=light] .font-list button{color:#24292c}:root[data-theme=light] .font-list button:hover,:root[data-theme=light] .font-list button.active{background:#e4e5e3}:root[data-theme=light] .text-look .font-source{color:#343b3f;background:#e4e5e3;border-color:#b8bdbe}:root[data-theme=light] .text-properties{background:#f6f6f4;border-color:#bfc3c4;box-shadow:0 10px 24px #5554}:root[data-theme=light] .text-properties input,:root[data-theme=light] .text-properties select,:root[data-theme=light] .effect-settings select,:root[data-theme=light] .mode-section select{color:#24292c;background:#fff;border-color:#b7bcbe}:root[data-theme=light] .text-align button,:root[data-theme=light] .fill-scope button{color:#343b3f;background:#e4e5e3;border-color:#b8bdbe}:root[data-theme=light] .text-align button.active,:root[data-theme=light] .fill-scope button.active{color:#111;background:#dedfdd}.inspector-section{border-color:var(--ui-line);padding:0}.collapsible-section>.section-heading{padding:7px var(--space-4);justify-content:flex-start;gap:6px}.collapsible-section>.section-content{padding:0 var(--space-4) 8px}.color-palette-section .section-content,.deform-settings .section-content{gap:6px}.layer-list,.layer-stack-unit,.composition-list{gap:3px}.layer-list .layer-row{min-height:28px;padding:1px 3px}.layer-list .layer-row button{padding:2px 3px}.group-header{min-height:26px;padding:1px 4px}.group-header button{padding:2px 4px}.layer-effects,.layer-playback{gap:4px;margin:2px 0 6px}.setting-label{margin-bottom:3px}.option-row{margin:3px 0}.mode-label{margin:0 0 4px}.brush-size-row,.preset-picker-row,.brush-stroke-preview{margin-bottom:6px}.brush-coverage,.brush-tip{gap:4px;margin-top:6px}.brush-dynamics{margin-top:6px}.brush-dynamics summary{padding:6px 8px}.brush-dynamics-controls{gap:4px;padding:2px 8px 6px}.texture-setting>span{margin-top:4px}.effect-settings{margin-bottom:6px}.effect-settings .setting-label{margin:4px 0 1px}.inspector .section-heading h2{font-size:var(--type-panel);letter-spacing:.01em;font-weight:650}.section-meta{font-size:var(--type-caption)}.field-row{align-items:center;gap:var(--space-2);display:flex}.field-row-label{text-align:left;flex:none}.layer-effects .field-row-label{text-align:left;min-width:auto}.inspector select{box-sizing:border-box;border:1px solid var(--ui-line);background-color:var(--ui-2);width:auto;max-width:100%;height:22px;min-height:22px;color:var(--ui-text);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M1 1l3 3 3-3' fill='none' stroke='%23949ca2' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 6px center;background-repeat:no-repeat;background-size:8px 5px;border-radius:4px;padding:0 18px 0 6px;font-size:11px;line-height:20px}.inspector .section-content>select,.inspector .layer-playback select,.inspector .preset-picker-row select,.inspector .mode-section select,.inspector .transform-resampling select{width:100%}.inspector .preset-picker-row{grid-template-columns:minmax(0,1fr) 22px}.inspector .preset-menu-button{width:22px;height:22px;min-height:22px}.inspector .brush-preset-menu{top:40px}.inspector .brush-preset-menu>button,.inspector .preset-file-action{min-height:22px;padding:3px 8px}:root[data-theme=light] .inspector select{color:#24292c;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path d='M1 1l3 3 3-3' fill='none' stroke='%23687076' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 6px center;background-repeat:no-repeat;background-size:8px 5px;border-color:#b7bcbe}@media (width<=1100px){.inspector{width:auto}}@media (width<=780px){.inspector{width:100%}}.inspector{flex-direction:column;display:flex;overflow:hidden}.inspector-upper{scrollbar-width:thin;flex:0 auto;min-height:0;max-height:calc(100% - 88px);overflow-y:auto}.inspector-layers{scrollbar-width:thin;border-top:1px solid var(--ui-line);flex:88px;min-height:88px;overflow-y:auto}.inspector-upper .collapsible-section>.section-heading,.inspector-layers .collapsible-section>.section-heading{min-height:26px;padding-top:4px;padding-bottom:4px}.inspector-upper .navigator-section .navigator-surface{width:min(100%,144px);margin:0 auto}.inspector-upper .brush-stroke-preview{height:22px;margin-bottom:3px}.inspector-upper .brush-stroke-preview canvas{object-fit:cover}.inspector-upper .brush-size-pad{width:34px;height:34px}.inspector-upper .brush-size-row{gap:8px;margin-bottom:2px}.inspector-upper .preset-picker-row{margin-bottom:3px}.inspector-upper .preset-picker-row>label{gap:0;font-size:0}.inspector-upper .preset-picker-row select{height:24px;min-height:24px;font-size:11px}.inspector-upper .brush-coverage{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:2px}.inspector-upper .brush-coverage .texture-setting input{margin-top:2px}.inspector-upper .brush-coverage .texture-setting>span{white-space:nowrap}.inspector-upper .color-palette-section .section-content{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.inspector-upper .color-field-wrap{height:auto;padding:0}.inspector-upper .color-field{height:134px}.inspector-upper .color-hue-control{grid-template-columns:auto minmax(0,1fr) 31px;gap:7px;display:grid}.inspector-upper .color-hue-control span,.inspector-upper .color-hue-control strong{display:block}.inspector-upper .color-hue-control input{width:100%;margin:0}.inspector-upper .color-readout{justify-content:flex-start;gap:7px}.inspector-upper .collapsible-section>.section-content{padding-bottom:6px}.panel-properties-button,.layer-properties-toggle{font-weight:600;line-height:1;font-size:15px!important}.panel-properties-button.active,.layer-properties-toggle.active{color:var(--ui-text);background:var(--ui-4)}.layer-properties-popover{z-index:50;border:1px solid var(--ui-line);background:var(--ui-1);width:238px;max-height:calc(100dvh - 16px);color:var(--ui-muted);border-radius:6px;padding:10px 11px;font-size:10px;position:fixed;overflow-y:auto;box-shadow:0 12px 28px #0005}.layer-properties-title{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text);margin-bottom:9px;font-size:11px;display:block;overflow:hidden}.layer-properties-popover .layer-effects,.layer-properties-popover .layer-playback{margin:0 0 8px}.layer-properties-popover .layer-playback:last-child,.layer-properties-popover .effect-settings:last-child{margin-bottom:0}.layer-properties-popover .layer-playback label{font-size:10px}.layer-properties-popover .layer-playback select,.layer-properties-popover .range-fields input,.layer-properties-popover .layer-effects select{background:var(--ui-2);width:100%;min-height:24px;color:var(--ui-text);padding:2px 5px;font-size:10px}.layer-properties-popover .field-row{align-items:center;gap:6px;display:flex}.layer-properties-popover .field-row-label{flex:none}.layer-properties-popover input[type=range]{appearance:none;cursor:pointer;background:#555d61;border:0;border-radius:4px;flex:1;min-width:0;height:4px}.layer-properties-popover input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;box-shadow:none;background:#b0b7ba;border:0;border-radius:50%}.layer-properties-popover input[type=range]::-moz-range-thumb{width:12px;height:12px;box-shadow:none;background:#b0b7ba;border:0;border-radius:50%}.shaker-settings .setting-label:has(input[type=range]){grid-template-columns:1fr auto;gap:3px 6px;display:grid}.shaker-settings .setting-label>input[type=range]{grid-column:1/-1;width:100%;margin:4px 0 7px}.shaker-settings .setting-label select{max-width:160px}.shaker-settings input[type=number]{border:1px solid var(--ui-line);background:var(--ui-2);width:76px;min-width:0;height:24px;color:var(--ui-text);border-radius:4px;padding:2px 5px;font-size:10px}.shaker-range{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.shaker-range label{gap:3px;display:grid}.shaker-range input[type=number]{width:100%}:root[data-theme=light] .layer-properties-popover{color:#555e63;background:#f4f4f2;box-shadow:0 12px 28px #5554}:root[data-theme=light] .layer-properties-popover select,:root[data-theme=light] .layer-properties-popover input[type=number]{color:#24292c;background:#fff;border-color:#b7bcbe}:root[data-theme=light] .layer-properties-popover input[type=range]{background:#aab0b2}:root[data-theme=light] .layer-properties-popover input[type=range]::-webkit-slider-thumb{background:#646d71}:root[data-theme=light] .layer-properties-popover input[type=range]::-moz-range-thumb{background:#646d71}@media (width<=780px){.inspector{display:block;overflow:visible}.inspector-upper,.inspector-layers{max-height:none;overflow:visible}}.inspector-library-tabs{border-bottom:1px solid var(--ui-line);background:var(--ui-1);gap:2px;padding:4px 8px;display:flex}.inspector-layers:has(.assets-section){flex-basis:230px;min-height:180px}.inspector-library-tabs button{min-height:25px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;font-size:10px;font-weight:650}.inspector-library-tabs button[aria-selected=true]{background:var(--ui-3);color:var(--ui-text)}.inspector-library-tabs button:hover{color:var(--ui-text)}.assets-section{align-content:start;gap:6px;padding:8px;display:grid}.asset-scope-tabs{border:1px solid var(--ui-line);background:var(--ui-2);border-radius:4px;gap:2px;padding:2px;display:flex}.asset-scope-tabs button{min-height:22px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;padding:2px 5px;font-size:10px}.asset-scope-tabs button[aria-selected=true]{background:var(--ui-4);color:var(--ui-text);font-weight:650}.asset-scope-tabs button:hover{color:var(--ui-text)}.asset-panel-heading{min-height:26px;color:var(--ui-muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.asset-import-button{border:1px solid var(--ui-line);background:var(--ui-2);color:var(--ui-text);border-radius:3px;padding:4px 7px;font-size:10px}.asset-import-menu{border:1px solid var(--ui-line);background:var(--ui-2);border-radius:4px;gap:2px;padding:4px;display:grid}.asset-import-menu button{color:var(--ui-text);text-align:left;background:0 0;border:0;border-radius:3px;padding:5px 7px;font-size:10px}.asset-import-menu button:hover{background:var(--ui-4)}.asset-kind-heading{color:var(--ui-muted);letter-spacing:.08em;text-transform:uppercase;margin:5px 0 1px;font-size:9px;font-weight:700}.asset-row{border:1px solid var(--ui-line);background:var(--ui-2);border-radius:4px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:44px;padding:4px;display:grid}.asset-row[draggable=true]{cursor:grab}.asset-row[draggable=true]:active{cursor:grabbing}.asset-row:hover{border-color:var(--ui-accent)}.asset-thumb{border:1px solid var(--ui-line);background:var(--ui-3);width:35px;height:35px;color:var(--ui-muted);border-radius:3px;place-items:center;display:grid;overflow:hidden}.asset-thumb img{object-fit:contain;width:100%;height:100%}.asset-clip-thumb{font-size:19px}.asset-info{min-width:0}.asset-info strong,.asset-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-info strong{color:var(--ui-text);font-size:10px;font-weight:650}.asset-info small{color:var(--ui-muted);margin-top:2px;font-size:9px}.asset-empty{color:var(--ui-muted);margin:6px 2px;font-size:10px;line-height:1.4}.asset-notice{border:1px solid var(--ui-line);color:var(--ui-text);border-radius:3px;margin:2px 0;padding:5px 6px;font-size:10px;line-height:1.35}.asset-actions{align-items:center;gap:3px;display:flex}.asset-actions>button{border:1px solid var(--ui-line);background:var(--ui-3);min-width:0;color:var(--ui-text);cursor:pointer;border-radius:3px;padding:4px 5px;font-size:10px}.asset-actions-menu{min-width:165px}.reference-placement-fields{grid-template-columns:1fr 1fr;gap:5px;padding:5px 0;display:grid}.reference-placement-fields label{color:var(--ui-muted);gap:3px;font-size:9px;display:grid}.reference-placement-fields input{width:100%;min-width:0}.timeline{border-top:1px solid #2b3a48;flex-direction:column;height:260px;display:flex}.timeline-head{border-bottom:1px solid #2b3a48;justify-content:space-between}.timeline-head h2{margin:3px 0 0;font-size:17px}.timeline-head h2 small{color:#98aab7;margin-left:7px;font-size:11px;font-weight:400}.transport button,.timeline-row button{color:#ebf0f5;background:#21303e;border:1px solid #3b4d5b;border-radius:5px;min-width:33px;height:31px}.transport button:hover:not(:disabled),.timeline-row button:hover{border-color:#e6bd64}.timeline-scroll{flex:1;padding:10px 18px;overflow:auto}.timeline-row{gap:4px;width:max-content;margin-bottom:5px;display:flex}.timeline-row button{min-width:46px}.timeline-row button.selected{background:#544832;border-color:#e6bd64}.timeline-note{color:#9caeb8;border-top:1px solid #2b3a48;margin:0;padding:8px 18px;font-size:11px}@media (width<=850px){.timeline-head{display:block}.transport{margin-top:8px}.timeline{height:286px}}@media (width<=630px){.timeline-head,.timeline-scroll{padding:8px}.transport{overflow:auto}}.transport button.recording{color:#f36969;background:#4c2429;border-color:#f36969}.fps-control{color:#a9b9c2;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:flex}.fps-control input{text-align:center}.loop-ruler{margin-bottom:7px}.ruler-cells>div{color:#9caebb;text-align:center;margin-right:4px;font-size:10px;line-height:24px}.ruler-cells>div.in-range{color:#ffe1a3}.loop-handle{font-weight:700;line-height:24px}.timeline{background:#131d26;border-top-color:#394854}.timeline-head{border-bottom-color:#2a3945;flex:none;align-items:center;gap:12px;padding:0 21px;display:flex}.timeline-title{white-space:nowrap;align-items:baseline;gap:9px;display:flex}.timeline-kicker{letter-spacing:.15em;font-size:9px;font-weight:700}.timeline-title strong{font-family:Space Grotesk Variable,sans-serif;font-size:15px}.frame-count{color:#7f929f;font-size:10px}.transport{white-space:nowrap;align-items:center;gap:4px;min-width:0;max-width:100%;margin:auto;display:flex;overflow-x:auto}.transport .transport-button{color:#a7b8c3;background:0 0;border:0;width:30px;min-width:30px;height:30px;padding:0;font-size:13px}.transport .transport-button:hover{color:#fff}.transport .play-button{color:#d9f1ed;background:#314756;border-radius:6px}.transport-divider{border-left:1px solid #3c4a56;height:17px;margin:0 7px}.timecode{color:#d8e4ea;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0;font-family:Space Grotesk Variable,sans-serif;font-size:11px}.fps-control{margin-right:3px}.fps-control input{color:#d9e5eb;background:#1c2a35;border:1px solid #40515e;border-radius:5px;width:31px;height:30px;padding:3px;font-size:11px}.transport .action-button{color:#c9d7df;background:#24323e;border:1px solid #435462;border-radius:5px;width:30px;min-width:30px;height:30px;padding:0;font-size:17px}.transport .action-button:hover{background:#314656}.transport .onion-button{place-items:center;display:grid}.transport .onion-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.transport .onion-button.enabled{color:#ffd88b;background:#51412e;border-color:#e6bd64}.transport .guide-toggle{place-items:center;display:grid}.transport .guide-toggle svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.transport .guide-toggle.enabled{color:#f0f1f1;background:#353a3e;border-color:#728086}.transport .record-button{font-size:19px}.record-trail-control{background:var(--ui-3);color:#aeb5b9;border:1px solid #454b50;border-radius:5px;align-items:center;gap:2px;height:30px;padding:0 3px 0 5px;display:flex}.record-trail-control svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:13px;height:13px}.record-trail-control select{width:35px;height:26px;color:inherit;background:0 0;border:0;outline:none;padding:0 1px;font-size:10px;font-weight:700}.timeline-loop-controls{flex:none;align-items:center;gap:5px;display:flex}.loop-direction-select{color:#d2dde3;text-align:center;cursor:pointer;background:#24323e;border:1px solid #435462;border-radius:5px;width:28px;height:30px;padding:0 2px;font:600 15px/1 system-ui}.loop-direction-select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.timeline-loop-controls .loop-toggle{color:#aebfc9;background:#24323e;border:1px solid #435462;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.timeline-loop-controls .loop-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.timeline-loop-controls .loop-toggle.enabled{color:#d2f1eb;background:#29464f;border-color:#70bbb8}.transport .delete-button{place-items:center;display:grid}.transport .delete-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.timeline-body{border-bottom:1px solid #2d3a45;flex:1;min-height:0;display:flex;overflow:auto}.track-sidebar{z-index:2;background:#192530;border-right:1px solid #33414c;flex:none;width:125px;position:sticky;left:0}.track-label{color:#c8d5dd;letter-spacing:.09em;height:115px;padding:27px 12px;font-size:10px;font-weight:700}.track-label small{color:#667c8b;letter-spacing:0;margin-top:6px;font-size:9px;font-weight:500;display:block}.timeline-layer-label{color:#9eb0bc;white-space:nowrap;background:#1b2934;border-top:1px solid #30404c;align-items:center;gap:3px;width:100%;height:31px;padding:0 6px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.timeline-layer-label.collapsed{background:#17232c}.timeline-layer-label button{color:inherit;background:0 0;border:0;flex:none;padding:0}.timeline-layer-chevron{width:14px;height:24px;font-size:10px}.timeline-layer-visibility{place-items:center;width:22px;height:24px;display:grid}.timeline-layer-visibility svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.timeline-layer-visibility.hidden{color:#607480}.timeline-layer-name{text-overflow:ellipsis;text-align:left;white-space:nowrap;height:28px;font-size:10px;font-weight:700;overflow:hidden;flex:1!important;min-width:0!important}.timeline-layer-rename{flex:1;min-width:0}.frames-scroll{flex:none;min-width:calc(100% - 125px);padding:10px 15px 8px;overflow:visible}.loop-ruler{width:max-content;height:11px;margin:0}.ruler-cells{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;gap:9px;width:max-content;display:flex}.ruler-cells>div{background:#243540;border-radius:2px;flex:none;width:70px;min-width:70px;height:7px;margin:1px 0 0;position:relative}.loop-handle{color:#0000;cursor:ew-resize;width:5px;height:13px;position:absolute;top:-3px;bottom:auto}.loop-handle[data-edge=start]{border-radius:2px 0 0 2px;left:-2px}.loop-handle[data-edge=end]{border-radius:0 2px 2px 0;right:-2px}.frame-track{gap:9px;width:max-content;height:95px;min-height:95px;display:flex}.frame-tile{color:#a8bbc7;text-align:left;background:#283742;border:1px solid #425460;border-radius:5px;flex:none;align-self:flex-start;width:70px;height:79px;padding:0;overflow:hidden}.frame-tile.active{border:2px solid #8bd1cc;box-shadow:0 0 0 2px #8bd1cc25}.frame-tile.in-loop{border-top:3px solid #70bbb8}.frame-tile.selected{box-shadow:none;border:2px solid #f0bc72;outline:0}.frame-tile canvas{background:#fff;width:100%;height:54px;display:block}.frame-tile span{font-variant-numeric:tabular-nums;white-space:nowrap;height:21px;padding-left:7px;font-size:9px;font-weight:700;line-height:21px;display:block}.timeline-layer-row{align-items:center;gap:9px;width:max-content;height:31px;display:flex}.timeline-layer-row.collapsed{min-width:100%;position:relative}.timeline-layer-row.collapsed:after{content:"";border-top:1px solid #293943;width:100%}.layer-cell{color:#8197a3;background:#20303a;border:1px solid #3d505d;border-radius:4px;flex:none;justify-content:center;align-items:center;width:70px;height:23px;padding:0;display:flex}.layer-cell .ink-mark{opacity:.7;background:#667b88;border-radius:4px;width:5px;height:5px}.layer-cell.has-art .ink-mark{opacity:.85;width:22px;height:4px}.layer-cell.current{border-color:#8bd1cc;box-shadow:inset 0 0 0 1px #8bd1cc6c}.layer-cell.active-layer{background:#29424d}.layer-cell.selected{border-color:#efbd78;box-shadow:inset 0 0 0 1px #efbd78a0}.layer-cell .cell-symbol{color:#a9c8c7;font-size:10px}@media (width<=1050px){.timeline-title{min-width:150px}.timeline-kicker{display:none}}@media (width<=780px){.timeline{min-height:236px;height:auto!important}.timeline-head{flex-wrap:wrap;height:auto;min-height:65px;padding:11px}.timeline-title{min-width:130px}.transport{margin-left:auto;margin-right:0}.timeline-body{min-height:171px}.track-sidebar{width:100px}.track-label{padding-left:12px}.frames-scroll{min-width:calc(100% - 100px)}}@media (width<=550px){.track-sidebar{width:80px}.track-label{padding-left:9px}.frames-scroll{min-width:calc(100% - 80px)}.timeline-head{gap:4px}.transport{overflow:auto}}.timeline-head{height:50px}.timeline{flex:none}.timeline-title{min-width:125px}.timeline-layer-label{cursor:text}.timeline-layer-rename{color:#f4f7f8;background:#192b36;border:1px solid #e6bd64;border-radius:0;outline:none;width:100%;height:31px;padding:5px 10px;font-size:10px;font-weight:700;display:block}.fps-control input{cursor:ns-resize;appearance:textfield}.fps-control input::-webkit-inner-spin-button{appearance:none;margin:0}.fps-control input::-webkit-outer-spin-button{appearance:none;margin:0}.inspector,.timeline-body,.transport,.frame-menu{scrollbar-width:thin;scrollbar-color:#536b79 #1a2833}.inspector::-webkit-scrollbar{width:9px;height:9px}.timeline-body::-webkit-scrollbar{width:9px;height:9px}.transport::-webkit-scrollbar{width:9px;height:9px}.frame-menu::-webkit-scrollbar{width:9px;height:9px}.inspector::-webkit-scrollbar-track{background:#1a2833}.timeline-body::-webkit-scrollbar-track{background:#1a2833}.transport::-webkit-scrollbar-track{background:#1a2833}.frame-menu::-webkit-scrollbar-track{background:#1a2833}.inspector::-webkit-scrollbar-thumb{background:#536b79;border:2px solid #1a2833;border-radius:9px}.timeline-body::-webkit-scrollbar-thumb{background:#536b79;border:2px solid #1a2833;border-radius:9px}.transport::-webkit-scrollbar-thumb{background:#536b79;border:2px solid #1a2833;border-radius:9px}.frame-menu::-webkit-scrollbar-thumb{background:#536b79;border:2px solid #1a2833;border-radius:9px}.inspector::-webkit-scrollbar-thumb:hover{background:#79bdb8}.timeline-body::-webkit-scrollbar-thumb:hover{background:#79bdb8}.transport::-webkit-scrollbar-thumb:hover{background:#79bdb8}.frame-menu::-webkit-scrollbar-thumb:hover{background:#79bdb8}.deform-track-label{border-top:1px solid var(--line,#3b4d5b);gap:3px;padding:0 5px;position:relative}.timeline-layer-label .deform-track-control{width:19px;height:24px;color:inherit;border-radius:3px;flex:none;place-items:center;display:grid}.timeline-layer-label .deform-track-control:hover{background:var(--ui-4,#37444c);color:var(--ui-text,#f1f3f4)}.timeline-layer-label .deform-track-control svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.timeline-layer-label .deform-track-control.muted{opacity:.45}.timeline-layer-label .deform-track-control.enabled{color:var(--ui-text,#f1f3f4)}.timeline-layer-label .deform-track-type{margin-right:auto}.group-deform-label{cursor:default;padding-left:17px}.group-deform-label .deform-track-type{margin-right:2px}.group-motion-name{text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.timeline-group-label{border-left:2px solid var(--ui-muted,#858d92);background:var(--ui-3,#30363a);color:var(--ui-text,#eceeef);cursor:default}.timeline-group-name{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;font-size:10px;font-weight:700;line-height:1.05;display:flex;overflow:hidden}.timeline-group-title,.timeline-group-lengths{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.timeline-group-lengths{color:var(--ui-muted,#9aa3a8);font-size:8px;font-weight:600}.timeline-layer-label.group-child-label{padding-left:16px}.group-track-row .layer-cell.has-art .ink-mark{width:20px;height:3px}.deform-track-rename{z-index:4;background:var(--ui-2,#1b2934);width:calc(100% - 30px);min-width:0;color:var(--ui-text,#f1f3f4);border:1px solid #92999d;border-radius:3px;padding:2px 4px;font-size:10px;position:absolute;inset:3px 5px 3px 25px}.deform-track-row .layer-cell.has-art .ink-mark{background:#a6b0b9}@media (width<=900px){.timeline-head{flex-wrap:wrap;height:auto;min-height:50px;padding:8px 12px;display:flex}.timeline-title{min-width:0}.transport{flex:100%;margin:0}}.inspector-section,.timeline-head,.timeline-body{border-color:var(--ui-line)}.timeline-kicker{color:var(--ui-muted)}.transport .play-button,.transport .action-button,.timeline-loop-controls .loop-toggle{background:var(--ui-3);color:#c7cbce;border-color:#454b50}.transport .onion-button.enabled,.transport .guide-toggle.enabled,.timeline-loop-controls .loop-toggle.enabled{color:#f0f1f1;background:#353a3e;border-color:#737a7f}.ruler-cells>div.in-range{background:#777f84}.loop-handle{background:#c8cccf;box-shadow:0 0 0 1px #303438}.frame-tile.active,.layer-cell.current{border-color:#9aa2a7;box-shadow:0 0 0 2px #9aa2a725}.frame-tile.in-loop{border-top-color:#8e969b}.frame-tile.selected,.layer-cell.selected{border-color:#d3d6d8;box-shadow:inset 0 0 0 1px #d3d6d888}.frame-tile.asset-drop{border-color:#72d89b;box-shadow:inset 0 0 0 2px #72d89b,0 0 0 2px #72d89b44}.frame-tile.drop-before{box-shadow:inset 4px 0 #d3d6d8,0 0 0 1px #d3d6d8}.frame-tile.drop-after{box-shadow:inset -4px 0 #d3d6d8,0 0 0 1px #d3d6d8}.timeline-layer-label.active{color:#eceeef;background:#30363a}.timeline-layer-label.selected{box-shadow:inset 2px 0 #c8cdd0}.layer-cell.has-art{background:#3b4247;border-color:#5d666c}.layer-cell.has-art .ink-mark{background:#a5adb2}:root[data-theme=light] .layer-list .layer-row,:root[data-theme=light] .timeline-layer-label,:root[data-theme=light] .layer-cell,:root[data-theme=light] .frame-tile,:root[data-theme=light] .brush-size-pad{color:#4d565c;background:#e7e8e6;border-color:#c2c6c7}:root[data-theme=light] .timeline-layer-label.active,:root[data-theme=light] .layer-cell.active-layer{color:#25292c;background:#d9dcdb}:root[data-theme=light] .transport .transport-button{color:#535d63}:root[data-theme=light] .transport .transport-button:hover{color:#111}:root[data-theme=light] .transport .play-button,:root[data-theme=light] .transport .action-button,:root[data-theme=light] .timeline-loop-controls .loop-toggle{color:#3b4348;background:#e3e4e2;border-color:#bfc3c4}:root[data-theme=light] .timeline-loop-controls .loop-toggle.enabled,:root[data-theme=light] .transport .onion-button.enabled,:root[data-theme=light] .transport .guide-toggle.enabled{color:#1f2427;background:#cfd2d1;border-color:#838a8e}:root[data-theme=light] .ruler-cells>div{background:#d6d8d7}:root[data-theme=light] .ruler-cells>div.in-range{background:#7d858a}.transport .record-button{color:#ea7068;border-color:#d66d67}.transport .record-button.recording{color:#ff8c7b;background:#642d31;border-color:#e37670}:root[data-theme=light] .transport .record-button{color:#d95751;background:#f4e8e6;border-color:#c85853}:root[data-theme=light] .transport .record-button.recording{color:#fff;background:#b94743;border-color:#b94743}:root[data-theme=light] .record-trail-control{color:#3b4348;background:#e3e4e2;border-color:#bfc3c4}:root[data-theme=light] .track-sidebar{border-color:#c5c8c8}:root[data-theme=light] .track-label{color:#41494e}:root[data-theme=light] .track-label small,:root[data-theme=light] .timeline-layer-label,:root[data-theme=light] .timeline-layer-visibility.hidden{color:#6f797e}:root[data-theme=light] .timeline-layer-label{border-color:#c9cccd}:root[data-theme=light] .timeline-layer-label.active{color:#252a2d;background:#d9dcdb}:root[data-theme=light] .frame-tile span,:root[data-theme=light] .layer-cell .cell-symbol{color:#4e585d}:root[data-theme=light] .layer-cell.has-art{background:#d8dcdb;border-color:#aeb5b7}:root[data-theme=light] .layer-cell.has-art .ink-mark{background:#60696e}:root[data-theme=light] .transport-divider{border-color:#c2c6c7}:root[data-theme=light] .fps-control{color:#596267}:root[data-theme=light] .inspector,:root[data-theme=light] .timeline-body,:root[data-theme=light] .transport,:root[data-theme=light] .frame-menu{scrollbar-color:#a6acae #ececea}:root[data-theme=light] .inspector::-webkit-scrollbar-track{background:#ececea}:root[data-theme=light] .timeline-body::-webkit-scrollbar-track{background:#ececea}:root[data-theme=light] .transport::-webkit-scrollbar-track{background:#ececea}:root[data-theme=light] .frame-menu::-webkit-scrollbar-track{background:#ececea}:root[data-theme=light] .inspector::-webkit-scrollbar-thumb{background:#a6acae;border-color:#ececea}:root[data-theme=light] .timeline-body::-webkit-scrollbar-thumb{background:#a6acae;border-color:#ececea}:root[data-theme=light] .transport::-webkit-scrollbar-thumb{background:#a6acae;border-color:#ececea}:root[data-theme=light] .frame-menu::-webkit-scrollbar-thumb{background:#a6acae;border-color:#ececea}.composition-timeline .timeline-title{align-items:center;gap:10px;display:flex}.composition-timeline .timeline-title strong{font-size:12px}.onion-panel{z-index:70;background:var(--ui-2);width:276px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:7px;gap:8px;padding:11px;display:grid;position:fixed;overflow:auto;box-shadow:0 12px 28px #0005}.onion-panel-heading,.onion-panel-row,.onion-preview-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.onion-panel-heading{border-bottom:1px solid var(--ui-line);padding:1px 1px 8px}.onion-panel-heading strong{letter-spacing:.01em;font:650 12px/1.2 DM Sans Variable,sans-serif}.onion-show{white-space:nowrap;color:var(--ui-text);cursor:pointer;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.onion-show input{width:13px;height:13px;accent-color:var(--ui-accent);margin:0}.onion-colors{grid-template-columns:1fr 1fr;gap:6px;display:grid}.onion-colors label{background:var(--ui-3);border:1px solid var(--ui-line);min-width:0;color:var(--ui-text);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:7px;padding:4px 5px 4px 8px;font-size:10px;display:flex}.onion-colors input[type=color]{border:1px solid var(--ui-line);background:var(--ui-1);cursor:pointer;border-radius:3px;flex:none;width:27px;height:22px;padding:2px}.onion-colors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.onion-colors input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}.onion-count-row{min-height:27px;color:var(--ui-muted);padding:0 1px;font-size:10px}.onion-frames input{border:1px solid var(--ui-line);border-radius:var(--radius-control);background:var(--ui-3);width:34px;height:24px;color:var(--ui-text);text-align:center;padding:2px;font-size:10px}.onion-preview-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--ui-muted);margin-top:1px;padding:0 1px;font-size:9px;font-weight:700}.onion-target-label{letter-spacing:0;text-transform:none;font-size:9px;font-weight:500}.onion-stack{background:var(--ui-1);border:1px solid var(--ui-line);touch-action:none;border-radius:4px;height:100px;position:relative;overflow:hidden}.onion-stack:before{content:"";background:linear-gradient(90deg,transparent calc(50% - .5px),var(--ui-line) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(55% - .5px),var(--ui-line) 55%,transparent calc(55% + .5px));opacity:.7;pointer-events:none;position:absolute;inset:0}.onion-stack-axis{border-left:1px dashed var(--ui-line);pointer-events:none;position:absolute;top:14px;bottom:12px;left:50%}.onion-stack-label{z-index:15;color:var(--ui-muted);letter-spacing:.08em;pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:7px}.onion-stack-label-previous{left:10px}.onion-stack-label-next{right:10px}.onion-stack-label-current{font-size:7px;top:auto;bottom:5px;left:50%;transform:translate(-50%)}.onion-page,.onion-sheet{border-radius:2px;width:33px;height:45px;position:absolute}.onion-page{z-index:9;border:1px solid var(--ui-muted);background:var(--ui-2);pointer-events:none;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 5px #0002}.onion-page-ink,.onion-sheet-ink{border-top:2px solid var(--ui-text);border-radius:45% 55% 0 0;width:18px;height:7px;position:absolute;top:19px;left:7px;transform:rotate(-8deg)}.onion-sheet{border:1px solid var(--sheet-color);background:color-mix(in srgb,var(--sheet-color) 16%,var(--ui-2));color:var(--sheet-color);opacity:calc(.3 + var(--sheet-opacity));font:inherit;cursor:pointer;touch-action:manipulation;margin:0;padding:0;box-shadow:0 2px 4px #0002}.onion-sheet-ink{border-color:currentColor}.onion-sheet-number{font-size:8px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:2px}.onion-sheet.selected{opacity:1;box-shadow:0 0 0 1px var(--ui-text),0 3px 7px #0003}.onion-panel-footer{padding:2px 1px 0}.onion-reset{border:1px solid var(--ui-line);border-radius:var(--radius-control);background:var(--ui-3);height:24px;color:var(--ui-text);cursor:pointer;padding:0 7px;font-size:10px}.onion-reset:not(:disabled):hover{background:var(--ui-4)}.sound-panel{width:240px}.sound-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:650;overflow:hidden}.sound-span{color:var(--ui-muted);margin:0;font-size:10px;line-height:1.35}.sound-error{color:#d66d67;margin:0;font-size:10px;line-height:1.35}.sound-panel>.sound-load{width:100%}.sound-load{border:1px solid var(--ui-line);border-radius:var(--radius-control);background:var(--ui-3);height:24px;color:var(--ui-text);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:10px;display:inline-flex;position:relative;overflow:hidden}.sound-load:hover{background:var(--ui-4)}.sound-load input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.sound-load input:disabled{cursor:default}.sound-start input{border:1px solid var(--ui-line);border-radius:var(--radius-control);background:var(--ui-3);width:48px;height:24px;color:var(--ui-text);text-align:center;padding:2px;font-size:10px}.hybrid-timeline .transport .sound-button.enabled{color:#d8a95e;border-color:#8a7044}:root[data-theme=light] .hybrid-timeline .transport .sound-button.enabled{color:#a97430;border-color:#a97430}:root[data-theme=light] .sound-error{color:#a33b36}.hybrid-timeline .timeline-layer-label.sound-track-label{cursor:default;border-top:1px solid #42474a;border-bottom:0;flex:none;order:30;gap:6px;height:36px;min-height:36px;margin-top:4px;padding:0 8px}.hybrid-timeline .sound-track-name{letter-spacing:.08em;color:#bfc4c6;flex:none;font-size:8px;font-weight:700}.hybrid-timeline .sound-track-label input[type=range]{accent-color:#d8a95e;cursor:pointer;flex:1;min-width:0;height:14px;margin:0}.hybrid-timeline .sound-track-label.is-muted .sound-track-name{opacity:.45}.hybrid-timeline .sound-wave{cursor:ew-resize;touch-action:none;color:#d8a95e;-webkit-user-select:none;user-select:none;background:#ffffff0d;flex:none;order:30;height:36px;margin-top:4px;position:relative;overflow:hidden}.hybrid-timeline .sound-wave.is-muted{opacity:.4}.hybrid-timeline .sound-wave:focus-visible{outline-offset:-1px;outline:1px solid #d8a95e}.hybrid-timeline .sound-wave-canvas{pointer-events:none;height:36px;display:block;position:absolute;top:0}.hybrid-timeline .sound-wave-name{z-index:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;letter-spacing:.01em;color:#f6f1e6;text-shadow:0 1px 2px #000c;align-items:center;max-width:calc(100% - 12px);height:36px;font-size:9px;font-weight:650;display:flex;position:absolute;top:0;overflow:hidden}:root[data-theme=light] .hybrid-timeline .timeline-layer-label.sound-track-label{border-top-color:#c8cbca;border-bottom-color:#0000}:root[data-theme=light] .hybrid-timeline .sound-track-name{color:#3e4549}:root[data-theme=light] .hybrid-timeline .sound-track-label input[type=range]{accent-color:#a97430}:root[data-theme=light] .hybrid-timeline .sound-wave{color:#a97430;background:#3d454910}:root[data-theme=light] .hybrid-timeline .sound-wave:focus-visible{outline-color:#a97430}:root[data-theme=light] .hybrid-timeline .sound-wave-name{color:#2c2416;text-shadow:0 1px #fff8}.composition-timeline .timeline-body{min-height:0}.composition-timeline .track-sidebar,.composition-timeline .frames-scroll{overflow-y:auto}.composition-timeline .frames-scroll{flex:1;min-width:0}.composition-timeline .frame-track{min-height:81px}.composition-layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.composition-timeline .transport{margin-left:auto;margin-right:0}.composition-clip-cell{position:relative;overflow:visible}.composition-clip-body{width:100%;height:100%;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.clip-timing-mark{z-index:3;color:#d4dadd;white-space:nowrap;pointer-events:none;font-size:7px;font-weight:700;line-height:1;position:absolute;top:1px;right:3px}:root[data-theme=light] .clip-timing-mark{color:#30393c}.composition-clip-cell.outside-clip{opacity:.35}.composition-clip-cell .cell-symbol{font-variant-numeric:tabular-nums}.composition-clip-handle{border:1px solid var(--ui-text,#e8eaeb);background:var(--ui-4,#687277);cursor:ew-resize;z-index:2;touch-action:none;border-radius:3px;width:8px;position:absolute;top:-2px;bottom:-2px;right:-4px}.composition-clip-handle:focus-visible{outline:2px solid var(--ui-text,#fff);outline-offset:2px}:root[data-theme=light] .composition-clip-handle{background:#697277}.hybrid-timeline{--timeline-sidebar:184px;--timeline-cell:62px;--timeline-gap:0px;--playhead-left:31px;--timeline-cyan:#68aeb0;background:#171a1d;border-top:1px solid #44494d;min-height:190px;max-height:min(540px,max(190px,100dvh - 475px));position:relative;box-shadow:0 -7px 18px #0003}.hybrid-timeline .timeline-resize-handle{z-index:12;cursor:ns-resize;touch-action:none;height:9px;position:absolute;top:-4px;left:0;right:0}.hybrid-timeline .timeline-resize-handle:after{content:"";opacity:.72;background:#73797d;border-radius:2px;width:46px;height:2px;position:absolute;top:3px;left:calc(50% - 23px)}.hybrid-timeline .timeline-head{grid-template-columns:var(--timeline-sidebar) minmax(0,1fr) 126px;background:#1b1e21;border-bottom:1px solid #34383b;align-items:center;height:44px;padding:0 12px;display:grid}.hybrid-timeline .timeline-title{align-items:center;gap:5px;min-width:0;overflow:hidden}.hybrid-timeline .timeline-title strong{text-overflow:ellipsis;min-width:0;overflow:hidden}.hybrid-timeline.composition-timeline .timeline-title .frame-count{display:none}.hybrid-timeline .timeline-focus-button{width:20px;height:20px;color:var(--ui-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:0;font:600 15px/1 DM Sans Variable,sans-serif}.hybrid-timeline .timeline-focus-button:hover,.hybrid-timeline .timeline-focus-button:focus-visible{border-color:var(--ui-line);color:var(--ui-text)}.hybrid-timeline.timeline-focused{z-index:80;min-height:0;max-height:none;position:fixed;inset:56px 0 0;height:auto!important}.hybrid-timeline.timeline-focused .timeline-resize-handle{display:none}.hybrid-timeline .timeline-title{align-items:center;gap:8px;min-width:0;padding-left:4px;display:flex}.hybrid-timeline .timeline-title strong{letter-spacing:.02em;color:#dde0e1;font-family:DM Sans Variable,Inter,sans-serif;font-size:11px;font-weight:650}.hybrid-timeline .timeline-title .frame-count{color:#8d959a;font-variant-numeric:tabular-nums;border:1px solid #454a4e;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:700}.hybrid-timeline .transport{scrollbar-width:none;justify-self:center;max-width:100%;margin:0;padding:3px 6px}.hybrid-timeline .transport::-webkit-scrollbar{display:none}.hybrid-timeline .transport .transport-button,.hybrid-timeline .transport .action-button,.hybrid-timeline .transport>.loop-toggle,.hybrid-timeline .timeline-loop-controls .loop-toggle,.hybrid-timeline .record-trail-control,.hybrid-timeline .fps-control input{border-radius:4px;width:25px;min-width:25px;height:25px}.hybrid-timeline .transport .ui-symbol{width:14px;height:14px}.hybrid-timeline .transport .transport-button{font-size:11px}.hybrid-timeline .transport .play-button{color:#eef0f1;background:#303438;border:1px solid #4b5155}.hybrid-timeline .transport .action-button,.hybrid-timeline .transport>.loop-toggle,.hybrid-timeline .timeline-loop-controls .loop-toggle,.hybrid-timeline .record-trail-control{color:#c1c6c9;background:#25292c;border-color:#454a4e}.hybrid-timeline .transport>.loop-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.hybrid-timeline .transport .record-button{background:#2a2526;border-color:#b55a56;font-size:16px}.hybrid-timeline .transport .record-button.recording{color:#ff8b80;background:#623034;border-color:#e27670}.hybrid-timeline .transport-divider{border-color:#3c4144;height:15px;margin:0 4px}.hybrid-timeline .timecode{text-align:center;color:#aeb4b7;font-variant-numeric:tabular-nums;min-width:42px;font-size:9px}.hybrid-timeline .fps-control{margin:0}.hybrid-timeline .fps-control input{padding:2px;font-size:9px}.hybrid-timeline .record-trail-control{width:44px;min-width:44px;height:25px;padding-left:4px}.hybrid-timeline .record-trail-control select{height:21px;font-size:9px}.hybrid-timeline .timeline-zoom{color:#899196;justify-self:end;align-items:center;gap:6px;height:26px;font-size:11px;display:flex;position:relative}.hybrid-timeline .timeline-zoom input{appearance:none;accent-color:#959ca0;background:#4a5054;border:0;border-radius:2px;outline:0;height:2px;margin:0}.hybrid-timeline .timeline-zoom input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;box-shadow:none;background:#b8bdc0;border:0;border-radius:50%}.hybrid-timeline .timeline-zoom input::-moz-range-thumb{width:9px;height:9px;box-shadow:none;background:#b8bdc0;border:0;border-radius:50%}.hybrid-timeline .timeline-body{scrollbar-color:#555c60 #1b1f21;scrollbar-width:thin;background:#171a1d;border-bottom:0;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.hybrid-timeline .track-sidebar{z-index:6;flex:0 0 var(--timeline-sidebar);width:var(--timeline-sidebar);box-shadow:none;background:#1d2023;border-right:1px solid #41474a;flex-direction:column;padding-top:6px;display:flex;position:sticky;left:0}.hybrid-timeline .track-label{color:#bfc4c6;letter-spacing:.11em;border-bottom:1px solid #34393c;flex-direction:column;order:0;justify-content:flex-end;height:88px;min-height:88px;padding:0 12px 10px;font-size:9px;display:flex}.hybrid-timeline .track-label small{color:#747d82;letter-spacing:0;margin-top:4px;font-size:8px}.hybrid-timeline .timeline-layer-label{color:#969ea3;cursor:grab;background:#1e2225;border-top:0;border-bottom:1px solid #303638;height:31px;min-height:31px;padding:0 8px;font-size:9px}.hybrid-timeline .timeline-layer-label.active{color:#eef0f1;background:#292d30}.hybrid-timeline .timeline-layer-name{align-items:center;gap:5px;display:flex}.timeline-layer-name-text,.composition-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.timeline-clock-chip{border:1px solid var(--ui-line);background:var(--ui-3);color:var(--ui-muted);letter-spacing:0;white-space:nowrap;border-radius:3px;flex:none;padding:2px 4px;font-size:8px;font-weight:650;line-height:1}.hybrid-timeline .timeline-layer-label.selected{box-shadow:inset 2px 0 var(--timeline-amber)}.hybrid-timeline .timeline-group-label{color:#e0e3e4;background:#282c2f;border-left:2px solid #737a7e;height:35px;min-height:35px}.hybrid-timeline .timeline-group-name{font-size:9px}.hybrid-timeline .timeline-group-lengths{color:#7f888d;letter-spacing:.02em;margin-top:2px;font-size:7px}.hybrid-timeline .timeline-layer-label.group-child-label{background:#1b1f21;padding-left:23px}.hybrid-timeline .group-deform-label{color:#879095;background:#1a1e20;padding-left:30px}.hybrid-timeline .global-deform-label{border-top:1px solid #42474a;order:20;margin-top:4px}.hybrid-timeline .frames-scroll{min-width:calc(100% - var(--timeline-sidebar));flex-direction:column;flex:none;align-items:flex-start;padding:6px 15px 8px 0;display:flex;position:relative;overflow:visible}.hybrid-timeline .loop-ruler{order:0;width:max-content;height:22px;margin:0}.hybrid-timeline .ruler-cells{gap:var(--timeline-gap);cursor:pointer;width:max-content;height:22px;display:flex}.hybrid-timeline .ruler-cells>div{flex:0 0 var(--timeline-cell);width:var(--timeline-cell);min-width:var(--timeline-cell);color:#7f888d;background:0 0;border-bottom:1px solid #3c4245;border-radius:0;height:22px;margin:0;position:relative}.hybrid-timeline .ruler-cells>div:after{content:"";background:#3a4043;height:3px;position:absolute;bottom:0;left:0;right:0}.hybrid-timeline .ruler-cells>div.in-range:after{background:var(--timeline-amber)}.hybrid-timeline .ruler-number{color:#70787d;font-variant-numeric:tabular-nums;font-size:7px;line-height:1;position:absolute;top:2px;left:3px}.hybrid-timeline .playback-cache-mark{z-index:2;pointer-events:none;background:#80ec9a;height:2px;position:absolute;top:0;left:1px;right:1px}.hybrid-timeline .global-loop-direction{z-index:4;color:#f0c778;pointer-events:none;background:#2d3235;border-radius:3px;place-items:center;min-width:13px;height:13px;font:700 11px/1 system-ui;display:grid;position:absolute;bottom:-5px;left:7px}:root[data-theme=light] .hybrid-timeline .playback-cache-mark{background:#39e66d;height:3px;box-shadow:0 1px #167340}.hybrid-timeline .loop-handle{z-index:3;width:11px;height:15px;box-shadow:none;color:#f0c778;background:0 0;border:0;border-radius:0;place-items:center;font:700 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;top:auto;bottom:-5px}.hybrid-timeline .loop-handle:before{display:block;transform:translateY(-1px)}.hybrid-timeline .loop-handle[data-edge=start]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 4H9V20H14' fill='none' stroke='%23111618' stroke-width='4' stroke-linecap='square'/%3E%3Cpath d='M14 4H9V20H14' fill='none' stroke='%23f0c778' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") 9 12,default;left:-5px}.hybrid-timeline .loop-handle[data-edge=start]:before{content:"["}.hybrid-timeline .loop-handle[data-edge=end]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 4H15V20H10' fill='none' stroke='%23111618' stroke-width='4' stroke-linecap='square'/%3E%3Cpath d='M10 4H15V20H10' fill='none' stroke='%23f0c778' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") 15 12,default;right:-5px}.hybrid-timeline .loop-handle[data-edge=end]:before{content:"]"}.hybrid-timeline .frame-track{gap:var(--timeline-gap);order:1;width:max-content;height:66px;min-height:66px;padding-top:3px;display:flex}.hybrid-timeline .frame-tile{flex:0 0 var(--timeline-cell);width:var(--timeline-cell);color:#a7aeb2;background:#24282b;border:1px solid #454b4e;border-left:0;border-radius:0;align-self:flex-start;height:59px;padding:0;position:relative;overflow:hidden}.hybrid-timeline .frame-tile:first-child{border-left:1px solid #454b4e;border-radius:3px 0 0 3px}.hybrid-timeline .frame-tile:last-child{border-radius:0 3px 3px 0}.hybrid-timeline .frame-tile:only-child{border-radius:3px}.hybrid-timeline .frame-tile canvas{object-fit:cover;background:#f7f6f1;width:100%;height:43px;display:block}.hybrid-timeline .frame-tile span{text-align:right;color:#888f93;font-variant-numeric:tabular-nums;height:14px;padding:0 5px;font-size:7px;font-weight:700;line-height:14px}.hybrid-timeline .frame-tile.active{box-shadow:none;border-color:#5b6468}.hybrid-timeline .frame-tile.in-loop{border-top:1px solid #5b6164}.hybrid-timeline .frame-tile.selected{z-index:2;border-color:var(--timeline-amber);box-shadow:inset 0 0 0 1px var(--timeline-amber),0 0 0 1px #0006}.hybrid-timeline .frame-tile.capturing:after{content:"";background:var(--record-color,#d76965);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}.hybrid-timeline .frame-tile.drop-before{box-shadow:inset 3px 0 var(--timeline-amber)}.hybrid-timeline .frame-tile.drop-after{box-shadow:inset -3px 0 var(--timeline-amber)}.hybrid-timeline .timeline-layer-row{align-items:center;gap:var(--timeline-gap);border-bottom:1px solid #303638;order:2;width:max-content;height:31px;min-height:31px;display:flex;position:relative}.hybrid-timeline .layer-frame-preview-label{text-transform:uppercase;letter-spacing:.08em;color:#a7afb3;background:#191d20;flex-direction:column;justify-content:center;align-items:flex-start;height:54px;min-height:54px}.hybrid-timeline .layer-frame-preview-label small{text-overflow:ellipsis;text-transform:none;letter-spacing:0;color:#737c81;white-space:nowrap;max-width:100%;font-size:7px;overflow:hidden}.hybrid-timeline .timeline-layer-preview-row{align-items:stretch;gap:var(--timeline-gap);background:#191d20;border-bottom:1px solid #303638;order:2;width:max-content;height:54px;min-height:54px;display:flex;position:relative}.hybrid-timeline .layer-frame-tile{flex:0 0 var(--timeline-cell);width:var(--timeline-cell);color:#8e979c;background:#202427;border:0;border-right:1px solid #343a3d;border-radius:0;height:54px;padding:0;position:relative;overflow:hidden}.hybrid-timeline .layer-frame-tile canvas{object-fit:cover;background:#f7f6f1;width:100%;height:42px;display:block}.hybrid-timeline .layer-frame-tile span{font-variant-numeric:tabular-nums;font-size:7px;font-weight:700;line-height:10px;position:absolute;bottom:1px;right:4px}.hybrid-timeline .layer-frame-tile.active{background:#292e31}.hybrid-timeline .layer-frame-tile.selected{z-index:2;box-shadow:inset 0 0 0 1px var(--timeline-amber),0 0 0 1px #0006}.hybrid-timeline .group-track-row{background:#ffffff03;height:35px;min-height:35px}.hybrid-timeline .global-deform-row{border-top:1px solid #42474a;order:20;margin-top:4px}.hybrid-timeline .layer-cell{flex:0 0 var(--timeline-cell);width:var(--timeline-cell);color:#798287;background:0 0;border:0;border-right:1px solid #343a3d;border-radius:0;padding:0;position:relative;overflow:visible}.hybrid-timeline .layer-cell.has-art{background:#303639}.hybrid-timeline .shaker-cell.shaker-active{background:#353b3e}.hybrid-timeline .shaker-mark{color:#d9dedf;font-size:17px;line-height:1}.hybrid-timeline .layer-cell.active-layer{background:#2e3437}.hybrid-timeline .layer-cell.current{box-shadow:none;background-color:#ffffff0a}.hybrid-timeline .layer-cell.selected{z-index:2;box-shadow:inset 0 0 0 1px #d8a95e75}.hybrid-timeline .layer-cell.cel-selected{z-index:3;box-shadow:inset 0 0 0 1px #d8dedf,0 0 0 1px #131719}.hybrid-timeline .layer-cell .cell-symbol{z-index:2;color:#d5dadd;font-size:clamp(9px, calc(var(--timeline-cell) * .22), 13px);font-variant-numeric:tabular-nums;font-weight:650;position:relative}.hybrid-timeline .layer-cell .ink-mark{background:#8b9499}.hybrid-timeline .layer-cell.has-art .ink-mark{z-index:2;width:min(22px,70%);height:clamp(3px, calc(var(--timeline-cell) * .08), 5px);opacity:1;background:#d5dadd;border-radius:3px;position:relative}.hybrid-timeline .layer-cell.exposure-continues:after{display:none}.hybrid-timeline .layer-cell.exposure-clip{background:#343b3e;border-top:1px solid #596468;border-bottom:1px solid #596468}.hybrid-timeline .layer-cell.exposure-loop{background-image:linear-gradient(135deg,#ffffff04 25%,#0000 25% 50%,#ffffff04 50% 75%,#0000 75%);background-size:10px 10px}.hybrid-timeline .layer-cell.exposure-hold{background:#3b3d3d}.hybrid-timeline .layer-cell.exposure-clip.cel-selected{border-top-color:#d8dedf;border-bottom-color:#d8dedf}.hybrid-timeline .layer-cell.cycle-start:before{content:"";z-index:2;border-left:3px solid #f2f4f5;position:absolute;top:2px;bottom:2px;left:-2px}.hybrid-timeline .layer-cell.cel-unique:not(.cel-selected){border-style:solid;border-width:1px;box-shadow:inset 0 0 0 2px #f2f4f5}.hybrid-timeline .layer-cell.cel-held .ink-mark{border-radius:0;width:min(28px,82%);height:3px}.hybrid-timeline .layer-cell.cel-source.has-art .ink-mark{height:clamp(4px, calc(var(--timeline-cell) * .1), 6px);border-radius:1px}.hybrid-timeline .composition-clip-body{position:relative}.hybrid-timeline .exposure-direction-mark{z-index:2;color:#f0c778;pointer-events:none;background:#181c1edb;border-radius:3px;place-items:center;min-width:13px;height:13px;font:700 10px/1 system-ui;display:grid;position:absolute;top:1px;left:2px}.hybrid-timeline .host-pose-mark{width:clamp(5px, calc(var(--timeline-cell) * .14), 8px);height:clamp(5px, calc(var(--timeline-cell) * .14), 8px);background:#f2f4f5;border:1px solid #121618;position:absolute;top:3px;right:3px;transform:rotate(45deg)}.hybrid-timeline .host-smear-mark{color:#f2f4f5;font-size:clamp(9px, calc(var(--timeline-cell) * .2), 12px);text-shadow:0 0 2px #121618;font-weight:700;line-height:1;position:absolute;bottom:0;right:2px}.hybrid-timeline .composition-clip-cell{background:#303639;border-color:#565d61;height:24px}.hybrid-timeline .composition-clip-cell.outside-clip{opacity:.22}.hybrid-timeline .composition-clip-handle{z-index:4;background:#666e72;border-color:#bfc4c6;width:10px;top:-2px;bottom:-2px;right:-1px}.hybrid-timeline .composition-clip-start-handle{cursor:ew-resize;left:-1px;right:auto}.hybrid-timeline .layer-cell.exposure-preview{box-shadow:inset 0 0 0 2px #d8dedf}.hybrid-timeline .composition-clip-body{cursor:grab}.hybrid-timeline .composition-clip-body:active{cursor:grabbing}.hybrid-timeline .deform-track-row .layer-cell.has-art .ink-mark{width:min(26px,76%);height:clamp(5px, calc(var(--timeline-cell) * .14), 8px);background:#d5dadd;border-radius:5px}.hybrid-timeline .timeline-playhead{z-index:5;pointer-events:none;left:var(--playhead-left);background:var(--timeline-cyan);width:1px;position:absolute;top:0;bottom:5px;box-shadow:0 0 0 1px #68aeb01c}.hybrid-timeline .timeline-playhead span{background:var(--timeline-cyan);border-radius:2px 2px 4px 4px;width:9px;height:7px;position:absolute;top:0;left:-4px}:root[data-theme=light] .hybrid-timeline{background:#e4e5e3;border-top-color:#b8bcbd;box-shadow:0 -6px 16px #5552}:root[data-theme=light] .hybrid-timeline .timeline-head{background:#f2f2f0;border-color:#c8cbca}:root[data-theme=light] .hybrid-timeline .timeline-title strong{color:#24282a}:root[data-theme=light] .hybrid-timeline .timeline-title .frame-count{color:#697176;border-color:#c0c4c4}:root[data-theme=light] .hybrid-timeline .timeline-body{scrollbar-color:#a3a8aa #e7e8e6;background:#e7e8e6}:root[data-theme=light] .hybrid-timeline .layer-cell.cel-selected{border-color:#31393d;box-shadow:inset 0 0 0 1px #31393d,0 0 0 1px #f5f6f4}:root[data-theme=light] .hybrid-timeline .track-sidebar{box-shadow:none;background:#ececea;border-color:#b8bdbb}:root[data-theme=light] .hybrid-timeline .track-label{color:#3e4549;border-color:#c8cbca}:root[data-theme=light] .hybrid-timeline .timeline-layer-label{color:#626b70;background:#ececea;border-color:#d1d3d2}:root[data-theme=light] .hybrid-timeline .timeline-layer-label.active{color:#22272a;background:#dfe1df}:root[data-theme=light] .hybrid-timeline .timeline-group-label{color:#252a2d;background:#d9dcda;border-left-color:#767d81}:root[data-theme=light] .hybrid-timeline .timeline-layer-label.group-child-label,:root[data-theme=light] .hybrid-timeline .group-deform-label{background:#eff0ee}:root[data-theme=light] .hybrid-timeline .frames-scroll{background-color:#e7e8e6}:root[data-theme=light] .hybrid-timeline .ruler-cells>div{border-color:#c4c8c7}:root[data-theme=light] .hybrid-timeline .ruler-cells>div:after{background:#c6cac9}:root[data-theme=light] .hybrid-timeline .ruler-number{color:#777f83}:root[data-theme=light] .hybrid-timeline .frame-tile{color:#586166;background:#dedfdd;border-color:#b7bcbd}:root[data-theme=light] .hybrid-timeline .frame-tile:first-child{border-left-color:#b7bcbd}:root[data-theme=light] .hybrid-timeline .frame-tile.active{border-color:#91989b}:root[data-theme=light] .hybrid-timeline .timeline-layer-row{border-color:#d9dbda}:root[data-theme=light] .hybrid-timeline .layer-frame-preview-label,:root[data-theme=light] .hybrid-timeline .timeline-layer-preview-row{color:#525b60;background:#e2e4e2;border-color:#c9cdcb}:root[data-theme=light] .hybrid-timeline .layer-frame-preview-label small{color:#7d8589}:root[data-theme=light] .hybrid-timeline .layer-frame-tile{color:#596267;background:#d9dcda;border-color:#c4c9c7}:root[data-theme=light] .hybrid-timeline .layer-frame-tile.active{background:#cdd1cf}:root[data-theme=light] .hybrid-timeline .layer-cell{color:#657075;background:0 0;border-right-color:#c4c9c7}:root[data-theme=light] .hybrid-timeline .layer-cell.has-art{background:#c9cecc}:root[data-theme=light] .hybrid-timeline .shaker-cell.shaker-active{background:#ced3d1}:root[data-theme=light] .hybrid-timeline .shaker-mark{color:#394246}:root[data-theme=light] .hybrid-timeline .layer-cell .ink-mark{background:#5c666c}:root[data-theme=light] .hybrid-timeline .layer-cell.has-art .ink-mark{background:#242b2e}:root[data-theme=light] .hybrid-timeline .layer-cell.exposure-continues:after{background:#c9cecc;border-color:#3e474b}:root[data-theme=light] .hybrid-timeline .layer-cell.cycle-start:before{border-left-color:#1c2326}:root[data-theme=light] .hybrid-timeline .layer-cell.cel-unique:not(.cel-selected){box-shadow:inset 0 0 0 2px #1c2326}:root[data-theme=light] .hybrid-timeline .composition-clip-cell,:root[data-theme=light] .hybrid-timeline .composition-clip-cell.exposure-continues:after{background:#c7ccca;border-color:#979fa2}:root[data-theme=light] .hybrid-timeline .layer-cell.exposure-preview{box-shadow:inset 0 0 0 2px #2c3336}:root[data-theme=light] .hybrid-timeline .layer-cell.exposure-clip{background-color:#cdd1d0;border-color:#919a9d}:root[data-theme=light] .hybrid-timeline .layer-cell.exposure-hold{background:#d4d2cc}:root[data-theme=light] .hybrid-timeline .layer-cell .cell-symbol{color:#1c2326}:root[data-theme=light] .hybrid-timeline .host-pose-mark{background:#1c2326;border-color:#f4f5f4}:root[data-theme=light] .hybrid-timeline .host-smear-mark{color:#1c2326;text-shadow:0 0 2px #f4f5f4}:root[data-theme=light] .hybrid-timeline .deform-track-row .layer-cell.has-art .ink-mark{background:#242b2e}:root[data-theme=light] .hybrid-timeline .timeline-zoom input{background:#b9bebe}:root[data-theme=light] .hybrid-timeline .timeline-zoom input::-webkit-slider-thumb{background:#666e72}:root[data-theme=light] .hybrid-timeline .timeline-zoom input::-moz-range-thumb{background:#666e72}@media (width<=1100px){.hybrid-timeline{--timeline-sidebar:156px}.hybrid-timeline .timeline-head{padding:0 8px}.hybrid-timeline .transport-divider{margin:0 2px}}@media (width<=780px){.hybrid-timeline{max-height:none}}.composition-back{min-height:28px}.hybrid-timeline .layer-cell{height:24px}.hybrid-timeline .transport .icon-button,.hybrid-timeline .timeline-loop-controls .icon-button,.hybrid-timeline .fps-control input{width:25px;min-width:25px;height:25px}.hybrid-timeline .loop-direction-select{color:#d7dadc;background:#25292c;border-color:#454a4e;width:25px;height:25px}:root[data-theme=light] .hybrid-timeline .loop-direction-select{color:#30373b;background:#e3e4e2;border-color:#bfc3c4}:root[data-theme=light] .hybrid-timeline .global-loop-direction,:root[data-theme=light] .hybrid-timeline .exposure-direction-mark{color:#936a18;background:#f5f5f2f0;box-shadow:0 0 0 1px #5b4d2d3d}.hybrid-timeline .transport .record-trail-control{width:44px;min-width:44px}.hybrid-timeline .transport .record-button{color:var(--record-color)}.hybrid-timeline .timeline-head{gap:var(--space-2)}.hybrid-timeline .transport{gap:3px}.hybrid-timeline{--timeline-amber:var(--selection-color)}.hybrid-timeline .timeline-zoom{width:118px}.hybrid-timeline .timeline-zoom input{width:56px}.hybrid-timeline .timeline-fit-toggle{border:1px solid var(--ui-line);background:var(--ui-3);width:29px;height:23px;color:var(--ui-text);border-radius:3px;padding:0;font-size:9px;font-weight:650}.timeline-fit-menu{z-index:25;border:1px solid var(--ui-line);background:var(--ui-2);border-radius:5px;min-width:110px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 18px #0005}.timeline-fit-menu button{color:var(--ui-text);text-align:left;background:0 0;border:0;border-radius:3px;padding:6px 8px;font-size:10px}.timeline-fit-menu button:hover{background:var(--ui-4)}@media (width<=1100px){.hybrid-timeline .timeline-head{grid-template-columns:var(--timeline-sidebar) minmax(0,1fr) 88px}.hybrid-timeline .timeline-zoom{width:85px}.hybrid-timeline .timeline-zoom input{width:43px}.hybrid-timeline .timeline-zoom>span{display:none}}.hybrid-timeline .transform-expand{width:17px;height:19px;color:var(--ui-muted);cursor:pointer;border-radius:3px;flex:none;place-items:center;font-size:14px;line-height:1;display:grid}.hybrid-timeline .transform-expand:hover,.hybrid-timeline .transform-expand.expanded{background:var(--ui-4,#34393c);color:var(--ui-text)}.hybrid-timeline .track-label{position:relative}.hybrid-timeline .track-label .timeline-motion-options{position:absolute;bottom:10px;right:8px}.hybrid-timeline .timeline-motion-options{width:18px;height:20px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.hybrid-timeline .timeline-motion-options:hover,.hybrid-timeline .timeline-motion-options:focus-visible{background:var(--ui-4);color:var(--ui-text)}.timeline-motion-menu{min-width:190px}.hybrid-timeline .transform-property-label{color:#aeb5b8;cursor:default;background:#1a1e20;height:24px;min-height:24px;padding-left:31px;font-weight:500}.hybrid-timeline .transform-property-label>span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hybrid-timeline .transform-scale-link{border:1px solid var(--ui-line);width:17px;height:18px;color:var(--ui-muted);border-radius:3px;flex:none;font-size:11px;line-height:14px}.hybrid-timeline .transform-scale-link.linked{border-color:var(--timeline-amber);color:var(--timeline-amber)}.hybrid-timeline .transform-property-label .transform-property-value{min-width:47px;max-width:60px;color:var(--ui-text);font-variant-numeric:tabular-nums;text-align:right;cursor:text;border:1px solid #0000;border-radius:3px;padding:3px 4px}.hybrid-timeline .transform-property-label .transform-scrub-value{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.hybrid-timeline .transform-property-label .transform-property-value:hover{border-color:var(--ui-line)}.hybrid-timeline .transform-property-label input{background:var(--ui-3);border:1px solid var(--ui-line-bright);width:57px;height:22px;color:var(--ui-text);text-align:right;border-radius:3px;padding:2px 4px;font-size:10px}.hybrid-timeline .transform-anchor-label{gap:1px;padding-left:18px}.hybrid-timeline .transform-anchor-label .transform-property-value{min-width:40px;max-width:46px;padding:3px 1px;font-size:9px}.hybrid-timeline .transform-anchor-label input{width:43px;padding:2px}.hybrid-timeline .transform-property-row{background:#1a1e20;height:24px;min-height:24px}.hybrid-timeline .transform-property-curve{z-index:0;pointer-events:none;height:24px;position:absolute;top:0;left:0;overflow:visible}.hybrid-timeline .transform-property-curve polyline{fill:none;stroke:#91a6aa;stroke-width:1.3px;vector-effect:non-scaling-stroke;opacity:.7}.hybrid-timeline .transform-property-cell{cursor:default;background:0 0;border-right-color:#343a3d;place-items:center;height:23px;display:grid}.hybrid-timeline .transform-property-cell.keyed{cursor:grab;touch-action:none;position:relative}.hybrid-timeline .transform-property-cell.keyed:focus{outline:1px solid var(--timeline-amber);outline-offset:-2px}.hybrid-timeline .transform-property-cell.keyed:active{cursor:grabbing}.hybrid-timeline .transform-property-cell.key-drop{box-shadow:inset 0 0 0 1px var(--timeline-amber)}.hybrid-timeline .transform-property-cell.key-selected{background:color-mix(in srgb,var(--timeline-amber) 18%,transparent);box-shadow:inset 0 0 0 1px var(--timeline-amber)}.hybrid-timeline .transform-property-cell.key-selected .transform-key-diamond{background:var(--timeline-amber);border-color:var(--timeline-amber);box-shadow:0 0 0 2px color-mix(in srgb,var(--timeline-amber) 35%,transparent)}.hybrid-timeline .transform-property-cell:hover{background:#343a3e}.hybrid-timeline .transform-key-diamond{z-index:1;background:var(--timeline-amber);border:1px solid #d4d5d2;width:7px;height:7px;position:relative;transform:rotate(45deg)}.hybrid-timeline .transform-key-editor{z-index:20;border:1px solid var(--ui-line-bright);background:var(--ui-2);width:64px;height:25px;color:var(--ui-text);text-align:center;border-radius:3px;padding:2px 4px;font-size:11px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.transform-key-popup.frame-menu{z-index:80;border-color:var(--ui-line);background:var(--ui-2);min-width:178px;padding:4px}.transform-key-popup.frame-menu button{color:var(--ui-text);padding:6px 8px;font-size:11px}.transform-key-popup .transform-curve-menu-title{border-top:1px solid var(--ui-line);color:var(--ui-muted);padding:7px 8px 3px;font-size:10px}.transform-key-popup .transform-curve-menu-graph{fill:none;width:calc(100% - 20px);height:49px;stroke:var(--ui-text);stroke-width:1.6px;margin:2px 10px 5px;display:block}.transform-key-popup .transform-curve-menu-graph .transform-curve-graph-guide{stroke:var(--ui-line-bright);stroke-width:1px}.transform-key-popup.frame-menu button[role=menuitemradio]{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.transform-key-popup button[role=menuitemradio].selected{background:var(--ui-4);color:var(--ui-text)}.transform-key-popup button[role=menuitemradio] svg{fill:none;stroke:currentColor;stroke-width:2px;opacity:.7;width:31px;height:13px}.hybrid-timeline .composition-clip-cell.target-selected{box-shadow:inset 0 0 0 1px var(--timeline-amber)}:root[data-theme=light] .hybrid-timeline .transform-property-label,:root[data-theme=light] .hybrid-timeline .transform-property-row{color:#4d565c;background:#dfe1df;border-color:#c3c8c7}:root[data-theme=light] .hybrid-timeline .transform-property-cell{color:#4d565c;background:0 0;border-right-color:#c3c8c7}:root[data-theme=light] .hybrid-timeline .transform-property-cell:hover{background:#ccd2d0}:root[data-theme=light] .hybrid-timeline .transform-property-curve polyline{stroke:#536a70;opacity:.8}.eyebrow{color:#889dab;letter-spacing:1.6px;font-size:10px;font-weight:700}.range-fields{align-items:center;gap:12px;display:flex}.range-fields input{width:55px;padding:4px}.frame-menu{z-index:20;background:#1c2b39;border:1px solid #5a6c78;border-radius:7px;gap:2px;min-width:174px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 30px #0008}.frame-menu button{color:#e9eff5;text-align:left;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:12px}.frame-menu button:hover{color:#ffe0a0;background:#394957}.sequence-dialog{color:#e9eff5;background:#1a2a38;border:1px solid #607483;border-radius:12px;gap:13px;width:min(410px,100%);padding:24px;display:grid;box-shadow:0 25px 65px #0009}.sequence-dialog h2{margin:0;font-size:20px}.photoshop-brush-dialog{background:var(--ui-1,#1a2227);width:min(610px,100%);max-height:min(720px,100vh - 40px);color:var(--ui-text,#e9eff2);border:1px solid var(--ui-line-bright,#607078);border-radius:9px;flex-direction:column;gap:11px;padding:16px;display:flex;overflow:hidden;box-shadow:0 25px 65px #0009}.photoshop-brush-dialog header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.photoshop-brush-dialog h2{margin:0;font-size:15px;font-weight:650}.photoshop-brush-dialog header p,.brush-import-footnote{color:var(--ui-muted,#9daab0);margin:2px 0 0;font-size:10px}.dialog-close{width:23px;height:23px;color:var(--ui-muted,#aeb8bc);background:0 0;border:0;padding:0;font-size:18px;line-height:1}.brush-import-progress{min-height:100px;color:var(--ui-muted,#aeb8bc);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.brush-import-progress span{border:2px solid #647077;border-top-color:var(--ui-text,#e8ecee);border-radius:50%;width:14px;height:14px;animation:.75s linear infinite brush-import-spin}@keyframes brush-import-spin{to{transform:rotate(360deg)}}.brush-import-tools{color:var(--ui-muted,#aeb8bc);justify-content:space-between;align-items:center;font-size:10px;display:flex}.brush-import-tools label{align-items:center;gap:6px;display:flex}.photoshop-brush-list{scrollbar-width:thin;gap:3px;min-height:120px;padding-right:3px;display:grid;overflow:auto}.photoshop-brush-item{background:var(--ui-2,#242d32);cursor:pointer;border:1px solid #0000;border-radius:5px;grid-template-columns:16px 38px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:4px 8px;display:grid}.photoshop-brush-item:hover{background:var(--ui-3,#2c373d)}.photoshop-brush-item.selected{border-color:var(--ui-line-bright,#56656c)}.photoshop-brush-thumb{border:1px solid var(--ui-line,#475158);background:repeating-conic-gradient(#d3d6d5 0 25%,#f2f3f1 0 50%) 50%/8px 8px;border-radius:4px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.photoshop-brush-thumb img{max-width:32px;max-height:32px;display:block}.photoshop-brush-thumb>span{background:#23282b;width:23px;height:23px}.photoshop-brush-name{min-width:0}.photoshop-brush-name strong,.photoshop-brush-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.photoshop-brush-name strong{font-size:10px;font-weight:600}.photoshop-brush-name small{color:var(--ui-muted,#99a5aa);margin-top:2px;font-size:8px}:root[data-theme=light] .photoshop-brush-dialog{color:#202528;background:#f7f7f5;border-color:#b7bdc0;box-shadow:0 24px 60px #3335}:root[data-theme=light] .photoshop-brush-item{background:#e9eae8}:root[data-theme=light] .photoshop-brush-item:hover{background:#dedfdd}:root[data-theme=light] .photoshop-brush-thumb>span{background:#33383a}.sequence-dialog p{color:#a9bdc8;margin:0;font-size:12px}.sequence-dialog label{color:#c5d3dc;gap:6px;font-size:12px;display:grid}.sequence-dialog label.sequence-check{align-items:center;gap:9px;display:flex}.sequence-dialog input[type=text],.sequence-dialog input:not([type]){color:#fff;background:#243847;border:1px solid #546c7b;border-radius:5px;padding:8px}.sequence-dialog input[type=checkbox]{accent-color:#e6bd64}.export-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-options>label:last-child:nth-child(odd){grid-column:1/-1}.export-options>label{cursor:pointer;background:#213440;border:1px solid #536774;border-radius:7px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex;position:relative}.export-options>label.selected{background:#2b414d;border-color:#aeb7bc;box-shadow:inset 0 0 0 1px #aeb7bc}.export-options input{accent-color:#b7c0c4;margin:2px 0 0}.export-options span{gap:3px;min-width:0;display:grid}.export-options strong{color:#f3f5f6;font-size:12px}.export-options small{color:#9fb0ba;font-size:10px;line-height:1.35}.sequence-options{gap:10px;padding-top:2px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dialog-actions button{color:#fff;background:#2a4151;border:1px solid #5a7180;border-radius:5px;padding:8px 14px}.dialog-actions button:last-child{background:#765c2f;border-color:#b99450}.sequence-dialog .dialog-error{color:#ffc1b5}.perspective-guide-overlay{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perspective-guide-lines{fill:none;stroke:#779195;stroke-width:1px;stroke-opacity:.62;pointer-events:none}.perspective-guide-lines line{vector-effect:non-scaling-stroke}.perspective-point-hit{fill:#0000;stroke:none;pointer-events:all;cursor:move}.perspective-point-dot{fill:#f3f5f5;stroke:#426e73;stroke-width:1.4px;vector-effect:non-scaling-stroke;pointer-events:none}.deform-apply{color:#d7e8eb;background:#263d48;border:1px solid #4a626d;border-radius:5px;justify-self:start;padding:6px 10px;font-size:11px;font-weight:700}.deform-apply:hover{background:#314b57}.session-status{color:var(--ui-muted,#9ca5a9);white-space:nowrap;flex:none;font:500 9px DM Sans Variable,sans-serif}.session-status.unavailable{color:#d18780}@media (width<=1000px){.session-status{display:none}}.hard-pixels{margin-top:0}.selection-ready kbd{color:#eef0f1;background:#252a2e;border:1px solid #70777c;border-radius:3px;margin-left:7px;padding:2px 5px;font:600 9px/1.2 DM Sans Variable,Inter,sans-serif}:root[data-theme=light] .perspective-guide-lines{stroke:#536d72;stroke-opacity:.55}:root[data-theme=light] .deform-apply{color:#283035;background:#e0e2e1;border-color:#b9bec0}:root[data-theme=light] .deform-apply:hover{background:#d2d5d4}.app-context-menu{z-index:90;min-width:190px;max-height:min(420px,100dvh - 16px);overflow:auto}.app-context-menu button,.selection-menu button{justify-content:space-between;align-items:center;gap:18px;display:flex}.selection-menu{min-width:224px}.selection-menu .preset-error{margin:2px 8px 6px}.frame-menu kbd{color:#8e989f;white-space:nowrap;font:600 9px/1.2 DM Sans Variable,Inter,sans-serif}.frame-menu .menu-separator{background:#3b4247;height:1px;margin:4px 5px}.frame-menu button:disabled{opacity:.42;pointer-events:none}:root[data-theme=light] .frame-menu kbd{color:#737c81}:root[data-theme=light] .frame-menu .menu-separator{background:#d4d6d5}:root[data-theme=light] .export-options>label{background:#eceeec;border-color:#bdc2c4}:root[data-theme=light] .export-options>label.selected{background:#e0e3e1;border-color:#697277;box-shadow:inset 0 0 0 1px #697277}:root[data-theme=light] .export-options strong{color:#202528}:root[data-theme=light] .export-options small{color:#626b70}:root[data-theme=light] .dialog-actions button:last-child{color:#fff;background:#555e63;border-color:#555e63}:where(button,input,select,summary,[role=slider],[role=separator]):focus-visible{outline:2px solid var(--ui-text);outline-offset:2px}.ui-tooltip{z-index:200;border:1px solid var(--ui-line);background:var(--ui-2);max-width:240px;color:var(--ui-text);text-align:center;pointer-events:none;border-radius:5px;padding:6px 8px;font-size:10px;font-weight:600;line-height:1.3;position:fixed;transform:translate(-50%,-100%);box-shadow:0 7px 18px #0006}.ui-tooltip.below{transform:translate(-50%)}.text-editor{z-index:40;pointer-events:auto;position:fixed}.text-editor textarea{resize:none;white-space:pre;caret-color:currentColor;background:0 0;border:0;outline:none;min-height:1.15em;margin:0;padding:0;display:block;overflow:hidden}.icon-button{border-radius:var(--radius-control);place-items:center;padding:0;line-height:1;display:inline-grid}.icon-button .ui-symbol{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px;display:block}.icon-button .ui-symbol circle[fill=currentColor]{fill:currentColor;stroke:none}button:disabled,input:disabled,select:disabled{opacity:var(--disabled-opacity)}button:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible,[role=separator]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tablet-quick-controls,.tablet-panel-scrim,.tablet-inspector-head,.tablet-project-menu-trigger{display:none}.tablet-project-menu{display:contents}.app-shell.compact-editor-shell{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.compact-editor-shell .topbar{flex-wrap:nowrap;gap:10px;height:48px;min-height:48px;padding:0 12px}.compact-editor-shell .brand{gap:8px;min-width:0}.compact-editor-shell .brand strong{font-size:16px}.compact-editor-shell .brand small,.compact-editor-shell .project-name .session-status{display:none}.compact-editor-shell .project-name{flex:1;order:0;width:auto;min-width:0}.compact-editor-shell .topbar .project-name input{width:100%;min-width:0;max-width:230px}.compact-editor-shell .project-actions{flex:none;gap:5px;position:relative}.compact-editor-shell .project-actions .theme-toggle,.compact-editor-shell .tablet-project-menu-trigger{width:38px;height:38px;min-height:38px;color:var(--ui-text);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:18px;display:grid}.compact-editor-shell .project-actions .theme-toggle:hover,.compact-editor-shell .tablet-project-menu-trigger:hover{background:var(--ui-3)}.compact-editor-shell .tablet-project-menu{z-index:70;border:1px solid var(--ui-line);background:var(--ui-1);border-radius:7px;width:205px;padding:5px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0007}.compact-editor-shell .tablet-project-menu.open{gap:2px;display:grid}.compact-editor-shell .tablet-project-menu>.text-button,.compact-editor-shell .tablet-project-menu>.file-button,.compact-editor-shell .tablet-project-menu .topbar-import>.text-button{text-align:left;width:100%;min-height:39px;color:var(--ui-text);border:0;border-radius:4px;padding:8px 10px;font-size:12px;display:block}.compact-editor-shell .tablet-project-menu>.text-button:hover,.compact-editor-shell .tablet-project-menu>.file-button:hover,.compact-editor-shell .tablet-project-menu .topbar-import>.text-button:hover{background:var(--ui-3)}.compact-editor-shell .topbar-import-menu{top:0;right:calc(100% + 7px)}.workspace.compact-editor,.workspace.compact-editor[data-tool-side=right],.workspace.compact-editor[data-inspector-side=left][data-tool-side=left],.workspace.compact-editor[data-inspector-side=left][data-tool-side=right],.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool],.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative}.workspace.compact-editor>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.canvas-stage-frame{grid-area:1/1/auto/-1;place-self:stretch stretch;width:auto;min-width:0;height:auto;min-height:0}.workspace.compact-editor>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.toolrail{z-index:20;scrollbar-width:none;overscroll-behavior:contain;grid-area:1/1/auto/-1;gap:2px;width:52px;padding:7px 5px;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto}.workspace.compact-editor>.toolrail::-webkit-scrollbar{display:none}.workspace.compact-editor>.toolrail:has(.tool-variant-menu){overflow:visible}.workspace.compact-editor[data-inspector-side=left][data-tool-side=left]>.toolrail:has(.tool-variant-menu){overflow:visible}.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.toolrail:has(.tool-variant-menu){overflow:visible}.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail:has(.tool-variant-menu){overflow:visible}.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.toolrail:has(.tool-variant-menu){overflow:visible}.workspace.compact-editor[data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail{left:auto;right:0}.workspace.compact-editor .toolrail .rail-dock-handle,.workspace.compact-editor .inspector-dock-handle{display:none}.workspace.compact-editor .tool-variants,.workspace.compact-editor .toolrail .tool{width:40px}.workspace.compact-editor .toolrail .tool{height:40px}.workspace.compact-editor .toolrail .tool svg{width:19px;height:19px}.workspace.compact-editor .toolrail .rail-guide-button{width:40px;height:36px}.workspace.compact-editor .tool-variant-menu{left:47px}.workspace.compact-editor[data-tool-side=right] .tool-variant-menu{left:auto;right:47px}.workspace.compact-editor .toolrail .tool[data-tooltip]:hover:after{display:none}.workspace.compact-editor .canvas-panel{touch-action:none;min-height:0;padding:12px 64px}.workspace.compact-editor .canvas-target-label,.workspace.compact-editor .frame-context-status{left:64px}.workspace.compact-editor[data-tool-side=right] .canvas-target-label,.workspace.compact-editor[data-tool-side=right] .frame-context-status{left:10px}.workspace.compact-editor[data-tool-side=right] .canvas-zoom-status{right:64px}.workspace.compact-editor .canvas-zoom-status span,.workspace.compact-editor .canvas-zoom-status button{min-height:32px;font-size:11px}@media (width<=700px){.workspace.compact-editor,.workspace.compact-editor[data-tool-side=right],.workspace.compact-editor[data-inspector-side=left][data-tool-side=left],.workspace.compact-editor[data-inspector-side=left][data-tool-side=right],.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool],.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]{grid-template-columns:52px minmax(0,1fr)}.workspace.compact-editor>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.toolrail{grid-area:1/1;position:relative;inset:auto}.workspace.compact-editor>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=left][data-outer-panel=inspector]>.canvas-stage-frame{grid-column:2}.workspace.compact-editor[data-tool-side=right],.workspace.compact-editor[data-inspector-side=left][data-tool-side=right],.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]{grid-template-columns:minmax(0,1fr) 52px}.workspace.compact-editor[data-tool-side=right]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.canvas-stage-frame,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.canvas-stage-frame{grid-column:1}.workspace.compact-editor[data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=left][data-tool-side=right]>.toolrail,.workspace.compact-editor[data-inspector-side=right][data-tool-side=right][data-outer-panel=tool]>.toolrail{grid-area:1/2;position:relative;inset:auto}.workspace.compact-editor .canvas-panel{padding:12px}.workspace.compact-editor .canvas-target-label,.workspace.compact-editor .frame-context-status{left:10px}.workspace.compact-editor[data-tool-side=right] .canvas-zoom-status{right:10px}}.compact-editor-shell .tablet-quick-controls{z-index:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;align-items:center;gap:2px;padding:0;display:flex;position:static}.compact-editor-shell .tablet-quick-controls button{min-width:36px;min-height:36px;color:var(--ui-text);background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:650}.compact-editor-shell .tablet-quick-controls button:first-child,.compact-editor-shell .tablet-quick-controls button:nth-child(2){font-size:20px;line-height:1}.compact-editor-shell .tablet-quick-controls button[aria-expanded=true],.compact-editor-shell .tablet-quick-controls button[aria-pressed=true]{background:var(--ui-4)}.compact-editor-shell .tablet-quick-controls button:disabled{opacity:.4}.compact-editor-shell .tablet-quick-controls>span{border-left:1px solid var(--ui-line);height:18px}.workspace.compact-editor .tablet-panel-scrim{z-index:39;background:#080b0d80;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.workspace.compact-editor>.inspector{z-index:40;border-left:1px solid var(--ui-line);border-top:0;grid-area:auto;width:min(340px,100% - 58px);min-width:0;height:100%;display:none;position:absolute;inset:0 0 0 auto;overflow:hidden;box-shadow:-10px 0 28px #0006}.workspace.compact-editor[data-tablet-panel=paint]>.inspector,.workspace.compact-editor[data-tablet-panel=layers]>.inspector{display:flex}.workspace.compact-editor .tablet-inspector-head{border-bottom:1px solid var(--ui-line);flex:none;align-items:center;gap:4px;min-height:46px;padding:4px 8px;display:flex}.workspace.compact-editor .tablet-inspector-head button{min-height:36px;color:var(--ui-muted);background:0 0;border:0;border-radius:4px;padding:0 13px;font-size:12px;font-weight:650}.workspace.compact-editor .tablet-inspector-head button.active{background:var(--ui-3);color:var(--ui-text)}.workspace.compact-editor .tablet-inspector-head .tablet-inspector-close{color:var(--ui-text);margin-left:auto;padding:0 10px;font-size:23px;font-weight:400}.workspace.compact-editor[data-tablet-panel=paint] .inspector-upper,.workspace.compact-editor[data-tablet-panel=layers] .inspector-layers{-webkit-overflow-scrolling:touch;flex:1;min-height:0;max-height:none;display:block;overflow-y:auto}.workspace.compact-editor[data-tablet-panel=paint] .inspector-layers,.workspace.compact-editor[data-tablet-panel=layers] .inspector-upper{display:none}.workspace.compact-editor .inspector .section-heading button,.workspace.compact-editor .inspector-library-tabs button{min-width:36px;min-height:36px}.workspace.compact-editor .inspector select,.workspace.compact-editor .inspector input:not([type=range]){min-height:32px}.workspace.compact-editor .inspector input[type=range]{min-height:26px}.workspace.compact-editor .layer-list .layer-row{min-height:40px}.workspace.compact-editor .layer-list .layer-row .layer-icon{width:34px;height:34px}.compact-editor-shell .hybrid-timeline:not(.timeline-focused){min-height:168px;max-height:none;height:clamp(168px,24dvh,220px)!important}.compact-editor-shell .hybrid-timeline{--timeline-sidebar:210px}.compact-editor-shell .hybrid-timeline .timeline-layer-name-text{flex:1 0 auto;max-width:100%}.compact-editor-shell .hybrid-timeline .timeline-clock-chip{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.compact-editor-shell .hybrid-timeline .timeline-head{flex-wrap:wrap;align-content:center;gap:2px 8px;height:72px;min-height:72px;padding:4px 8px;display:flex}.compact-editor-shell .hybrid-timeline .timeline-title{flex:1 0 110px;min-width:0}.compact-editor-shell .hybrid-timeline .timeline-zoom{justify-content:flex-end;width:90px}.compact-editor-shell .hybrid-timeline .transport{touch-action:pan-x;flex:0 0 100%;order:3;justify-content:flex-start;min-width:0;max-width:100%;height:34px;margin:0;padding:0;overflow-x:auto}.compact-editor-shell .hybrid-timeline .transport .icon-button,.compact-editor-shell .hybrid-timeline .timeline-loop-controls .icon-button,.compact-editor-shell .hybrid-timeline .fps-control input{width:34px;min-width:34px;height:32px}.compact-editor-shell .hybrid-timeline .transport .record-trail-control{height:32px}.compact-editor-shell .hybrid-timeline .timeline-body{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;min-height:0}.compact-editor-shell .hybrid-timeline .track-label small{display:none}.compact-editor-shell .hybrid-timeline .track-label{padding-bottom:12px}.compact-editor-shell .hybrid-timeline .loop-handle{touch-action:none;width:22px;left:auto;right:auto}.compact-editor-shell .hybrid-timeline .loop-handle[data-edge=start]{left:-11px}.compact-editor-shell .hybrid-timeline .loop-handle[data-edge=end]{right:-11px}@media (width>=980px){.compact-editor-shell .hybrid-timeline .timeline-head{grid-template-columns:var(--timeline-sidebar) minmax(0,1fr) auto;flex-wrap:nowrap;align-items:center;height:44px;min-height:44px;display:grid}.compact-editor-shell .hybrid-timeline .transport{order:0;flex:initial;justify-content:center;width:auto;max-width:100%}.compact-editor-shell .hybrid-timeline .timeline-zoom{width:auto}}@media (height<=820px){.compact-editor-shell .hybrid-timeline:not(.timeline-focused){min-height:148px;height:clamp(148px,22dvh,176px)!important}}@media (width<=820px){.compact-editor-shell .brand small{display:none}.compact-editor-shell .brand strong{font-size:14px}.compact-editor-shell .brand-mark{width:22px;transform:rotate(-24deg)scale(.8)}.compact-editor-shell .topbar{gap:6px;padding:0 7px}.compact-editor-shell .topbar .project-name input{font-size:11px}.compact-editor-shell .hybrid-timeline{--timeline-sidebar:196px}}@media (width<=700px){.compact-editor-shell .hybrid-timeline{--timeline-sidebar:148px}}@media (width<=600px){.compact-editor-shell .brand strong{display:none}.compact-editor-shell .topbar-import-menu{top:calc(100% + 3px);right:0}.compact-editor-shell .tablet-quick-controls{gap:1px}.compact-editor-shell .tablet-quick-controls button{min-width:32px;padding:5px;font-size:10px}}