@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-italic-fe11NjBs.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-italic-Ck9oD2H0.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-italic-BIcRYUEt.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-italic-mtaF_0H_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-italic-C7TReJrb.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-italic-BLMf5All.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-italic-BbqH_2Ar.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color: #1a1a1a;--panel-bg: #2b2b2b;--text-color: #f0f0f0;--text-muted: #949494;--text-dim: #767676;--accent-color: #00A2FF;--accent-hover: #0088FF;--accent-soft: rgba(0, 162, 255, .1);--accent-yellow: #FFE459;--border-color: #3f3f3f;--border-light: rgba(255, 255, 255, .1);--divider-color: rgba(255, 255, 255, .05);--workspace-bg: #444444;--field-bg: #383838;--field-border: transparent;--field-border-hover: var(--border-light);--artboard-bg: #ffffff;--ui-white: #ffffff;--guide-color: var(--playhead-color);--ruler-line: #666666;--selection-color: #00A2FF;--row-selected-bg: #394360;--playhead-color: #ff3b3b;--keyframe-color: var(--accent-color);--auto-keyframe-color: #ff4d4d;--keyframe-armed-color: #FFD754;--danger-color: #ff4d4d;--danger-soft: rgba(255, 77, 77, .1);--hover-bg: rgba(255, 255, 255, .04);--active-bg: rgba(255, 255, 255, .1);--overlay-bg: rgba(0, 0, 0, .6);--shadow-dark: 0 10px 30px rgba(0, 0, 0, .5);--border-strong: rgba(255, 255, 255, .4);--scrollbar-track: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--scrollbar-size: 12px;--track-bg: rgba(0, 0, 0, .2);--trim-edge: color-mix(in srgb, var(--text-color) 45%, var(--panel-bg));--track-line: rgba(255, 255, 255, .05);--keyframe-fill: #ffffff;--keyframe-ink-on-bar: rgba(0, 0, 0, .6);--kbd-bg: rgba(255, 255, 255, .04);--fs-main: .6875rem;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", monospace;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--panel-padding: var(--space-4);--field-w: 102px;--z-canvas-overlay: 5;--z-playhead: 10;--z-ruler: 10;--z-ruler-left: 11;--z-ruler-corner: 12;--z-scrollbar: 15;--z-canvas-hud: 16;--z-timeline-resizer: 20;--z-zoom-pill: 100;--z-dropdown: 1000;--z-submenu: 1001;--z-modal: 2000;--z-popover: 3000;--z-context-menu: 9999;--z-pointer-cursor: 999999}:root[data-theme=light]{--bg-color: #ededed;--panel-bg: #ffffff;--text-color: #1c1c1c;--text-muted: #6b6b6b;--text-dim: #9a9a9a;--accent-soft: rgba(0, 162, 255, .12);--border-color: #dcdcdc;--border-light: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .06);--workspace-bg: #d9d9d9;--field-bg: #eaeaea;--ruler-line: #b0b0b0;--row-selected-bg: #dfe2ec;--hover-bg: rgba(0, 0, 0, .06);--active-bg: rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .35);--shadow-dark: 0 10px 30px rgba(0, 0, 0, .18);--border-strong: rgba(0, 0, 0, .35);--scrollbar-track: rgba(0, 0, 0, .06);--scrollbar-thumb-hover: rgba(0, 0, 0, .3);--track-bg: rgba(0, 0, 0, .05);--track-line: rgba(0, 0, 0, .08);--keyframe-fill: #555555;--kbd-bg: rgba(0, 0, 0, .05);--keyframe-armed-color: #8F5E15}*{box-sizing:border-box}body{margin:0;font-family:Inter Variable,Inter,sans-serif;font-size:var(--fs-main);font-weight:400;background-color:var(--bg-color);color:var(--text-color);display:flex;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none}h1,h3,h4,h5,h6{font-size:var(--fs-main);font-weight:400;margin:0}h2{font-size:var(--fs-main);font-weight:550;margin:0}#root{display:flex;flex-direction:column;width:100%;height:100%}#seo-content{position:fixed;inset:0;z-index:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:clamp(2rem,6vw,5rem) 1.5rem;background-color:var(--bg-color);color:var(--text-color);font-family:Inter Variable,Inter,system-ui,sans-serif;line-height:1.55;user-select:text;-webkit-user-select:text}.seo-inner{width:100%;max-width:720px}#seo-content h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:650;line-height:1.2;margin:0 0 1rem}#seo-content .seo-subhead{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-muted);margin:0 0 2rem}#seo-content h2{font-size:1.25rem;font-weight:600;margin:2.5rem 0 1rem}#seo-content ul{padding-left:1.1rem;margin:0 0 1rem}#seo-content li{margin:.4rem 0}#seo-content details{border-top:1px solid var(--border-color, rgba(128, 128, 128, .25));padding:.75rem 0}#seo-content summary{cursor:pointer;font-weight:550}#seo-content details p{margin:.6rem 0 0;color:var(--text-muted)}#seo-content a{color:inherit}.seo-cta{display:inline-block;margin-top:.5rem;font-weight:550}.seo-footer{margin-top:3rem;font-size:.85rem;color:var(--text-dim)}#root:not(:empty){position:fixed;inset:0;z-index:10;background-color:var(--bg-color)}input,button,select,textarea{font-family:var(--font-mono);font-size:var(--fs-main)}input,textarea,[contenteditable=true],.json-preview-selectable{user-select:text;-webkit-user-select:text}.json-code{color:#d4d4d4}.json-code .jtok-key{color:#9cdcfe}.json-code .jtok-string{color:#ce9178}.json-code .jtok-number{color:#b5cea8}.json-code .jtok-boolean,.json-code .jtok-null{color:#569cd6}.no-spinner input[type=number]::-webkit-inner-spin-button,.no-spinner input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner input[type=number]{-moz-appearance:textfield;appearance:textfield}.color-body-picker.react-colorful{width:100%;height:auto}.color-body-picker .react-colorful__saturation{box-sizing:border-box;aspect-ratio:1 / 1}.picker-close-btn{transition:background-color .12s ease-in-out}.picker-close-btn:hover{background-color:var(--hover-bg)!important}.field-box,.paint-fused-field{border:1px solid var(--field-border);transition:border-color .15s ease-in-out}.field-box:hover,.paint-fused-field:hover{border-color:var(--field-border-hover)}.field-cut{width:1px;align-self:stretch;flex:0 0 auto;background:var(--panel-bg);transition:background-color .15s ease-in-out}.paint-fused-field:hover .field-cut{background:var(--field-border-hover)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:0;box-sizing:border-box}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:var(--radius-sm)}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}input[type=color]::-moz-color-swatch{border:none;border-radius:2px}.app-container{display:flex;flex-direction:column;height:100vh}.shape-name-input{border-radius:var(--radius-sm);transition:all .2s;cursor:pointer;margin:calc((var(--space-1) + 1px) * -1) calc((var(--space-2) + 1px) * -1) 0;padding:var(--space-1) var(--space-2);background-color:transparent;border:1px solid var(--field-border);color:inherit;outline:none}.shape-name-row{display:flex;align-items:center;gap:var(--space-1);margin-top:calc((var(--space-1) + 1px) * -1)}.shape-name-static{padding:calc(var(--space-1) + 1px)}.shape-name-row .shape-name-input{margin:0;padding:var(--space-1);flex:1;min-width:0}.shape-name-icon{display:inline-flex;flex:0 0 auto;color:var(--text-muted)}.shape-name-input:hover{background-color:var(--field-bg);border-color:var(--field-border-hover)}.shape-name-input:focus{background-color:var(--field-bg);border-color:var(--accent-color);cursor:text}.toolbar{display:flex;align-items:center;padding:var(--space-3) var(--space-5);background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);gap:var(--space-4)}.toolbar button{background:transparent;border:none;color:var(--text-color);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.toolbar button:hover{background-color:var(--hover-bg)}.toolbar button.active{background-color:var(--accent-color)}.left-sidebar{width:50px;flex-shrink:0;background-color:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-3)}.left-sidebar button{background:transparent;border:none;color:var(--text-color);width:32px;height:32px;padding:0;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.left-sidebar button:hover{background-color:var(--hover-bg)}.left-sidebar button.active{background-color:var(--accent-color)}.aspect-lock-btn{padding:var(--space-1);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.aspect-lock-btn:hover{background-color:var(--hover-bg);color:var(--text-color)}.aspect-lock-btn.active{color:var(--accent-color);background-color:var(--accent-soft)}.aspect-lock-btn.active:hover{background-color:var(--hover-bg)}.reset-anchor-btn{padding:var(--space-1);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.reset-anchor-btn:hover{background-color:var(--hover-bg);color:var(--text-color)}.boolean-op-btn{flex:1;height:30px;padding:0;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,border-color .2s}.boolean-op-btn:hover{background-color:var(--hover-bg);color:var(--text-color);border-color:var(--accent-color)}.boolean-op-btn.active{color:var(--accent-color);background-color:var(--accent-soft);border-color:var(--accent-color)}.align-seg-group{display:flex;flex:1}.align-seg-group .boolean-op-btn{border-radius:0;margin-left:-1px}.align-seg-group .boolean-op-btn:first-child{margin-left:0;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.align-seg-group .boolean-op-btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.align-seg-group .boolean-op-btn:hover,.boolean-op-btn.no-accent-hover:hover{border-color:var(--border-light)}.paint-layer-btn{width:26px;height:26px;flex-shrink:0;padding:0;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s,border-color .2s}.paint-layer-btn:hover:not(:disabled){background-color:var(--hover-bg);color:var(--text-color);border-color:var(--accent-color)}.paint-layer-btn:disabled{opacity:.35;cursor:default}.paint-layer-btn--sm{width:24px;height:24px;border:none}.paint-layer-btn--sm:hover:not(:disabled){border:none}.paint-layer-btn--fused-end{border-top-left-radius:0;border-bottom-left-radius:0}.kf-ctl{width:16px;height:16px;padding:0;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);color:var(--text-muted);opacity:.45;cursor:pointer;transition:opacity .1s,background-color .1s,color .1s}.kf-ctl--field{width:18px;height:18px;margin-left:var(--space-1);opacity:0;border-radius:2px}.paint-color-field>.kf-ctl--field{margin-left:0}.kf-row:hover .kf-ctl{opacity:.8}.kf-ctl.is-on{opacity:1;color:var(--text-color)}.kf-ctl:hover{opacity:1;background-color:var(--hover-bg);color:var(--text-color)}.kf-row:has(>.kf-ctl--field.is-on){color:var(--keyframe-armed-color)}.kf-popover-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:22px}.kf-popover-row>span{color:var(--text-muted);white-space:nowrap}.paint-layer-btn.kf-trigger-armed{color:var(--text-color)}.paint-row{background:transparent;transition:background-color .15s ease-in-out}.paint-row:hover{background-color:var(--hover-bg)}.paint-fused-field:focus-within,.paint-fused-field:has([aria-expanded=true]){border-color:var(--accent-color)}.paint-add-btn{height:24px;padding:0 var(--space-2);background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-main);display:flex;align-items:center;gap:var(--space-1);transition:background-color .2s,color .2s,border-color .2s}.paint-add-btn:hover{background-color:var(--hover-bg);color:var(--text-color);border-color:var(--accent-color)}.paint-add-btn--sq{width:24px;padding:0;justify-content:center;gap:0;border:none}.paint-add-btn--sq:hover{border:none}.paint-add-btn.active{background-color:var(--hover-bg);color:var(--text-color)}.main-area{display:flex;flex:1;min-width:0;overflow:hidden}.workspace-layout{display:flex;flex-direction:column;flex:1;overflow:hidden}.workspace-top-row{display:flex;height:20px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color)}.css-ruler-corner{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;background-color:var(--panel-bg);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);z-index:var(--z-ruler-corner)}.css-ruler-top{box-sizing:border-box;position:absolute;top:0;left:20px;right:0;height:20px;background-color:var(--panel-bg);border-bottom:1px solid var(--border-color);z-index:var(--z-ruler);overflow:hidden;background-image:repeating-linear-gradient(to right,var(--ruler-line),var(--ruler-line) 1px,transparent 1px,transparent var(--tick-spacing, 100px));background-size:var(--tick-spacing, 100px) 6px;background-position:var(--origin-offset, 0px) bottom;background-repeat:repeat-x}.css-ruler-left{box-sizing:border-box;position:absolute;top:20px;left:0;width:20px;bottom:0;background-color:var(--panel-bg);border-right:1px solid var(--border-color);z-index:var(--z-ruler-left);overflow:hidden;background-image:repeating-linear-gradient(to bottom,var(--ruler-line),var(--ruler-line) 1px,transparent 1px,transparent var(--tick-spacing, 100px));background-size:6px var(--tick-spacing, 100px);background-position:right var(--origin-offset, 0px);background-repeat:repeat-y}.canvas-container{flex:1;min-width:0;background-color:var(--workspace-bg);overflow:hidden;position:relative;touch-action:none}.canvas-container.panning,.canvas-container.panning *{cursor:grabbing!important}.canvas-container.can-pan,.canvas-container.can-pan *{cursor:grab!important}.canvas-container.gesturing *{cursor:inherit!important}.canvas-container.hide-scrollbars{-ms-overflow-style:none;scrollbar-width:none}.canvas-container.hide-scrollbars::-webkit-scrollbar{display:none}.styled-scrollbars::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.styled-scrollbars::-webkit-scrollbar-track{background:var(--scrollbar-track)}.styled-scrollbars::-webkit-scrollbar-thumb{background:var(--active-bg);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}.styled-scrollbars::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.styled-scrollbars::-webkit-scrollbar-corner{background:transparent}.timeline-vscrollbar{position:absolute;width:var(--scrollbar-size);right:0;background:var(--scrollbar-track);z-index:var(--z-scrollbar);pointer-events:none}.timeline-vscrollbar-thumb{position:absolute;left:2px;right:2px;background:var(--active-bg);border-radius:var(--radius-full);cursor:pointer;pointer-events:auto}.timeline-vscrollbar-thumb:hover,.timeline-vscrollbar-thumb.is-dragging{background:var(--scrollbar-thumb-hover)}.canvas-wrapper{width:4000px;height:4000px;position:relative}.canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--artboard-bg);overflow:visible}.properties-panel{width:372px;flex-shrink:0;background-color:var(--panel-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.timeline-resizer{height:4px;background-color:var(--border-color);cursor:row-resize;transition:background-color .2s;z-index:var(--z-timeline-resizer)}.timeline-resizer:hover,.timeline-resizer.active{background-color:var(--accent-color)}.timeline-labels-resizer{width:4px;flex-shrink:0;cursor:col-resize;background-color:var(--border-color);transition:background-color .2s;position:sticky;top:0}.timeline-labels-resizer:hover,.timeline-labels-resizer.active{background-color:var(--accent-color)}.timeline-container{height:280px;background-color:var(--panel-bg);display:flex;flex-direction:column}.timeline-header{padding:var(--space-3);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-4)}.status-bar,.timeline-footer{padding:0 var(--space-3);border-top:1px solid var(--border-color);background:var(--panel-bg);display:flex;align-items:center;gap:var(--space-4);flex-shrink:0;overflow-x:auto;white-space:nowrap}.timeline-footer{height:32px}.status-bar{height:24px}.status-stats{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--text-muted);flex-shrink:0}.status-stat{font-variant-numeric:tabular-nums}.status-stat-sep{color:var(--text-dim)}.status-hints{display:flex;align-items:center;gap:var(--space-4)}.status-hint{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--text-muted)}.status-hint.is-disabled{opacity:.4}.status-kbd-group{display:inline-flex;align-items:center;gap:var(--space-1)}.status-kbd-sep{color:var(--text-dim);font-size:10px}.app-beta-badge{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:2px var(--space-1);border-radius:var(--radius-full);background:var(--kbd-bg);color:var(--text-muted);flex-shrink:0}.export-size-badge{font-size:10px;font-weight:600;line-height:1;padding:2px var(--space-1);border-radius:var(--radius-full);background:var(--kbd-bg);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.status-kbd{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10px;padding:0 var(--space-1);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--kbd-bg);color:var(--text-color);line-height:1.4}button.btn-primary{background-color:var(--accent-color);color:var(--ui-white);border:none;border-radius:var(--radius-sm);height:32px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-main);font-family:inherit;transition:background-color .2s}button.btn-primary:hover{background-color:var(--accent-hover)}.btn-split{display:flex;align-items:stretch;height:32px}.toolbar .btn-split button{background-color:var(--accent-color);color:var(--ui-white);border:none;border-radius:0;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-main);font-family:inherit;transition:background-color .2s}.toolbar .btn-split button:hover{background-color:var(--accent-hover)}.toolbar .btn-split .btn-split-main{padding:0 var(--space-3);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.toolbar .btn-split .btn-split-caret{padding:0 var(--space-2);border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.btn-split-divider{width:1px;background-color:var(--panel-bg);flex-shrink:0}.btn-split-secondary{border-radius:var(--radius-sm)}.toolbar .btn-split-secondary button{background-color:transparent;color:var(--text-color);border-radius:0}.toolbar .btn-split-secondary:hover button{background-color:var(--hover-bg)}.toolbar .btn-split-secondary button.btn-split-main.active{color:var(--accent-color);background-color:var(--accent-soft)}.toolbar .btn-split-secondary:hover button.btn-split-main.active,.toolbar .btn-split-secondary button.btn-split-main.active:hover{background-color:#00a2ff33}.btn-split-secondary .btn-split-divider{background-color:transparent}.toolbar .btn-split-secondary:hover .btn-split-divider{background-color:var(--panel-bg)}.toolbar-menu-row:hover{background-color:var(--hover-bg)!important}button.btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-light);border-radius:4px;height:32px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-main);font-family:inherit;transition:all .2s}button.btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--border-strong)}.toolbar button.btn-secondary,.toolbar button.btn-secondary:hover,.toolbar button.btn-secondary.playing-pulse,.toolbar button.btn-secondary.playing-pulse:hover{border-color:transparent}.toolbar button.btn-secondary.active{color:var(--accent-color);background-color:var(--accent-soft)}.toolbar button.btn-secondary.active:hover{background-color:#00a2ff33}.timeline-header button.btn-secondary,.timeline-header button.btn-secondary:hover,.timeline-header button.btn-secondary.playing-pulse,.timeline-header button.btn-secondary.playing-pulse:hover,.timeline-header button.btn-secondary.active,.timeline-header button.btn-secondary.active:hover{border-color:transparent}.timeline-header button.btn-secondary.auto-keyframe-toggle.active{color:var(--auto-keyframe-color);background-color:var(--danger-soft)}.timeline-header button.btn-secondary.auto-keyframe-toggle.active:hover{background-color:#ff4d4d33}.timeline-header button.btn-secondary.loop-toggle.active{color:var(--accent-color);background-color:var(--accent-soft)}.timeline-header button.btn-secondary.loop-toggle.active:hover{background-color:#00a2ff33}.timeline-footer button.btn-secondary.grid-toggle{width:24px;height:24px;padding:0;border-color:transparent;flex-shrink:0}.timeline-footer button.btn-secondary.grid-toggle.active{color:var(--accent-color);background-color:var(--accent-soft)}.timeline-footer button.btn-secondary.grid-toggle.active:hover{background-color:#00a2ff33}.timeline-footer button.btn-secondary.props-view-toggle{width:24px;height:24px;padding:0;border-color:transparent;flex-shrink:0}.timeline-footer button.btn-secondary.props-view-toggle.active{color:var(--accent-color);background-color:var(--accent-soft)}.timeline-footer button.btn-secondary.props-view-toggle.active:hover{background-color:#00a2ff33}.timeline-footer button.btn-secondary.zoom-step{width:24px;height:24px;padding:0;border-color:transparent;flex-shrink:0;color:var(--text-dim)}.timeline-zoom-slider{-webkit-appearance:none;appearance:none;width:104px;height:16px;flex-shrink:0;cursor:pointer;outline:none;background:transparent}.timeline-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-color);transition:background-color .15s}.timeline-zoom-slider:hover::-webkit-slider-thumb,.timeline-zoom-slider:active::-webkit-slider-thumb{background:var(--accent-color)}.timeline-zoom-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text-color);transition:background-color .15s}.timeline-zoom-slider:hover::-moz-range-thumb,.timeline-zoom-slider:active::-moz-range-thumb{background:var(--accent-color)}.timeline-zoom-slider::-moz-range-track{height:4px;border-radius:2px;background:transparent}button.btn-secondary.playing-pulse{color:var(--accent-color);border-color:var(--accent-color);background-color:var(--accent-soft)}button.btn-secondary.playing-pulse:hover{border-color:var(--accent-color)}@media (prefers-reduced-motion: no-preference){button.btn-secondary.playing-pulse{animation:playPulse 1.4s ease-in-out infinite}}@keyframes playPulse{0%,to{background-color:var(--accent-soft)}50%{background-color:#00a2ff33}}.timeline-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.timeline-track-area{flex:1;position:relative;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:flex-start}.timeline-labels,.timeline-labels-resizer,.timeline-tracks{min-height:100%}.timeline-track-area::-webkit-scrollbar{display:none}.timeline-labels{width:220px;flex-shrink:0}.timeline-label{padding:0 var(--space-3);height:32px;display:flex;align-items:center;font-size:var(--fs-main);border-bottom:1px solid var(--border-color);transition:background-color .1s}.timeline-label:hover{background-color:var(--hover-bg)}.timeline-label.is-selected,.timeline-label.is-selected:hover{background-color:var(--active-bg)}.timeline-label .layer-ctl{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .1s,background-color .1s}.timeline-label:hover .layer-ctl{opacity:.4;pointer-events:auto}.timeline-label .layer-ctl.is-on{opacity:.9;pointer-events:auto}.timeline-label .layer-ctl.is-inherited{opacity:.25;pointer-events:auto}.timeline-label .layer-ctl:hover{opacity:1;background-color:var(--hover-bg)}.timeline-label .layer-ctl.is-inherited:hover{opacity:.25;background-color:transparent}.timeline-tracks{flex:1;position:relative;background-color:var(--track-bg);background-image:linear-gradient(to right,var(--track-line) 1px,transparent 1px);background-size:20px 100%;margin-right:var(--space-5);clip-path:inset(0)}.timeline-track{height:32px;border-bottom:1px solid var(--border-color);position:relative}.timeline-mode-toggle{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color)}.timeline-mode-toggle button{display:flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--text-muted);font-size:var(--fs-main);cursor:pointer}.timeline-mode-toggle button:hover{background-color:var(--hover-bg);color:var(--text-color)}.timeline-mode-toggle button.active{background-color:var(--active-bg);color:var(--text-color)}.timeline-graph-lane{flex:1;position:sticky;top:0;align-self:flex-start;background-color:var(--track-bg);background-image:linear-gradient(to right,var(--track-line) 1px,transparent 1px),linear-gradient(to bottom,var(--track-line) 1px,transparent 1px);background-size:20px 20px;margin-right:var(--space-5);clip-path:inset(0);overflow:hidden}.timeline-graph-svg{display:block;position:absolute;inset:0;pointer-events:none}.graph-curve{fill:none;stroke-width:1}.graph-curve.hold,.graph-curve.spatial{stroke-dasharray:4 3}.graph-curve.hold{opacity:.75}.graph-constant{fill:none;stroke-width:1;stroke-dasharray:4 3;opacity:.45}.graph-series.ordinal .graph-curve{opacity:.6}.graph-series.ordinal .graph-point{stroke-width:1.5}.graph-series.axis-y .graph-curve{stroke-width:.75}.graph-series.is-focused .graph-curve{stroke-width:2}.graph-series.is-focused.axis-y .graph-curve{stroke-width:1.5}.graph-handle line{stroke-width:1;opacity:.6}.graph-handle circle{fill:var(--panel-bg);stroke-width:1.5;cursor:grab;pointer-events:auto}.graph-handle circle:hover{fill:var(--ui-white)}.graph-point{stroke-width:1.5;cursor:ns-resize;pointer-events:auto}.graph-point.selected{stroke:var(--ui-white);stroke-width:2.5}.graph-point.hold{stroke-dasharray:2 2}.graph-series.is-dimmed{opacity:.2}.graph-series.is-locked .graph-point{pointer-events:none;cursor:default}.timeline-label.property.is-graph-defocused{opacity:.5}.timeline-label.property.is-graph-focused{background-color:var(--active-bg)}.timeline-graph-empty,.timeline-graph-notice{position:absolute;color:var(--text-muted);font-size:var(--fs-main);pointer-events:none}.timeline-graph-empty{inset:0;display:flex;align-items:center;justify-content:center}.timeline-graph-notice{right:var(--space-3);bottom:var(--space-2)}.graph-preset-bar{position:absolute;top:var(--space-2);right:var(--space-3);display:flex;gap:var(--space-1);pointer-events:none}.graph-preset-bar button{padding:2px var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--panel-bg);color:var(--text-muted);font-size:calc(var(--fs-main) * .95);cursor:pointer;pointer-events:auto}.graph-preset-bar button:hover{background-color:var(--hover-bg);color:var(--text-color)}.graph-preset-bar button.active{background-color:var(--active-bg);color:var(--text-color)}.graph-swatch{width:8px;height:8px;border-radius:2px;flex-shrink:0}.graph-chip{padding:0 4px;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:calc(var(--fs-main) * .85);line-height:1.5;flex-shrink:0;cursor:help}.graph-chip-icon{padding:0;border:none;display:inline-flex;align-items:center}.graph-point.fixed{cursor:pointer}.timeline-graph-lane.is-dragging{cursor:grabbing}.timeline-bar{position:absolute;top:50%;transform:translateY(-50%);height:22px;border-radius:var(--radius-xs);background-color:var(--bar-hue, var(--accent-color));cursor:grab;z-index:1;box-sizing:border-box}.timeline-bar.selected{outline:1px solid var(--accent-color);outline-offset:-1px}.timeline-bar:active{cursor:grabbing}.timeline-bar-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize}.timeline-bar-handle.left{left:-3px}.timeline-bar-handle.right{right:-3px}.timeline-trim-row{height:14px;flex-shrink:0;display:flex}.timeline-trim-lane{flex:1;position:relative;margin-right:var(--space-5);background-color:var(--track-bg);overflow:hidden}.timeline-ruler-row{height:32px;flex-shrink:0;display:flex;border-bottom:1px solid var(--border-color)}.timeline-ruler-spacer{flex-shrink:0}.timeline-ruler-divider{width:4px;flex-shrink:0;background-color:var(--border-color)}.timeline-ruler{flex:1;position:relative;margin-right:var(--space-5);background-color:var(--track-bg);cursor:pointer;overflow:hidden}.timeline-ruler-tick{position:absolute;bottom:0;width:1px;height:12px;background-color:var(--ruler-line);pointer-events:none}.timeline-ruler-tick-label{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:var(--fs-main);line-height:1;color:var(--text-muted);white-space:nowrap;pointer-events:none}.timeline-ruler-tick.at-start .timeline-ruler-tick-label{left:0;transform:none}.timeline-ruler-tick.at-end .timeline-ruler-tick-label{left:auto;right:1px;transform:none}.playhead{position:absolute;top:0;bottom:0;width:1px;background-color:var(--playhead-color);pointer-events:none;z-index:var(--z-playhead)}.playhead-head{position:absolute;top:0;bottom:0;width:1px;background-color:var(--playhead-color);pointer-events:none;z-index:3}.playhead-head:after{content:"";position:absolute;bottom:0;left:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--playhead-color)}.timeline-marker-mount{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:3}.timeline-marker-line{position:absolute;top:0;bottom:0;width:1px;background-color:color-mix(in srgb,var(--accent-color) 45%,transparent);pointer-events:none}.timeline-marker-flag{position:absolute;bottom:2px;left:0;display:flex;align-items:center;gap:3px;max-width:120px;height:13px;padding:0 4px;border-radius:0 2px 2px 0;background-color:var(--accent-color);color:#fff;font-size:10px;line-height:13px;white-space:nowrap;cursor:grab;pointer-events:auto;user-select:none}.timeline-marker-flag:active{cursor:grabbing}.timeline-marker-label{overflow:hidden;text-overflow:ellipsis}.timeline-marker-delete{display:none;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;font-size:16px;line-height:1;opacity:.85}.timeline-marker-flag:hover .timeline-marker-delete{display:inline}.timeline-marker-delete:hover{opacity:1}.timeline-marker-rename{position:absolute;bottom:2px;left:0;height:13px;width:96px;font-size:10px;padding:0 4px;border:1px solid var(--accent-color);border-radius:var(--radius-sm);background:var(--panel-bg);color:var(--text-color);pointer-events:auto;z-index:3}.timeline-trim-dim{position:absolute;top:0;bottom:0;pointer-events:none;z-index:3;background:#1a1a1a99}.timeline-trim-handle{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:3}.timeline-trim-line{position:absolute;top:0;bottom:0;left:0;width:1px;background-color:var(--trim-edge)}.timeline-trim-handle.in .timeline-trim-line{left:-1px}.timeline-trim-band{position:absolute;top:0;bottom:0;background-color:color-mix(in srgb,var(--text-color) 10%,transparent);cursor:grab;pointer-events:auto}.timeline-trim-lane:not(.is-trimming) .timeline-trim-band:hover{background-color:color-mix(in srgb,var(--text-color) 18%,transparent)}.timeline-trim-lane.is-trimming,.timeline-trim-lane.is-trimming *{cursor:ew-resize}.timeline-trim-lane.is-trimming.is-sliding,.timeline-trim-lane.is-trimming.is-sliding *{cursor:grabbing}.timeline-trim-band.dragging{background-color:var(--accent-color);cursor:grabbing}.timeline-trim-mount{position:absolute;top:0;bottom:0;width:0;pointer-events:none;z-index:3}.timeline-trim-grip{position:absolute;top:0;bottom:0;width:7px;background-color:var(--trim-edge);cursor:ew-resize;pointer-events:auto}.timeline-trim-mount.in .timeline-trim-grip{right:0;border-radius:2px 0 0 2px}.timeline-trim-mount.out .timeline-trim-grip{left:0;border-radius:0 2px 2px 0}.timeline-trim-lane:not(.is-trimming) .timeline-trim-grip:hover,.timeline-trim-mount.dragging .timeline-trim-grip{background-color:var(--accent-color)}.timeline-trim-handle.dragging .timeline-trim-line{background-color:var(--accent-color)}.keyframe{position:absolute;width:8px;height:8px;background-color:var(--keyframe-fill);border-radius:1.5px;transform:translate(-50%,-50%) rotate(45deg);top:50%;cursor:pointer;z-index:2}.timeline-bar~.keyframe{background-color:var(--keyframe-ink-on-bar);border-radius:50%;box-shadow:0 0 0 1px var(--bar-hue, var(--accent-color))}.keyframe.selected{box-shadow:0 0 0 2.5px var(--accent-color)}.keyframe.hold{transform:translate(-50%,-50%) rotate(0);border-radius:0}.timeline-marquee{position:absolute;z-index:3;pointer-events:none;border:1px solid var(--accent-color);border-radius:2px;background-color:color-mix(in srgb,var(--accent-color) 14%,transparent)}.keyframe-segment{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;overflow:visible}.keyframe-segment path{fill:color-mix(in srgb,var(--bar-hue, var(--accent-color)) 60%,transparent)}.timeline-label.property{font-size:var(--fs-main);color:var(--text-muted)}.timeline-track.property{background-color:color-mix(in srgb,var(--track-bg) 88%,transparent)}.keyframe.summary{width:7px;height:7px;background-color:transparent;border:1.5px solid var(--keyframe-fill);opacity:.8;cursor:grab}.keyframe.summary:active{cursor:grabbing}.cursor-crosshair{cursor:crosshair!important}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}