@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-variable-Dx4kXJAl.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/bricolage-grotesque-700-C1d3qWSg.woff2) format("woff2")}:root{--bg-0: #151326;--bg-1: #1c1930;--bg-2: #232041;--bg-3: #2d264e;--bg-hover: #332c57;--border: #343052;--border-strong: #464070;--text: #edebfa;--text-dim: #bcb8d2;--text-faint: #827da0;--accent: #9a7aea;--accent-strong: #8464dc;--accent-soft: rgba(154, 122, 234, .2);--ok: #34d399;--warn: #eaa23c;--danger: #ef5b52;--kf: #e8b64c;--kf-selected: #ffffff;--playhead: #ff6b5e;--brand-bolt: #7c5cf0;--radius: 6px;--radius-sm: 4px;--shadow: 0 12px 32px rgba(10, 6, 26, .55);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Inter", "Segoe UI", system-ui, sans-serif;--mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:dark}:root[data-theme=light]{--bg-0: #f8f7fc;--bg-1: #ffffff;--bg-2: #ffffff;--bg-3: #f3eeff;--bg-hover: #efe9ff;--border: #e8e5f3;--border-strong: #cfc9e6;--text: #1e1b4b;--text-dim: #4a4569;--text-faint: #9b96b8;--accent: #6d28d9;--accent-strong: #5b21b6;--accent-soft: rgba(109, 40, 217, .14);--ok: #10b981;--kf: #b8801a;--kf-selected: #1e1b4b;--playhead: #e0453a;--shadow: 0 12px 32px rgba(30, 27, 75, .14);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.02em}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brandmark{display:block;flex:none}.brandmark__bolt{fill:var(--brand-bolt)}.brandmark__trail{fill:var(--accent)}.brand__word{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand__fast{color:var(--text)}.brand__studio{color:var(--accent)}.brand__sub{font-family:var(--font);font-weight:500;font-size:.72em;letter-spacing:0;color:var(--text-faint)}button{font:inherit;color:var(--text);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 9px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}button:disabled{opacity:.35;cursor:default}button.is-active,button.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 7px;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}textarea{resize:vertical;font-family:var(--font)}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=range]{width:110px;padding:0;background:transparent;border:none;accent-color:var(--accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border:2px solid var(--bg-1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-webkit-scrollbar-corner{background:var(--bg-1)}.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%);max-width:min(680px,90vw);padding:10px 16px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border-strong);box-shadow:var(--shadow);cursor:pointer;z-index:40;animation:notice-in .16s ease}.notice--ok{border-color:var(--ok)}.notice--warn{border-color:var(--warn)}.notice--error{border-color:var(--danger)}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{display:grid;grid-template-rows:auto auto minmax(0,1fr) var(--timeline-height, 300px);height:100%;background:var(--bg-0)}.app__body{display:grid;grid-template-columns:256px minmax(0,1fr) 320px;min-height:0;gap:1px;background:var(--border)}@media (max-width: 1180px){.app__body{grid-template-columns:210px minmax(0,1fr) 264px}}@media (max-width: 900px){.app__body{grid-template-columns:minmax(0,1fr) 240px}.panel--layers{display:none}}.panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-1)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-2);text-transform:uppercase;color:var(--text-dim)}.panel__count{font-size:11px;color:var(--text-faint);text-transform:none}.panel__scroll{flex:1;min-height:0;overflow-y:auto}.panel__empty{margin:0;padding:18px 14px;color:var(--text-faint);font-size:12px}.toolbar{display:flex;align-items:center;gap:14px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar__brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.toolbar__back{background:transparent;border:none;color:var(--text-dim);padding:2px 6px;font-size:14px;line-height:1}.toolbar__back:hover{background:var(--bg-3);color:var(--text)}.toolbar__brand .brand__word{font-size:14px}.toolbar__group{display:flex;align-items:center;gap:4px;padding-left:14px;border-left:1px solid var(--border)}.toolbar__group--transport button{min-width:32px}.toolbar__play{min-width:40px!important;background:var(--accent);border-color:var(--accent-strong);color:#fff}.toolbar__play:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.toolbar__primary{background:var(--accent);border-color:var(--accent-strong);color:#fff;font-weight:600}.toolbar__primary:hover:not(:disabled){background:var(--accent-strong)}.toolbar__spacer{flex:1;display:flex;justify-content:flex-end;min-width:0}.toolbar__stats{color:var(--text-faint);font-family:var(--mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar__menu{position:relative}.toolbar__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.toolbar__dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:21;margin:0;padding:4px;list-style:none;min-width:168px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.toolbar__dropdown button{width:100%;text-align:left;background:transparent;border:none;padding:6px 10px;display:flex;gap:10px;align-items:center}.toolbar__dropdown button:hover{background:var(--accent-soft);color:var(--accent)}.promptbar{display:flex;flex-direction:column;gap:6px;padding:8px 12px 9px;background:var(--bg-1);border-bottom:1px solid var(--border)}.promptbar__row{display:flex;align-items:center;gap:8px;min-width:0}.promptbar__row--sub{gap:6px;flex-wrap:wrap}.promptbar__spark{flex:none}.promptbar__input{flex:1;min-width:0;padding:6px 10px;background:var(--bg-0);border-color:var(--border-strong)}.promptbar__input::placeholder{color:var(--text-faint)}.promptbar__field{display:flex;align-items:center;gap:6px;flex:none;color:var(--text-faint);font-size:11px}.promptbar__field select{width:auto;padding:4px 6px;font-size:11px}.promptbar__modes{display:flex;flex:none;gap:2px;padding:2px;background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius-sm)}.promptbar__modes button{border:none;background:transparent;padding:3px 9px;font-size:11px;color:var(--text-dim)}.promptbar__modes button.is-active{background:var(--accent-soft);color:var(--accent)}.promptbar__go{flex:none;min-width:92px;padding:6px 14px;font-weight:600;background:var(--accent);border-color:var(--accent-strong);color:#fff}.promptbar__go:hover:not(:disabled){background:var(--accent-strong)}.promptbar__label{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.promptbar__chip{padding:2px 8px;font-size:11px;color:var(--text-dim);background:var(--bg-2);border-radius:999px}.promptbar__chip:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.promptbar__status{margin-left:auto;font-size:11px;max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promptbar__status--ok{color:var(--ok)}.promptbar__status--warn{color:var(--warn)}.promptbar__status--error{color:var(--danger)}.promptbar__status--busy,.promptbar__status--muted{color:var(--text-faint)}.promptbar__status--busy:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--accent);animation:promptbar-pulse .9s ease-in-out infinite}@keyframes promptbar-pulse{0%,to{opacity:.25}50%{opacity:1}}@media (max-width: 1080px){.promptbar__row--sub .promptbar__chip:nth-child(n+5){display:none}}.studio{display:flex;flex-direction:column;min-height:100%;height:100%;overflow-y:auto;background:radial-gradient(1100px 520px at 50% -12%,rgba(91,141,239,.16),transparent 70%),var(--bg-0)}.studio__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;flex:none}.studio__nav .brand__word{font-size:17px}.studio__link{background:transparent;border:none;color:var(--text-dim);font-size:12px}.studio__link:hover{background:transparent;color:var(--accent)}.studio__main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:24px 22px 48px;display:flex;flex-direction:column;gap:18px}.studio__intro{text-align:center;transition:opacity .2s ease}.studio__intro h1{font-family:var(--font-display);font-size:clamp(25px,4.2vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin-bottom:10px}.studio__intro p{margin:0 auto;max-width:54ch;color:var(--text-dim);font-size:14px;line-height:1.55}.studio__main.has-result .studio__intro{display:none}.studio__composer{display:flex;gap:10px;align-items:stretch}.studio__input{flex:1;padding:13px 16px;font-size:15px;line-height:1.45;border-radius:12px;border-color:var(--border-strong);background:var(--bg-1);resize:none}.studio__input:focus{background:var(--bg-2)}.studio__generate{flex:none;padding:0 22px;border-radius:12px;font-size:14px;font-weight:600;background:var(--accent);border-color:var(--accent-strong);color:#fff;white-space:nowrap}.studio__generate:hover:not(:disabled){background:var(--accent-strong)}.studio__examples{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.studio__examples button{padding:5px 12px;border-radius:999px;font-size:12px;color:var(--text-dim);background:var(--bg-1)}.studio__examples button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.studio__stage{margin:4px 0 0}.studio__frame{position:relative;width:100%;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--border-strong),0 24px 60px #0006}.studio__player{position:absolute;top:0;right:0;bottom:0;left:0}.studio__player svg{display:block}.studio__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0e9e;color:#fff;font-size:13px;letter-spacing:.02em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.studio__stage figcaption{margin-top:9px;text-align:center;color:var(--text-faint);font-size:11.5px;font-family:var(--mono)}.studio__refine,.studio__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.studio__refine-label{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-right:2px}.studio__refine button{padding:4px 11px;border-radius:999px;font-size:12px;color:var(--text-dim)}.studio__refine button:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.studio__actions{margin-top:4px;gap:8px}.studio__actions button{padding:8px 16px;border-radius:9px;font-size:13px}.studio__primary{background:var(--accent);border-color:var(--accent-strong);color:#fff;font-weight:600}.studio__primary:hover:not(:disabled){background:var(--accent-strong)}.studio__status{margin:0;text-align:center;font-size:12px;line-height:1.5}.studio__status--ok{color:var(--ok)}.studio__status--warn{color:var(--warn)}.studio__status--error{color:var(--danger)}.studio__status--busy{color:var(--text-faint)}.studio__foot{flex:none;padding:0 22px 22px;text-align:center;color:var(--text-faint);font-size:11px}@media (max-width: 640px){.studio__composer{flex-direction:column}.studio__generate{padding:11px 22px}}.layer-list{flex:1;min-height:0;overflow-y:auto;padding:4px 0}.layer-row{position:relative;display:flex;align-items:center;gap:4px;height:var(--row-height, 34px);padding:0 6px 0 4px;cursor:default;border-left:2px solid transparent;-webkit-user-select:none;user-select:none}.layer-row:hover{background:var(--bg-2)}.layer-row.is-selected{background:var(--accent-soft);border-left-color:var(--accent)}.layer-row.is-hidden .layer-row__name,.layer-row.is-hidden .layer-row__icon{opacity:.4}.layer-row.is-dragging{opacity:.5}.layer-row.is-drop-before:before,.layer-row.is-drop-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent);border-radius:2px}.layer-row.is-drop-before:before{top:-1px}.layer-row.is-drop-after:after{bottom:-1px}.layer-row__toggle{background:transparent;border:none;padding:2px 3px;color:var(--text-faint);font-size:11px;line-height:1}.layer-row__toggle:hover{background:transparent;color:var(--text)}.layer-row__icon{display:grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-sm);background:var(--bg-3);font-size:11px;color:var(--text-dim);flex:none}.layer-row__icon--shape{color:var(--accent)}.layer-row__icon--text{color:#c99bff;font-weight:700}.layer-row__icon--svg{color:var(--ok)}.layer-row__icon--group{color:var(--warn)}.layer-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__parent{color:var(--text-faint);font-style:normal;font-size:11px}.layer-row__rename{flex:1;padding:2px 5px}.layer-row__actions{display:flex;align-items:center;gap:2px;opacity:0}.layer-row:hover .layer-row__actions,.layer-row.is-selected .layer-row__actions{opacity:1}.layer-row__actions button{background:transparent;border:none;padding:2px 4px;color:var(--text-faint);font-size:11px}.layer-row__actions button:hover{color:var(--text);background:var(--bg-3)}.layer-row__grip{cursor:grab;color:var(--text-faint);padding:2px 4px;touch-action:none}.prop-group{padding:10px 12px 14px;border-bottom:1px solid var(--border)}.prop-group__title{color:var(--text-dim);text-transform:uppercase;margin-bottom:8px}.prop-field{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:6px}.prop-field>span{color:var(--text-dim);font-size:11px}.prop-field--stack{grid-template-columns:1fr}.prop-row{display:grid;grid-template-columns:22px 72px 56px minmax(0,1fr);align-items:center;gap:4px;min-height:26px}.prop-row--simple{grid-template-columns:88px minmax(0,1fr);margin-bottom:6px}.prop-row__label{color:var(--text-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-row.is-animated .prop-row__label{color:var(--text)}.prop-row__control{display:flex;align-items:center;gap:4px;min-width:0}.prop-row__hint{color:var(--text-faint);font-family:var(--mono);font-size:11px}.prop-row__nav{display:flex;gap:1px}.prop-row__nav button{background:transparent;border:none;color:var(--text-faint);padding:2px 3px;font-size:9px;line-height:1}.prop-row__nav button:hover:not(:disabled){color:var(--text);background:var(--bg-3)}.prop-row__nav button.is-on{color:var(--kf)}.stopwatch{background:transparent;border:none;color:var(--text-faint);font-size:12px;padding:2px;line-height:1}.stopwatch:hover{background:transparent;color:var(--text)}.stopwatch.is-on{color:var(--kf);background:transparent}.stopwatch--sm{font-size:10px}.prop-toggles{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:var(--text-dim);font-size:11px}.prop-toggles label{display:flex;align-items:center;gap:6px}.prop-note{margin:8px 0 0;color:var(--text-faint);font-size:11px;line-height:1.5}.prop-note--tight{margin-top:0;font-family:var(--mono)}.link-toggle{padding:2px 4px;font-size:10px;background:transparent;border:none;color:var(--text-faint)}.number-field{display:flex;align-items:center;gap:2px;min-width:0;flex:1}.number-field__label{color:var(--text-faint);font-size:10px;cursor:ew-resize;padding:0 2px;-webkit-user-select:none;user-select:none;touch-action:none}.number-field__input{padding:3px 6px;font-family:var(--mono);font-size:11px;min-width:0}.number-field.is-disabled{opacity:.4}.color-field{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.color-field__swatch{position:relative;width:22px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);overflow:hidden;flex:none;cursor:pointer}.color-field__swatch input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:200%;height:200%;border:none;padding:0;opacity:0;cursor:pointer}.color-field__hex{padding:3px 6px;font-family:var(--mono);font-size:11px;text-transform:lowercase}.easing{display:flex;flex-direction:column;gap:10px;margin-top:8px}.easing__presets{display:flex;flex-wrap:wrap;gap:4px}.easing__presets button{padding:3px 7px;font-size:10px}.easing__presets .is-hold{margin-left:auto}.easing__graph{width:100%;max-width:240px;align-self:center;touch-action:none}.easing__frame{fill:var(--bg-0);stroke:var(--border)}.easing__grid{stroke:var(--border);stroke-width:.5;opacity:.6}.easing__curve{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.easing__curve--hold{stroke:var(--warn);stroke-dasharray:4 3}.easing__leg{stroke:var(--border-strong);stroke-width:1}.easing__handle{fill:var(--bg-2);stroke:var(--accent);stroke-width:2;cursor:grab;touch-action:none}.easing__handle:hover{fill:var(--accent)}.easing__anchor{fill:var(--text-faint)}.easing__values{display:flex;gap:16px;margin:0;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.easing__values dt{display:inline;color:var(--text-dim)}.easing__values dd{display:inline;margin:0 0 0 6px}.timeline{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--bg-1);border-top:1px solid var(--border)}.timeline__resize{height:6px;flex:none;cursor:row-resize;background:var(--bg-2);border-bottom:1px solid var(--border);touch-action:none}.timeline__resize:hover{background:var(--accent-soft)}.timeline__bar{flex:none;display:flex;align-items:center;gap:16px;padding:6px 12px;background:var(--bg-2);border-bottom:1px solid var(--border)}.timeline__time{display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}.timeline__time strong{font-size:15px;letter-spacing:.02em}.timeline__time span{color:var(--text-faint);font-size:11px}.timeline__tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.timeline__tools button{font-size:11px}.timeline__zoom{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:11px}.timeline__grid{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.timeline__corner{grid-area:1 / 1;display:flex;align-items:flex-end;padding:0 8px 6px;background:var(--bg-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.timeline__ruler-viewport{grid-area:1 / 2;position:relative;overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--border)}.timeline__ruler-inner{position:absolute;inset:0 auto 0 0;will-change:transform}.timeline__names{grid-area:2 / 1;position:relative;overflow:hidden;border-right:1px solid var(--border);background:var(--bg-1)}.timeline__names-inner{position:absolute;top:0;left:0;right:0;will-change:transform}.timeline__scroller{grid-area:2 / 2;overflow:auto;position:relative;background:var(--bg-0)}.timeline__tracks{position:relative;touch-action:none}.tl-ruler{position:relative;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.tl-ruler__tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border-strong);padding-left:4px;color:var(--text-dim);font-family:var(--mono);font-size:10px;line-height:1.1;pointer-events:none;white-space:nowrap}.tl-ruler__tick b{display:block;font-weight:600;padding-top:3px}.tl-ruler__tick i{display:block;font-style:normal;color:var(--text-faint);font-size:9px}.tl-ruler__subtick{position:absolute;bottom:0;height:6px;border-left:1px solid var(--border);pointer-events:none}.tl-ruler__marker{position:absolute;bottom:2px;transform:translate(-1px);padding:0 5px 0 4px;height:14px;background:var(--warn);color:#201603;border:none;border-radius:0 3px 3px 0;font-size:9px;line-height:14px;font-weight:700;white-space:nowrap}.tl-ruler__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--playhead);pointer-events:none}.tl-ruler__playhead:before{content:"";position:absolute;top:0;left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--playhead)}.tl-name{position:absolute;left:0;right:0;display:flex;align-items:center;gap:5px;padding:0 6px;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;font-size:11px}.tl-name--layer{background:var(--bg-1);cursor:default}.tl-name--layer.is-selected{background:var(--accent-soft)}.tl-name--layer.is-hidden{opacity:.5}.tl-name--prop{background:var(--bg-2);padding-left:22px}.tl-name__caret{background:transparent;border:none;color:var(--text-faint);padding:2px;font-size:9px;transition:transform .12s ease}.tl-name__caret.is-open{transform:rotate(90deg);color:var(--text)}.tl-name__icon{display:grid;place-items:center;width:16px;height:16px;border-radius:3px;background:var(--bg-3);font-size:9px;color:var(--text-dim);flex:none}.tl-name__icon--shape{color:var(--accent)}.tl-name__icon--text{color:#c99bff}.tl-name__icon--svg{color:var(--ok)}.tl-name__icon--group{color:var(--warn)}.tl-name__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-name__label--prop{color:var(--text-dim)}.tl-name__value{font-family:var(--mono);font-size:10px;color:var(--text-faint);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-name__nav{display:flex;gap:1px}.tl-name__nav button{background:transparent;border:none;color:var(--text-faint);padding:1px 2px;font-size:8px;line-height:1}.tl-name__nav button:hover:not(:disabled){color:var(--text)}.tl-name__nav button.is-on{color:var(--kf)}.tl-name__eye{background:transparent;border:none;color:var(--text-faint);font-size:10px;padding:2px}.tl-track{position:absolute;left:0;border-bottom:1px solid var(--border)}.tl-track--layer{background:var(--bg-1)}.tl-track--layer.is-selected{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.tl-track--layer.is-hidden{opacity:.45}.tl-track--prop{background:var(--bg-0)}.tl-bar{position:absolute;top:5px;bottom:5px;border-radius:4px;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--border-strong);cursor:grab;touch-action:none}.tl-bar--shape{border-left:3px solid var(--accent)}.tl-bar--text{border-left:3px solid #c99bff}.tl-bar--svg{border-left:3px solid var(--ok)}.tl-bar--group{border-left:3px solid var(--warn)}.tl-bar__handle{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;touch-action:none}.tl-bar__handle--in{left:-2px}.tl-bar__handle--out{right:-2px}.tl-bar__handle:hover{background:var(--accent-soft)}.tl-kf{position:absolute;width:11px;height:11px;margin-left:-5.5px;margin-top:-5.5px;background:var(--kf);transform:rotate(45deg);border-radius:2px;cursor:grab;touch-action:none;box-shadow:0 0 0 1px #00000059}.tl-kf:hover{background:color-mix(in srgb,var(--kf) 70%,white)}.tl-kf.is-selected{background:var(--kf-selected);box-shadow:0 0 0 1px var(--accent),0 0 6px var(--accent-soft)}.tl-kf.is-hold{border-radius:0;transform:none;width:8px;height:12px;margin-left:-4px;margin-top:-6px}.tl-kf--summary{top:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;background:var(--text-faint);cursor:default;pointer-events:none}.tl-curve{position:absolute;left:0;top:0;pointer-events:none}.tl-curve__path{fill:none;stroke:var(--accent);stroke-width:1.25;opacity:.75}.tl-curve__line{stroke:var(--border-strong);stroke-width:1.25}.tl-curve__line.is-hold{stroke:var(--warn);stroke-dasharray:3 3}.timeline__playhead{position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--playhead);pointer-events:none;z-index:5}.timeline__playhead.is-playing{opacity:.7}.timeline__marker-line{position:absolute;top:0;bottom:0;width:1px;background:var(--warn);opacity:.35;pointer-events:none}.timeline__band{position:absolute;background:var(--accent-soft);border:1px solid var(--accent);border-radius:2px;pointer-events:none;z-index:4}.canvas{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-0)}.canvas__bar{display:flex;align-items:center;gap:14px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--bg-2)}.canvas__title{font-weight:600}.canvas__meta{color:var(--text-faint);font-family:var(--mono);font-size:11px}.canvas__zoom{margin-left:auto;display:flex;align-items:center;gap:4px}.canvas__zoom button{padding:3px 8px;font-size:11px}.canvas__zoom-value{color:var(--text-faint);font-family:var(--mono);font-size:11px;min-width:44px;text-align:right}.canvas__viewport{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:24px;background-image:linear-gradient(45deg,var(--bg-1) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-1) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-1) 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.canvas__stage{position:relative;flex:none;transform-origin:center center;box-shadow:0 0 0 1px var(--border-strong),var(--shadow)}.canvas__lottie,.canvas__onion,.canvas__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.canvas__lottie svg,.canvas__onion svg{display:block}.canvas__onion{pointer-events:none;opacity:.28}.canvas__onion--past{filter:hue-rotate(-40deg) saturate(.5)}.canvas__onion--future{filter:hue-rotate(140deg) saturate(.5)}.canvas__overlay{pointer-events:none;overflow:visible}.canvas__selection{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3}.canvas__handle{fill:var(--bg-2);stroke:var(--accent);stroke-width:1}.canvas__anchor{fill:none;stroke:var(--warn);stroke-width:1.25}