.zoom-target{position:absolute;z-index:6;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;outline:2px solid #7cf5b1;outline-offset:-2px;background:#7cf5b10d}.zoom-target[data-busy]{cursor:progress;background:#0003}.zoom-target svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.zoom-target__face{fill:#7cf5b11f;stroke:#7cf5b1}.zoom-target__aim{fill:none;stroke:#7cf5b1;filter:drop-shadow(0 0 2px #000c)}.zoom-target__banner{position:absolute;z-index:7;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(92vw,440px);padding:6px 6px 6px 12px;border-radius:999px;background:#0d1512ee;color:#effff6;border:1px solid #7cf5b166;box-shadow:0 6px 22px #0008;font-size:13px;line-height:1.3;white-space:nowrap;pointer-events:none;transition:opacity .15s}.zoom-target__banner[data-aiming]{opacity:.2}.zoom-target__banner span{overflow:hidden;text-overflow:ellipsis}.zoom-target__banner .icon{flex:none;width:18px;height:18px;color:#7cf5b1}.zoom-target__banner button{pointer-events:auto;flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff14;color:inherit;font:inherit;font-weight:600}@media (max-width: 420px){.zoom-target__banner{font-size:12px;gap:6px;padding-left:10px}.zoom-target__banner button{min-height:32px;padding:0 10px}}.zoom-target-controls{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.zoom-target-controls__row{display:flex;gap:8px;flex-wrap:wrap}.zoom-target-controls__row button{flex:1 1 140px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:13px}.zoom-target-controls__row button[aria-pressed=true]{border-color:#7cf5b1;box-shadow:inset 0 0 0 1px #7cf5b1}.zoom-target-controls__row button:disabled{opacity:.5}.zoom-target-controls__row .icon{width:18px;height:18px}.zoom-target-controls p{margin:0;font-size:11px;line-height:1.45;color:var(--text-dim)}.zoom-target-controls p[data-tone=warn]{color:var(--time)}.zoom-target-controls p[data-tone=ok]{color:var(--text)}.viewport__canvas--touch{touch-action:none;-webkit-touch-callout:none}.preview-gestures-button{display:none;position:absolute;right:10px;top:10px;z-index:8;min-height:44px;padding:0 12px;border-radius:12px;background:var(--surface, #191b21);color:var(--text, #fff);border:1px solid var(--border, #565961);font-size:11px;font-weight:650;cursor:pointer}@media (any-pointer: coarse){.preview-gestures-button{display:block}}.preview-gesture-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:9;max-width:calc(100% - 24px);padding:9px 13px;border-radius:12px;background:#13151feb;color:#fff;border:1px solid #ffffff30;font-size:12px;line-height:1.4;text-align:center;pointer-events:none}.tutorial-scrim.gesture-guide{padding:12px}.gesture-guide__card{padding:22px;width:min(560px,100%);max-height:90vh;max-height:90dvh;overflow:auto;margin:auto;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:22px}.gesture-guide__card header{display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;z-index:1;padding:8px 0;background:var(--surface)}.gesture-guide__card h2{margin:6px 0 12px;font-size:24px;letter-spacing:-.7px}.gesture-guide__card p,.gesture-guide__card footer{font-size:13px;line-height:1.55;color:var(--text-dim)}.gesture-guide__card ol{list-style:none;padding:0;margin:18px 0}.gesture-guide__card li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.gesture-guide__card li p{margin:5px 0 0}.gesture-guide__mark{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-dim, #d4f87920);color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.gesture-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:13px}.gesture-toggle small{display:block;color:var(--text-dim);margin-top:5px;font-size:11px;line-height:1.5}.gesture-toggle input{flex:0 0 24px;width:24px;height:24px;accent-color:var(--accent)}.pq-menu{display:flex;align-items:center;gap:4px;flex:none}.pq-menu select{min-height:30px;padding:0 6px;border-radius:8px;background:var(--surface-2);color:var(--text-dim);border:1px solid var(--line);font-size:calc(11px * var(--fs-scale, 1))}.pq-custom{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1))}.pq-custom input[type=range]{flex:1;min-width:0}.pq-custom input[type=number]{width:56px;min-height:30px;padding:0 6px;border-radius:8px;background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.pq-custom--compact{margin-top:0;gap:2px}.pq-custom--compact input[type=number]{width:46px}.viewport__render-status{display:flex;align-items:center;gap:12px;padding:8px 12px;font-size:12px;background:var(--surface, #242424);color:var(--text, #eee)}.viewport__render-status .link{flex-shrink:0}.viewport__diagnostics{margin:0;padding:6px 8px;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all;background:#000000c7;color:#9ef0b5;max-height:30vh;overflow:auto}.graph-toggle{flex:none;display:grid;place-items:center;width:32px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-faint);font-size:15px}.graph-toggle:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.graph-toggle[aria-expanded=true]{color:var(--anim);background:color-mix(in srgb,var(--anim) 14%,transparent)}html[data-pointer=coarse] .graph-toggle{width:44px;height:44px}.prop.prop--graphable{grid-template-columns:minmax(0,1fr) auto auto auto}.graph-editor{grid-column:1 / -1;display:grid;gap:10px;margin:4px 0 12px;padding:10px 10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,var(--bg));touch-action:manipulation}.graph-editor--empty p{margin:0;color:var(--text-faint);font-size:12px;line-height:1.5}.graph-editor__bar{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}.graph-seg{display:inline-flex;align-items:center;gap:2px;margin-right:auto}.graph-seg__label{min-width:88px;text-align:center;font:11px var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums}.graph-icon-btn{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:16px;line-height:1}.graph-icon-btn:disabled{opacity:.35}html[data-pointer=coarse] .graph-icon-btn{width:40px;height:40px}.graph-modes{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:999px}.graph-chip{padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--text-faint);font-size:11px}.graph-chip.is-on{background:var(--surface-3);color:var(--text)}.graph-all{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.graph-all input{width:16px;height:16px;margin:0;accent-color:var(--anim)}.graph-overview{border-radius:8px;background:var(--surface);border:1px solid var(--line-soft);touch-action:none;overflow:hidden}.graph-overview svg{display:block;cursor:pointer}.graph-overview__band{fill:color-mix(in srgb,var(--anim) 12%,transparent)}.graph-overview__curve{fill:none;stroke:color-mix(in srgb,var(--anim) 45%,var(--text-faint));stroke-width:1.5;stroke-linejoin:round;pointer-events:none}.graph-overview__curve--on{stroke:var(--anim);stroke-width:2.4}.graph-overview__key{fill:var(--surface);stroke:var(--anim);stroke-width:1.6;pointer-events:none}.graph-overview__zero{stroke:var(--text-faint);stroke-dasharray:3 4}.graph-overview__playhead{stroke:var(--time);stroke-width:1.5;pointer-events:none}.graph-overview__axis{fill:var(--text-faint);font-size:9px;font-variant-numeric:tabular-nums;pointer-events:none}.curve-editor{position:relative;display:grid;gap:8px}.curve-editor__svg{display:block;border-radius:10px;touch-action:none;outline:none;cursor:crosshair;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--anim) 7%,transparent),transparent 70%),var(--surface-2);border:1px solid var(--line-soft)}.curve-editor__svg:focus-visible{box-shadow:0 0 0 2px var(--anim)}.curve-editor__grid{stroke:var(--line-soft);stroke-width:1}.curve-editor__level{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 4}.curve-editor__linear{stroke:var(--line);stroke-width:1;stroke-dasharray:5 5}.curve-editor__axis{fill:var(--text-faint);font-size:9px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.curve-editor__curve{fill:none;stroke:var(--anim);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--anim) 40%,transparent))}.curve-editor__arm{stroke:var(--text-faint);stroke-width:1;pointer-events:none}.curve-editor__handle{fill:var(--surface);stroke:var(--text-dim);stroke-width:1.5;pointer-events:none}.curve-editor__node{fill:var(--anim);stroke:var(--surface);stroke-width:2;pointer-events:none}.curve-editor__node--end{fill:var(--surface);stroke:var(--anim);stroke-width:2}.curve-editor__node.is-selected{stroke:var(--text);stroke-width:2.5}.curve-editor__hit{fill:transparent;cursor:grab}.curve-editor__hit:active{cursor:grabbing}.curve-editor__overlay{position:absolute;inset:0 0 auto;height:calc(100% - 46px);display:grid;place-content:center;gap:8px;text-align:center;background:color-mix(in srgb,var(--surface-2) 80%,transparent);border-radius:10px}.curve-editor__overlay p{margin:0;font-size:12px;color:var(--text-dim)}.curve-editor__tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.curve-editor__readout{margin-left:auto;font:10px var(--mono);color:var(--text-faint);font-variant-numeric:tabular-nums}.graph-btn{min-height:30px;padding:5px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:11px;white-space:nowrap}.graph-btn:hover:not(:disabled){border-color:var(--line-strong)}.graph-btn:disabled{opacity:.4}.graph-btn--primary{background:var(--anim);border-color:var(--anim);color:#1d1630;font-weight:600}html[data-pointer=coarse] .graph-btn{min-height:40px;padding:8px 13px;font-size:12px}.graph-presets{display:grid;gap:8px}.graph-presets__tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px}.graph-presets__tabs::-webkit-scrollbar{display:none}.graph-presets__tab{flex:none;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-faint);font-size:11px;white-space:nowrap}.graph-presets__tab.is-on{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.graph-presets__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.graph-presets__empty{grid-column:1 / -1;margin:4px 0;font-size:12px;color:var(--text-faint)}.graph-tile-wrap{position:relative;display:grid}.graph-tile{display:grid;justify-items:center;gap:3px;padding:6px 4px 5px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-2);color:var(--text-dim);min-width:0}.graph-tile:hover{border-color:var(--line-strong);color:var(--text)}.graph-tile.is-on{border-color:var(--anim);color:var(--text);background:color-mix(in srgb,var(--anim) 12%,var(--surface-2))}.graph-tile__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.graph-tile__delete{position:absolute;top:-6px;right:-6px;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text-faint);font-size:12px;line-height:1}.graph-thumb{display:block}.graph-thumb__guide{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}.graph-thumb__curve{fill:none;stroke:var(--anim);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.graph-editor__footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:10px}.graph-save{display:inline-flex;gap:6px;align-items:center}.graph-save__input{width:120px;min-height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:12px}html[data-pointer=coarse] .graph-save__input{min-height:40px;font-size:16px}.graph-editor__notice{margin-left:auto;font-size:11px;color:var(--anim)}@media (prefers-reduced-motion: no-preference){.graph-tile,.graph-chip,.graph-presets__tab{transition:border-color .15s,background-color .15s,color .15s}}.text-panel{border:0;padding:0;margin:0;min-width:0}.text-panel__content{width:100%;min-height:96px;resize:vertical;padding:12px;border-radius:10px;border:1px solid var(--line, #343940);background:var(--surface, #15191e);color:inherit;font:inherit;line-height:1.5}.text-panel__content:focus{outline:2px solid var(--select, #d4f879);outline-offset:2px}.text-panel__columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.text-panel__label{display:grid;gap:6px;font-size:12px;margin:8px 0}.text-panel .select{width:100%;min-width:0}.text-panel__hint{color:var(--text-dim, #9aa5b1);font-size:11px;line-height:1.5;margin:8px 0}.text-panel__error{color:#ff9292;font-size:12px;line-height:1.5}.text-panel__check{display:flex;align-items:center;gap:6px;font-size:12px}.text-panel__segments{display:flex;gap:5px;margin:10px 0}.text-panel__segments button,.text-panel__anchor button{color:inherit;background:var(--surface, #15191e);border:1px solid var(--line, #343940);border-radius:7px;min-height:36px;cursor:pointer}.text-panel__segments button{flex:1;padding:6px 8px;text-transform:capitalize}.text-panel__segments button[aria-pressed=true],.text-panel__anchor button:hover{color:var(--select, #d4f879);border-color:var(--select, #d4f879)}.text-panel__anchor{display:grid;grid-template-columns:repeat(3,36px);gap:4px;margin:8px 0 12px}.text-panel button:disabled{opacity:.45;cursor:default}.text-panel__search,.text-panel input[type=number]{width:100%;min-width:0;padding:9px;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:7px;font:inherit}.text-panel__specimen{font-size:24px;padding:14px;border-radius:10px;background:var(--surface);overflow-wrap:anywhere}.text-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.text-preset-grid button{display:grid;gap:7px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:inherit;padding:9px 4px;min-height:68px;cursor:pointer;font-size:11px}.text-preset-grid button span{font-size:21px;color:var(--select)}.text-preset-grid button:hover,.text-preset-grid button:focus-visible{border-color:var(--select)}.animation-timing{display:flex;flex-direction:column;gap:10px;padding:12px;margin:0 0 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:12px;min-width:0}.animation-timing__head,.animation-timing__duration,.animation-timing__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.animation-timing__head{justify-content:space-between}.animation-timing__head strong{font-size:12px;font-weight:600}.animation-timing select,.animation-timing input,.animation-timing button{min-height:34px;min-width:0;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:inherit}.animation-timing__duration input{width:120px;font-variant-numeric:tabular-nums}.animation-timing__duration label{margin-right:auto}.animation-timing__duration button{color:var(--select)}.animation-timing button{cursor:pointer}.animation-timing button:disabled{opacity:.4;cursor:default}.animation-timing :is(button,input,select):focus-visible{outline:2px solid var(--select);outline-offset:2px}.animation-timing__actions button{flex:1 1 auto}.animation-timing p{margin:0;color:var(--text-dim);font-size:11px;line-height:1.5}.animation-timing p.animation-timing__notice{color:var(--time)}.animation-timing__freeze{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent, #7cf5b1) 45%,var(--line));border-radius:8px;line-height:1.4}.animation-timing__freeze span{flex:1 1 180px;min-width:0}.animation-timing__freeze button{flex:none}.animation-timing p.animation-timing__ok{color:var(--text)}.animation-timing__lengths{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.animation-timing__lengths span{margin-right:auto;color:var(--text-dim)}.animation-timing__lengths button{min-width:52px;border-radius:999px;font-variant-numeric:tabular-nums}.animation-timing__lengths button[aria-pressed=true]{border-color:var(--select);color:var(--select)}.inspector-hub>.precomp-actions{grid-column:1 / -1}.account-panel{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border-radius:20px;background:var(--surface, #202126);color:var(--text, #f6f6f7)}.account-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}.account-panel h2{font-size:1.4rem;margin:0}.account-panel p{line-height:1.5}.account-panel form{display:grid;gap:16px;margin:20px 0}.account-panel label{display:grid;gap:8px}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.account-panel [role=alert]{color:#ff9e91;overflow-wrap:anywhere}.account-button{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.project-card__sync{color:var(--text-dim);font-size:11px}@media (max-width: 600px){.home-header .account-button{max-width:80px;padding-inline:12px}}.wallpaper-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:var(--ui-wallpaper-opacity, .45);container-type:size;contain:strict;--wp-h: 100vh;--wp-w: 100vw;--wp-max: 100vmax}@supports (height: 1cqh){.wallpaper-layer{--wp-h: 100cqh;--wp-w: 100cqw;--wp-max: 100cqmax}}.wallpaper-layer__content{position:absolute;inset:0}.wallpaper-layer[data-blur=on] .wallpaper-layer__content{filter:blur(var(--ui-wallpaper-blur, 0px))}.wallpaper-layer__image{position:absolute;inset:0;background-image:var(--ui-wallpaper);background-size:var(--ui-wallpaper-fit);background-repeat:var(--ui-wallpaper-repeat);background-position:var(--ui-wallpaper-position)}.nature-scene{display:block;width:100%;height:100%}.wp-pieces,.wp-scene{position:absolute;inset:0}.wp-scene{overflow:hidden}.wallpaper-layer [style*=--delay]{animation-delay:calc(var(--delay) * var(--ui-wallpaper-pace, 1));animation-iteration-count:infinite}.wp-aurora-band,.wp-star,.wp-drop,.wp-blob{animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1))}.wallpaper-layer[data-motion=paused] *{animation-play-state:paused!important}.wallpaper-layer[data-motion=playing] :is(.nature-petal,.nature-leaf,.nature-firefly,.wp-star,.wp-drop,.wp-flake,.wp-bubble,.wp-confetti){will-change:transform,translate,opacity}@media (prefers-reduced-motion: reduce){.wallpaper-layer:not([data-motion-override=true]) *{animation-play-state:paused!important}}.nature-petal,.nature-leaf,.wp-flake,.wp-confetti{position:absolute;top:-8%;left:var(--x);width:var(--s);height:var(--s);animation-name:wp-fall,wp-sway;animation-timing-function:linear,ease-in-out;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1)),calc(var(--sway-t) * var(--ui-wallpaper-pace, 1));animation-direction:normal,alternate}@keyframes wp-fall{0%{translate:0 0;opacity:0}6%{opacity:1}90%{opacity:1}to{translate:0 calc(var(--wp-h) * 1.16);opacity:0}}@keyframes wp-sway{0%{transform:translate(calc(var(--sway) * -1)) rotate(0)}to{transform:translate(var(--sway)) rotate(var(--spin))}}.nature-petal{background:radial-gradient(70% 90% at 35% 30%,#f6e2d3,#d9a98f 70%);border-radius:70% 10% 70% 30%;box-shadow:inset -2px -3px #c58f75aa}.nature-petal[data-tone="1"]{background:radial-gradient(70% 90% at 35% 30%,#fff1e6,#e8c0a8 70%)}.nature-leaf{height:calc(var(--s) * .62);background:linear-gradient(135deg,#a9c47e,#6f9459);border-radius:0 90%;box-shadow:inset 0 0 0 1px #d0d2a555}.nature-leaf[data-tone="1"]{background:linear-gradient(135deg,#d0c879,#8aab76)}.nature-firefly{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#fffef2 0 30%,#f7ef8f 50%,#e1d99500 72%);box-shadow:0 0 calc(var(--s) * 2.6) calc(var(--s) * .9) #f7ec7fb3,0 0 calc(var(--s) * 6) calc(var(--s) * 1.5) #f4e98a40;animation-name:wp-wander,wp-blink;animation-timing-function:ease-in-out,ease-in-out;animation-direction:alternate,alternate;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1)),calc(var(--blink) * var(--ui-wallpaper-pace, 1))}@keyframes wp-wander{0%{translate:0 0}33%{translate:calc(var(--dx) * .7) calc(var(--dy) * -.4)}66%{translate:calc(var(--dx) * -.4) var(--dy)}to{translate:var(--dx) calc(var(--dy) * .5)}}@keyframes wp-blink{0%,30%{opacity:.15;scale:.7}60%,to{opacity:1;scale:1.15}}.wp-scene--aurora{background:linear-gradient(180deg,#020914,#06223a 48%,#0b3346 72%,#0e2532)}.wp-stars{position:absolute;inset:0;width:100%;height:100%}.wp-aurora-band{position:absolute;left:-35%;width:170%;height:46%;top:var(--top);transform-origin:50% 60%;background:radial-gradient(48% 40% at 50% 55%,#46ffb7d9,#2ad8a466 45%,transparent 72%);animation-name:wp-aurora;animation-timing-function:ease-in-out;animation-direction:alternate;opacity:.85}.wp-aurora-band[data-hue="1"]{background:radial-gradient(48% 36% at 50% 55%,#3ce0ffcc,#2a9cd866 45%,transparent 72%)}.wp-aurora-band[data-hue="2"]{background:radial-gradient(44% 38% at 50% 55%,#b07bffbf,#7b4dd866 45%,transparent 72%)}@keyframes wp-aurora{0%{transform:translate(-16%) skew(-24deg) scaleY(.75) rotate(-6deg);opacity:.55}50%{opacity:1}to{transform:translate(18%) skew(20deg) scaleY(1.35) rotate(6deg);opacity:.75}}.wp-aurora-glow{position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,#0e3a4a,transparent)}.wp-silhouette{position:absolute;left:0;right:0;bottom:0;width:100%;height:22%}.wp-scene--ocean{background:linear-gradient(180deg,#13284d,#3d4f86 30%,#e78a6c 52%,#f6c27a 58%,#1c5f86 60%,#0b3554)}.wp-sun{position:absolute;left:50%;top:40%;width:26vmin;height:26vmin;margin:-13vmin 0 0 -13vmin;border-radius:50%;background:radial-gradient(circle,#fff3c4 0 40%,#ffc978 62%,#ff9b6a00 72%)}.wp-wave{position:absolute;left:0;bottom:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;animation-name:wp-wave-roll,wp-bob;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite;animation-direction:normal,alternate}.wp-wave[data-layer="0"]{height:46%;animation-duration:calc(16s * var(--ui-wallpaper-pace, 1)),calc(4.6s * var(--ui-wallpaper-pace, 1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 160C240 80 480 80 720 160S1200 240 1440 160V320H0Z' fill='%23205f8a'/%3E%3C/svg%3E")}.wp-wave[data-layer="1"]{height:36%;animation-duration:calc(11s * var(--ui-wallpaper-pace, 1)),calc(3.8s * var(--ui-wallpaper-pace, 1));animation-direction:reverse,alternate;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 140C200 60 520 60 720 140S1240 220 1440 140V320H0Z' fill='%23174d75'/%3E%3C/svg%3E")}.wp-wave[data-layer="2"]{height:26%;animation-duration:calc(7.5s * var(--ui-wallpaper-pace, 1)),calc(3.1s * var(--ui-wallpaper-pace, 1));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 170C260 90 460 90 720 170S1180 250 1440 170V320H0Z' fill='%230f3b5e'/%3E%3Cpath d='M0 170C260 90 460 90 720 170S1180 250 1440 170' fill='none' stroke='%23ffffff55' stroke-width='5'/%3E%3C/svg%3E")}.wp-wave[data-layer="3"]{height:16%;animation-duration:calc(5s * var(--ui-wallpaper-pace, 1)),calc(2.5s * var(--ui-wallpaper-pace, 1));animation-direction:reverse,alternate;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath d='M0 150C240 60 480 60 720 150S1200 240 1440 150V320H0Z' fill='%23092a45'/%3E%3Cpath d='M0 150C240 60 480 60 720 150S1200 240 1440 150' fill='none' stroke='%23ffffff70' stroke-width='6'/%3E%3C/svg%3E")}@keyframes wp-wave-roll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wp-bob{0%{translate:0 0}to{translate:0 6%}}.wp-scene--warp{background:radial-gradient(circle at 50% 50%,#2a1260,#0d0520 45%,#000)}.wp-star{position:absolute;left:50%;top:50%;width:calc(var(--wp-max) * .012);height:var(--w);margin-top:calc(var(--w) / -2);transform-origin:0 50%;rotate:var(--a);border-radius:99px;background:linear-gradient(90deg,hsl(var(--hue) 90% 80% / 0),hsl(var(--hue) 100% 90%));animation-name:wp-warp;animation-timing-function:cubic-bezier(.55,0,1,.45)}@keyframes wp-warp{0%{transform:translate(calc(var(--wp-max) * .02)) scaleX(.4);opacity:0}20%{opacity:1}to{transform:translate(calc(var(--wp-max) * .78)) scaleX(14);opacity:1}}.wp-warp-core{position:absolute;left:50%;top:50%;width:30vmin;height:30vmin;margin:-15vmin 0 0 -15vmin;border-radius:50%;background:radial-gradient(circle,#e8dcff55,#6a3cff22 40%,transparent 70%);animation:wp-pulse calc(2.4s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-pulse{0%{scale:.85;opacity:.6}to{scale:1.2;opacity:1}}.wp-scene--synthwave{background:linear-gradient(180deg,#0c0024,#2b0a4f 34%,#a0206e 52%,#ff4f8b 56%,#14002a 56.2%,#0a0018)}.wp-synth-sun{position:absolute;left:50%;top:22%;width:38vmin;height:38vmin;margin-left:-19vmin;border-radius:50%;background:linear-gradient(180deg,#ffe66d,#ff9a5c 45%,#ff3e8a);-webkit-mask:linear-gradient(180deg,#000 0 56%,transparent 56% 61%,#000 61% 69%,transparent 69% 73%,#000 73% 80%,transparent 80% 83%,#000 83% 89%,transparent 89% 91%,#000 91%);mask:linear-gradient(180deg,#000 0 56%,transparent 56% 61%,#000 61% 69%,transparent 69% 73%,#000 73% 80%,transparent 80% 83%,#000 83% 89%,transparent 89% 91%,#000 91%);box-shadow:0 0 80px #ff4f8b66;animation:wp-pulse calc(3.2s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}.wp-synth-hills{position:absolute;left:0;right:0;top:42%;width:100%;height:14.2%}.wp-synth-floor{position:absolute;inset:56.2% -100% 0;perspective:280px;perspective-origin:50% 0;overflow:hidden;background:linear-gradient(180deg,#ff4f8b55,transparent 30%)}.wp-synth-grid{position:absolute;left:0;right:0;bottom:0;height:500%;transform-origin:50% 100%;transform:rotateX(82deg);background:repeating-linear-gradient(90deg,#ff3fd1 0 3px,transparent 3px 64px),repeating-linear-gradient(180deg,#2de2ff 0 3px,transparent 3px 64px);animation:wp-grid-run calc(.6s * var(--ui-wallpaper-pace, 1)) linear infinite}@keyframes wp-grid-run{0%{transform:rotateX(82deg) translateY(0)}to{transform:rotateX(82deg) translateY(64px)}}.wp-scene--snowfall{background:linear-gradient(180deg,#0b1a2c,#1d3350 55%,#3f5c7d)}.wp-moon{position:absolute;right:14%;top:12%;width:16vmin;height:16vmin;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fbfaf0,#d9dfe6 70%);box-shadow:0 0 60px #f3f6ff55}.wp-silhouette--snow{height:30%}.wp-flake{border-radius:50%;background:radial-gradient(circle,#fff 0 45%,#fff0 72%)}.wp-scene--rain{background:linear-gradient(180deg,#050a12,#10203a 60%,#1b2c45)}.wp-city{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%}.wp-drop{position:absolute;top:0;left:var(--x);width:1.6px;height:var(--h);opacity:var(--o);rotate:14deg;transform-origin:50% 0;background:linear-gradient(180deg,#b9d4ff00,#cfe1ff);animation-name:wp-rain;animation-timing-function:linear}@keyframes wp-rain{0%{translate:0 calc(var(--wp-h) * -.2)}to{translate:calc(var(--wp-h) * -.3) calc(var(--wp-h) * 1.15)}}.wp-flash{position:absolute;inset:0;background:#dbe7ff;opacity:0;animation:wp-flash calc(11s * var(--ui-wallpaper-pace, 1)) linear infinite}@keyframes wp-flash{0%,61%{opacity:0}61.6%{opacity:.28}62.4%{opacity:.04}63%{opacity:.18}65%,to{opacity:0}}.wp-scene--bubbles{background:linear-gradient(180deg,#4cc9f0,#1b8fb5 28%,#0b5d80,#053a55)}.wp-rays{position:absolute;inset:-20% -10% 0;transform-origin:50% 0;background:repeating-linear-gradient(100deg,#fff0 0 6%,#ffffff1f 7% 9%,#fff0 10% 17%);-webkit-mask:linear-gradient(180deg,#000,transparent 75%);mask:linear-gradient(180deg,#000,transparent 75%);animation:wp-rays calc(5s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-rays{0%{transform:rotate(-5deg) translate(-3%);opacity:.7}to{transform:rotate(5deg) translate(3%);opacity:1}}.wp-bubble{position:absolute;bottom:-10%;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffffffd9 0 12%,#fff3 24%,#ffffff0d 60%,#fff6 72%,#fff0 76%);animation-name:wp-rise,wp-sway;animation-timing-function:linear,ease-in-out;animation-direction:normal,alternate;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1)),calc(var(--sway-t) * var(--ui-wallpaper-pace, 1));--spin: 0deg}@keyframes wp-rise{0%{translate:0 0;opacity:0}8%{opacity:1}to{translate:0 calc(var(--wp-h) * -1.25);opacity:.9}}.wp-scene--lava{background:radial-gradient(120% 80% at 50% 100%,#3a0f2e,#14060f 70%)}.wp-blob{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;opacity:.85;background:radial-gradient(circle,#ff7a3d,#ff5a3d88 38%,#ff3d3d00 68%);animation-name:wp-drift;animation-timing-function:ease-in-out;animation-direction:alternate}.wp-blob[data-c="1"]{background:radial-gradient(circle,#ff3d8b,#ff3d8b88 38%,#ff3d8b00 68%)}.wp-blob[data-c="2"]{background:radial-gradient(circle,#ffc23d,#ffb02e88 38%,#ffb02e00 68%)}.wp-blob[data-c="3"]{background:radial-gradient(circle,#a66bff,#8b5cf688 38%,#8b5cf600 68%)}@keyframes wp-drift{0%{transform:translate(0) scale(.85)}to{transform:translate(var(--dx),var(--dy)) scale(1.25)}}.wp-scene--film{background:radial-gradient(120% 90% at 30% 20%,#2b2f36,#101114 70%)}.wp-strip{position:absolute;left:-40%;width:180%;height:17%;rotate:-11deg}.wp-strip[data-row="0"]{top:12%}.wp-strip[data-row="1"]{top:44%;rotate:-11deg}.wp-strip[data-row="2"]{top:76%}.wp-strip__reel{position:absolute;inset:0;width:200%;background:repeating-linear-gradient(90deg,#0b0b0d 0 14px,#f2f0e6 14px 24px,#0b0b0d 24px 34px) 0 6% / 100% 9% repeat-x,repeating-linear-gradient(90deg,#0b0b0d 0 14px,#f2f0e6 14px 24px,#0b0b0d 24px 34px) 0 94% / 100% 9% repeat-x,repeating-linear-gradient(90deg,#0b0b0d 0 8px,#ff9f6e 8px 128px,#0b0b0d 128px 136px,#6ec8ff 136px 256px,#0b0b0d 256px 264px,#c99bff 264px 384px,#0b0b0d 384px 392px,#d4f879 392px 512px) 0 50% / 100% 64% repeat-x,#0b0b0d;animation:wp-reel calc(14s * var(--ui-wallpaper-pace, 1)) linear infinite}.wp-strip[data-row="1"] .wp-strip__reel{animation-direction:reverse;animation-duration:calc(10s * var(--ui-wallpaper-pace, 1));opacity:.9}.wp-strip[data-row="2"] .wp-strip__reel{animation-duration:calc(18s * var(--ui-wallpaper-pace, 1));opacity:.8}@keyframes wp-reel{0%{transform:translate(0)}to{transform:translate(-50%)}}.wp-scene--confetti{background:linear-gradient(160deg,#1f1b3a,#2c2552 55%,#3b2a5e)}.wp-confetti{height:calc(var(--s) * .5);border-radius:2px;background:#ffd166;box-shadow:0 1px #0003;animation-name:wp-fall,wp-sway,wp-tumble;animation-timing-function:linear,ease-in-out,linear;animation-direction:normal,alternate,normal;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1)),calc(var(--sway-t) * var(--ui-wallpaper-pace, 1)),calc(var(--sway-t) * .7 * var(--ui-wallpaper-pace, 1))}.wp-confetti[data-c="1"]{background:#ef476f}.wp-confetti[data-c="2"]{background:#06d6a0}.wp-confetti[data-c="3"]{background:#118ab2}.wp-confetti[data-c="4"]{background:#d4f879}.wp-confetti[data-c="5"]{background:#c77dff}@keyframes wp-tumble{0%{scale:1 1}50%{scale:1 -1}to{scale:1 1}}.home[data-personalised]{position:relative;isolation:isolate;background:var(--bg);color:var(--text);font-family:var(--sans)}.home-wallpaper{position:fixed;z-index:-1}.home:has(dialog[open]:not(.project-setup))>.home-wallpaper *{animation-play-state:paused}.home[data-home-wallpaper=true] .project-setup::backdrop{background:color-mix(in srgb,#090b08 58%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}.home[data-home-wallpaper=true] .project-setup{background:color-mix(in srgb,var(--surface) 94%,transparent)}.export-scrim{isolation:isolate}.export-scrim::backdrop{background:#07080bf0;backdrop-filter:none;-webkit-backdrop-filter:none}.export-scrim>.screen-wallpaper{position:fixed;z-index:-1}.export-scrim>.tutorial-card{position:relative;background:color-mix(in srgb,var(--surface) 93%,transparent)}.home[data-home-wallpaper=true] .home-intro>div:first-child{padding:22px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-radius:5px}.home[data-personalised] :is(.btn,.quick-format,.project-card,.tool-card,.chip,.drawer__close){border-radius:var(--ui-corners)}.home[data-personalised] :is(.btn:not(.btn--primary),.chip:not(.chip--on),.drawer__close){background:color-mix(in srgb,var(--surface-2) var(--ui-fill),transparent);border-color:color-mix(in srgb,var(--line-strong) var(--ui-border),transparent)}.home[data-personalised] .btn--primary{background:var(--ui-accent-fill);color:var(--on-accent)}.home[data-personalised] :is(.btn,.chip,.drawer__close){min-height:var(--ui-target)}.home[data-personalised] .icon{stroke-width:var(--ui-icon-weight)}.home[data-personalised][data-ui-theme=light] .brand-mark{filter:none;mix-blend-mode:multiply}.home[data-personalised][data-ui-theme=dark] .brand-mark{filter:invert(1);mix-blend-mode:screen}.home[data-personalised] .home-bar{background:var(--surface)}.home[data-personalised][data-ui-motion=reduced] :is(button,.frame-art){animation:none;transition:none}.appearance-toggle-error{position:fixed;z-index:110;top:70px;right:16px;max-width:300px;padding:14px;border:1px solid var(--danger);background:var(--surface);color:var(--text);font-size:12px;line-height:1.5}.wp-scene--ftbl{background:linear-gradient(180deg,#030713,#07122a 34%,#0b1d38 52%,#0d2a1e 62%,#0a2416)}.wp-ftbl-stands{position:absolute;left:0;right:0;top:10%;width:100%;height:34%}.wp-ftbl-beam{position:absolute;top:12%;width:calc(var(--wp-max) * .7);height:calc(var(--wp-max) * 1.2);transform-origin:50% 0;opacity:.5;background:linear-gradient(180deg,#f2f7ffcc,#c9dcff33 45%,transparent 80%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);animation:wp-ftbl-sweep calc(9s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}.wp-ftbl-beam[data-side=left]{left:calc(6.25% - var(--wp-max) * .35);--from: -32deg;--to: -6deg}.wp-ftbl-beam[data-side=right]{left:calc(93.75% - var(--wp-max) * .35);--from: 32deg;--to: 6deg;animation-delay:calc(-4.5s * var(--ui-wallpaper-pace, 1))}@keyframes wp-ftbl-sweep{0%{transform:rotate(var(--from));opacity:.32}to{transform:rotate(var(--to));opacity:.58}}.wp-ftbl-flash{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0 35%,#cfe0ff88 55%,transparent 72%);animation-name:wp-ftbl-pop;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1));animation-timing-function:linear}@keyframes wp-ftbl-pop{0%,88%{opacity:0;scale:.6}91%{opacity:1;scale:1.6}96%,to{opacity:0;scale:.8}}.wp-ftbl-pitch{position:absolute;left:0;right:0;bottom:0;width:100%;height:38%}.wp-ftbl-credit{position:absolute;left:0;right:0;top:47%;display:flex;flex-direction:column;align-items:center;gap:.6cqmin;padding:0 6%;text-align:center;color:#f4f7ff;font-family:var(--sans, system-ui, sans-serif);text-shadow:0 2px 14px #000c}.wp-ftbl-kicker{font-size:clamp(5px,1.6cqmin,15px);letter-spacing:.32em;text-transform:uppercase;color:#ffd76a}.wp-ftbl-name{position:relative;font-size:clamp(8px,9cqmin,104px);font-weight:900;letter-spacing:-.02em;line-height:1;font-style:italic}.wp-ftbl-name sup{font-size:.32em;font-style:normal;font-weight:700;vertical-align:super;margin-left:.08em}.wp-ftbl-glow{position:absolute;inset:0;font-style:inherit;color:#ffd76a;text-shadow:0 0 18px #ffd76a,0 0 46px #ffb52e;z-index:-1;opacity:.25;animation:wp-ftbl-glow calc(2.8s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-ftbl-glow{0%{opacity:.2}to{opacity:.85}}.wp-ftbl-line{font-size:clamp(5px,1.9cqmin,18px);color:#dbe6ff;max-width:34em}.wp-ftbl-ball{position:absolute;left:50%;bottom:7%;width:clamp(14px,9cqmin,96px);height:clamp(14px,9cqmin,96px);margin-left:calc(clamp(14px,9cqmin,96px)/-2);animation:wp-ftbl-spin calc(6s * var(--ui-wallpaper-pace, 1)) linear infinite,wp-ftbl-bob calc(1.6s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-ftbl-spin{to{rotate:360deg}}@keyframes wp-ftbl-bob{0%{translate:0 0}to{translate:0 -1.6cqmin}}.wp-ftbl-ball-shadow{position:absolute;left:50%;bottom:5.4%;width:clamp(12px,8cqmin,86px);height:1.4cqmin;margin-left:calc(clamp(12px,8cqmin,86px)/-2);border-radius:50%;background:#0008;animation:wp-ftbl-shadow calc(1.6s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-ftbl-shadow{0%{scale:1;opacity:.8}to{scale:.82;opacity:.5}}.wp-ftbl-board{position:absolute;left:0;right:0;top:66.6%;height:clamp(8px,8.4cqmin,62px);overflow:hidden;background:linear-gradient(180deg,#05070c,#10131c 50%,#05070c);border-block:1px solid #ffffff1f;box-shadow:0 0 24px #ffb52e33}.wp-ftbl-board__run{display:flex;width:max-content;height:100%;animation:wp-ftbl-run calc(28s * var(--ui-wallpaper-pace, 1)) linear infinite}.wp-ftbl-board__run>span{display:flex;flex:none}.wp-ftbl-board b{display:flex;align-items:center;gap:.9em;padding-inline:.9em 1.8em;white-space:nowrap;height:100%;font:800 italic clamp(5px,4.6cqmin,34px)/1 var(--sans, system-ui, sans-serif);letter-spacing:.02em;color:#ffd76a;text-shadow:0 0 8px #ffb52eaa}.wp-ftbl-board b sup{font-size:.45em;font-style:normal;align-self:flex-start;margin:.5em 0 0 -1.7em}.wp-ftbl-board em{font-style:normal;font-weight:700;color:#f2f6ff;text-transform:uppercase;letter-spacing:.06em;font-size:.6em;text-shadow:0 0 6px #9cc2ff88}@keyframes wp-ftbl-run{to{transform:translate(-50%)}}.wallpaper-layer[data-motion=playing] :is(.wp-ftbl-flash,.wp-ftbl-beam,.wp-ftbl-board__run){will-change:transform,opacity}.wp-scene--ftbl{background:radial-gradient(ellipse at 72% 38%,#29494b 0,transparent 48%),linear-gradient(165deg,#071018 7%,#102b31 48%,#071d1b 78%,#030c12)}.wp-ftbl-atmosphere{position:absolute;inset:-8%;opacity:.65;background:radial-gradient(ellipse at 78% 28%,#d0b77744,transparent 35%),radial-gradient(ellipse at 25% 70%,#50b1a329,transparent 40%);animation:wp-ftbl-breathe calc(12s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-ftbl-breathe{to{transform:translate3d(2%,-2%,0) scale(1.06);opacity:.95}}.wp-ftbl-number{position:absolute;right:2%;top:5%;font:900 italic clamp(45px,69cqmin,760px)/.9 "Arial Black",Impact,sans-serif;letter-spacing:-.12em;color:#d3c18a0b;-webkit-text-stroke:1px #d3c18a30;transform:rotate(-8deg)}.wp-ftbl-caption{position:absolute;left:6%;right:6%;top:8%;display:flex;align-items:center;justify-content:space-between;gap:4%;font:600 clamp(4px,1.1cqmin,12px)/1.4 var(--sans);letter-spacing:.2em;color:#d9d4bfaa}.wp-ftbl-caption b{color:#eee0b4;font-weight:700}.wp-ftbl-photograph{position:absolute;inset:-2%;background:linear-gradient(90deg,#05101544,transparent 70%),url(/wallpapers/ftbl-stadium-v2.webp) 75% center / cover no-repeat;animation:wp-ftbl-camera calc(24s * var(--ui-wallpaper-pace, 1)) ease-in-out infinite alternate}@keyframes wp-ftbl-camera{0%{transform:scale(1.01)}to{transform:scale(1.045) translate3d(-.7%,-.4%,0)}}.wp-ftbl-stands{top:17%;height:38%;opacity:.08}.wp-ftbl-beam{top:16%;opacity:.35;background:linear-gradient(180deg,#f7e6b9b3,#b7ddd62e 40%,transparent 83%)}.wp-ftbl-halo{position:absolute;width:49cqmin;height:49cqmin;right:3%;top:25%;border:1px solid #e1c98766;border-radius:50%;box-shadow:0 0 0 2.4cqmin #e1c98706,0 0 0 7cqmin #e1c98704;transform:rotate(-20deg)}.wp-ftbl-halo i{position:absolute;inset:6%;border:1px dashed #c9c4a52e;border-radius:50%;animation:wp-ftbl-orbit calc(45s * var(--ui-wallpaper-pace, 1)) linear infinite}.wp-ftbl-halo i:last-child{inset:-13%;border-style:solid;border-color:#c9c4a51a}.wp-ftbl-signal{position:absolute;left:6%;right:6%;bottom:7%;display:flex;align-items:center;gap:10px;font:600 clamp(5px,1.1cqmin,12px)/1.5 var(--sans);letter-spacing:.18em;color:#e5d6b0}.wp-ftbl-signal b{width:5px;height:5px;border-radius:50%;background:#e8d29c;box-shadow:0 0 10px #e8d29c88}.wp-ftbl-signal span{margin-left:auto;color:#a2bbb0}.ftbl-wordmark{white-space:nowrap}.ftbl-wordmark__dot{display:inline-block;margin-inline:.035em;color:#f5d28b;text-shadow:0 0 8px #f5d28baa,0 0 18px #f5d28b77}.ftbl-wordmark sup{display:inline-block;font-size:.4em;line-height:0;vertical-align:super;font-style:normal;margin-left:.12em;letter-spacing:0}.wp-ftbl-board b .ftbl-wordmark sup{margin:0 0 0 .12em;align-self:auto}@keyframes wp-ftbl-orbit{to{transform:rotate(360deg)}}.wp-ftbl-credit{top:54%;left:6%;right:43%;align-items:flex-start;text-align:left;padding:0;gap:1cqmin}.wp-ftbl-kicker{color:#d9c48c;font-size:clamp(4px,1.2cqmin,13px);letter-spacing:.22em}.wp-ftbl-name{font-size:clamp(9px,7.5cqmin,85px);color:#f4ecd5;font-family:"Arial Black",Impact,var(--sans);letter-spacing:-.07em;white-space:nowrap}.wp-ftbl-glow{color:#d8b86f;text-shadow:0 0 20px #c7ad76aa,0 0 50px #cfb56644}.wp-ftbl-line{font-size:clamp(4px,1.3cqmin,14px);color:#c4d4cf;line-height:1.5}.wp-ftbl-thanks{max-width:29em;font:400 italic clamp(4px,1.5cqmin,16px)/1.5 Georgia,serif;color:#b6c3b5}.wp-ftbl-ember{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#eddb9b;box-shadow:0 0 8px #f4db8e88;animation-name:wp-ftbl-ember;animation-duration:calc(var(--t) * var(--ui-wallpaper-pace, 1));animation-timing-function:linear}@keyframes wp-ftbl-ember{0%{transform:translate3d(0,4cqmin,0) scale(.5);opacity:0}25%,70%{opacity:.5}to{transform:translate3d(var(--drift),-24cqmin,0) scale(.2);opacity:0}}.wp-ftbl-pitch{height:35%;opacity:.07}.wp-ftbl-ball{left:7%;bottom:5%;width:3cqmin;height:3cqmin;margin-left:-1.5cqmin;opacity:.65}.wp-ftbl-ball-shadow{left:7%;bottom:3.4%;width:3cqmin;opacity:.4}.wp-ftbl-board{top:auto;bottom:17%;height:clamp(10px,5.3cqmin,48px);background:#050f14dc;border-block-color:#afc4b12e;box-shadow:0 0 30px #d2bd7c0d;transform:rotate(-2deg) scale(1.04)}.wp-ftbl-board b{font-size:clamp(5px,2.8cqmin,28px);color:#e1cf95;text-shadow:none}.wp-ftbl-board em{color:#a9c8be}.wallpaper-playback-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;font-size:11px;color:var(--text-dim)}.wallpaper-playback-control .link{background:var(--surface)}.ae-shortcut{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:12px;padding:14px;margin-bottom:20px}.ae-shortcut>h3{font-size:22px;letter-spacing:-.04em;margin:10px 0}.ae-shortcut .ae-preset-import{margin-bottom:0}.home[data-wallpaper-kind=ftbl] .frame-art{visibility:hidden}.home[data-wallpaper-kind=ftbl] .home-intro>div:first-child{background:linear-gradient(90deg,#0b131dc4,#0b131d22)}.home[data-wallpaper-kind=ftbl]>.home-wallpaper .wp-ftbl-credit{display:none}.wallpaper-edition{font-size:10px;letter-spacing:.06em}.wallpaper-edition strong{color:var(--text)}.wallpaper-edition sup{font-size:.6em;margin-left:1px}@container (min-width: 300px){.wp-ftbl-kicker{font-size:clamp(9px,1.2cqw,13px)}.wp-ftbl-line{font-size:clamp(9px,1.3cqw,14px)}.wp-ftbl-thanks{font-size:clamp(10px,1.5cqw,16px)}}.cn-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:color-mix(in srgb,var(--text, #fff) 8%,transparent);color:var(--text-dim)}.cn-icon-btn:hover{background:color-mix(in srgb,var(--text, #fff) 15%,transparent)}.cn-pop{position:fixed;z-index:60;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:min(380px,calc(100vw - 32px));overflow:hidden;border-radius:24px;background:var(--surface, #1b1e22);color:var(--text);border:1px solid color-mix(in srgb,var(--accent, #d4f879) 35%,var(--line, #363b42));box-shadow:0 30px 70px -20px #000000a6,0 0 0 1px #ffffff08;animation:cn-in .55s cubic-bezier(.2,.9,.25,1.2) both}.cn-pop.is-leaving{animation:cn-out .26s ease-in both}.cn-pop__close{position:absolute;top:10px;right:10px;z-index:3;background:#00000059;color:#fff}.cn-pop__preview{position:relative;height:178px;overflow:hidden;background:#0d0e12}.cn-pop__frame{position:absolute;inset:0;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.2s ease}.cn-pop__frame.is-on{opacity:1;transform:none}.cn-pop__label{position:absolute;left:12px;bottom:12px;z-index:2;padding:5px 10px;border-radius:999px;font:600 11px/1 var(--mono);letter-spacing:.06em;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cn-label .5s ease both}.cn-pop__swatches{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:6px}.cn-pop__swatches button{width:18px;height:18px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:var(--c);cursor:pointer;transition:transform .2s}.cn-pop__swatches button[aria-pressed=true]{transform:scale(1.3);border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.cn-pop__body{padding:18px 20px 16px}.cn-pop__eyebrow{font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--accent)}.cn-pop__body h2{margin:8px 0 6px;font-size:22px;letter-spacing:-.02em}.cn-pop__body p{margin:0 0 14px;color:var(--text-dim);line-height:1.5}.cn-pop__actions{display:flex;gap:8px;flex-wrap:wrap}.cn-pop__actions .btn{flex:1;min-height:44px;justify-content:center}.cn-pop__never{display:block;margin:10px auto 0;padding:6px;border:0;background:none;color:var(--text-faint);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.cn-mini{position:absolute;inset:0;background:var(--cn-bg);color:var(--cn-text)}.cn-mini__wallpaper{z-index:0}.cn-mini__ui{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:9px;padding:14px 16px}.cn-mini__bar{display:flex;gap:6px}.cn-mini__bar i{width:34px;height:9px;border-radius:5px;background:color-mix(in srgb,var(--cn-text) 22%,transparent)}.cn-mini__bar i:first-child{background:var(--cn-accent)}.cn-mini__title{font-size:19px;font-weight:700;line-height:1.05;letter-spacing:-.02em;text-shadow:0 1px 12px rgba(0,0,0,.25)}.cn-mini__title b{color:var(--cn-accent)}.cn-mini__button{align-self:flex-start;padding:7px 12px;border-radius:999px;background:var(--cn-accent);color:#111;font-size:11px;font-weight:700}.cn-mini__cards{display:flex;gap:7px;margin-top:auto}.cn-mini__cards i{flex:1;height:26px;border-radius:8px;background:color-mix(in srgb,var(--cn-text) 12%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cn-tutorial{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line, #363b42);border-radius:26px;background:var(--surface, #1b1e22);color:var(--text);box-shadow:0 40px 90px -30px #000c}.cn-tutorial[open]{display:flex;animation:cn-in .45s cubic-bezier(.2,.9,.25,1.15) both}.cn-tutorial::backdrop{background:#05060899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cn-tutorial__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px 22px}.cn-tutorial__eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--accent)}.cn-tutorial__steps{display:flex;gap:6px;padding:8px 22px 4px;overflow-x:auto;scrollbar-width:none}.cn-tutorial__steps button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 6px;border-radius:999px;cursor:pointer;border:1px solid var(--line, #363b42);background:none;color:var(--text-dim);font:600 12px/1 var(--sans)}.cn-tutorial__steps button span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface-3, #30353b);font-size:11px}.cn-tutorial__steps button.is-done span{background:color-mix(in srgb,var(--accent) 35%,transparent)}.cn-tutorial__steps button[aria-current=step]{border-color:var(--accent);color:var(--text)}.cn-tutorial__steps button[aria-current=step] span{background:var(--accent);color:var(--on-accent, #202716)}.cn-tutorial__slide{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center;padding:18px 26px;animation:cn-slide .4s ease both}.cn-tutorial__art{position:relative;height:230px;overflow:hidden;display:grid;place-items:center;border-radius:20px;background:radial-gradient(120% 100% at 0% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),var(--surface-2, #24282d)}.cn-tutorial__count{font:700 11px/1 var(--mono);letter-spacing:.12em;color:var(--text-faint)}.cn-tutorial__copy h2{margin:8px 0 12px;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em;line-height:1.1}.cn-tutorial__copy ul{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}.cn-tutorial__copy li{position:relative;padding-left:22px;color:var(--text-dim);line-height:1.5;animation:cn-slide .4s calc(.08s + var(--i) * .07s) ease both}.cn-tutorial__copy li:before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--accent)}.cn-tutorial__copy li b{color:var(--text)}.cn-try{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;cursor:pointer;border:1px dashed var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);font:600 13px/1 var(--sans)}.cn-tutorial__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px 18px;border-top:1px solid var(--line-soft, #292d33)}.cn-tutorial__foot .btn{min-height:44px;min-width:96px;justify-content:center}.cn-tutorial__dots{display:flex;gap:6px}.cn-tutorial__dots i{width:7px;height:7px;border-radius:4px;background:var(--surface-4, #3b4149);transition:width .3s,background .3s}.cn-tutorial__dots i.is-on{width:22px;background:var(--accent)}.cn-art{position:relative;display:grid;place-items:center;gap:10px}.cn-art--settings{width:200px}.cn-art__gear{justify-self:end;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--surface-3, #30353b);animation:cn-wiggle 2.4s ease-in-out infinite}.cn-art__gear .icon{width:22px;height:22px}.cn-art__menu{display:grid;gap:6px;width:100%;padding:10px;border-radius:14px;background:var(--surface, #1b1e22);box-shadow:0 12px 30px -12px #000}.cn-art__menu i{height:26px;border-radius:8px;background:var(--surface-3, #30353b);font:600 12px/26px var(--sans);font-style:normal;padding:0 10px}.cn-art__menu i.is-hot{background:var(--accent);color:var(--on-accent, #202716);animation:cn-glow 1.6s ease-in-out infinite}.cn-art--palette{grid-template-columns:1fr 1fr;gap:10px}.cn-art--palette span{display:grid;place-items:center;gap:6px;width:92px;padding:10px 0;border-radius:14px;background:var(--surface, #1b1e22);font:600 12px/1 var(--sans);animation:cn-pop .5s ease both}.cn-art--palette span:nth-child(2){animation-delay:.08s}.cn-art--palette span:nth-child(3){animation-delay:.16s}.cn-art--palette span:nth-child(4){animation-delay:.24s}.cn-art--palette i{width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 25%,transparent)}.cn-art--wallpapers{grid-template-columns:repeat(3,66px);gap:8px}.cn-art--wallpapers span{position:relative;width:66px;height:120px;overflow:hidden;border-radius:12px;background:#101218;box-shadow:0 10px 22px -12px #000}.cn-art--wallpapers span:nth-child(2){transform:translateY(-14px)}.cn-art--controls{gap:12px}.cn-art--controls span{width:150px;padding:11px 0;text-align:center;background:var(--accent);color:var(--on-accent, #202716);font:700 13px/1 var(--sans);animation:cn-press 2.4s ease-in-out infinite}.cn-art--controls .r0{border-radius:2px}.cn-art--controls .r1{border-radius:10px;animation-delay:.4s}.cn-art--controls .r2{border-radius:999px;animation-delay:.8s}.cn-art--workspace{grid-template-columns:repeat(3,auto);align-items:end;gap:14px}.cn-art--workspace .t1{font-size:18px}.cn-art--workspace .t2{font-size:28px}.cn-art--workspace .t3{font-size:40px;font-weight:700;color:var(--accent)}.cn-art__timeline{grid-column:1 / -1;display:grid;gap:5px;width:200px;padding:8px;border-radius:10px;background:var(--surface, #1b1e22);animation:cn-grow 2.8s ease-in-out infinite}.cn-art__timeline i{height:12px;border-radius:4px;background:var(--anim, #c6a3f5)}.cn-art__timeline i:first-child{width:70%;background:var(--accent)}.cn-art--save span{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--accent);color:var(--on-accent, #202716);animation:cn-pop .6s cubic-bezier(.2,.9,.3,1.6) both,cn-glow 2s 1s ease-in-out infinite}.cn-art--save .icon{width:44px;height:44px}@keyframes cn-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes cn-out{to{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes cn-label{0%{opacity:0;transform:translateY(6px)}}@keyframes cn-slide{0%{opacity:0;transform:translate(14px)}}@keyframes cn-pop{0%{opacity:0;transform:scale(.8)}}@keyframes cn-wiggle{0%,70%,to{transform:rotate(0)}80%{transform:rotate(40deg)}90%{transform:rotate(-10deg)}}@keyframes cn-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent)}}@keyframes cn-press{0%,20%,to{transform:none}10%{transform:scale(.94)}}@keyframes cn-grow{50%{padding-block:16px}}html[data-layout=phone] .cn-pop{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto}html[data-layout=phone] .cn-pop__preview{height:150px}html[data-layout=phone] .cn-tutorial{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0;border:0}html[data-layout=phone] .cn-tutorial__slide{grid-template-columns:1fr;gap:16px;padding:12px 18px;align-content:start}html[data-layout=phone] .cn-tutorial__art{height:170px}html[data-layout=phone] .cn-tutorial__foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion: reduce){.cn-pop,.cn-pop *,.cn-tutorial,.cn-tutorial *{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:1ms!important}}.home[data-ui-motion=reduced] :is(.cn-pop,.cn-pop *){animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.preset-library{min-width:0}.preset-library-controls{min-width:0;border:0;margin:0;padding:0}.ae-batch-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:16px 0 10px}.ae-batch-actions strong{font-size:13px}.ae-batch-actions>span,.ae-batch-item small{color:var(--text-dim);font-size:11px;line-height:1.5}.ae-batch-item{margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.ae-batch-item__head{display:flex;align-items:flex-start;gap:10px}.ae-batch-item__head>input{flex:none;width:18px;height:18px;accent-color:var(--accent)}.ae-batch-item__head>div{min-width:0}.ae-batch-item__head strong,.ae-batch-item small{display:block;overflow-wrap:anywhere}.ae-batch-item__head strong{font-size:13px;margin-bottom:4px}.ae-batch-progress{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.ae-batch-progress>p{flex:1;min-width:0;overflow-wrap:anywhere}.preset-import-card,.preset-library .ae-shortcut{padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2)}.preset-library .ae-preset-import{padding:0;margin:0}.preset-library .ae-preset-import>h3{color:var(--text);font-size:15px;letter-spacing:0;text-transform:none;margin:0 0 6px}.preset-library .ae-preset-drop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;text-align:left;margin:12px 0 8px;border-color:var(--line-strong)}.preset-library .ae-preset-drop p{margin:0;color:var(--text-dim);font-size:12px}.preset-library .ae-preset-drop .btn{width:auto;flex:1;min-width:130px}.preset-import-steps{display:flex;flex-wrap:wrap;gap:6px 14px;padding:0;list-style:none;font-size:11px;color:var(--text-dim)}.preset-import-steps b{color:var(--accent);margin-right:4px}.preset-file-import{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:14px 0;border-bottom:1px solid var(--line)}.preset-file-import span,.preset-sharing-note{color:var(--text-dim);font-size:12px;line-height:1.6}.preset-file-import span{flex:1;min-width:140px}.preset-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.preset-library-heading h3{margin:0;font-size:16px}.preset-library-heading small{color:var(--text-dim);font-weight:400;font-size:11px;margin-left:6px}.preset-groups{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.preset-groups .chip{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:36px}.preset-groups small{margin-left:8px;opacity:.7}.preset-group-tools{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.preset-sharing-note{margin:8px 0 14px}.preset-library .preset-row{gap:10px}.preset-library .preset-row>div{overflow-wrap:anywhere}.preset-library .preset-row>input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.preset-library .preset-row>.link{min-height:36px}.preset-move{background:var(--surface-2);padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px}.preset-move .preset-groups{margin-bottom:0}.preset-message{font-size:13px;line-height:1.6;padding:10px 12px;border-left:2px solid var(--accent);background:var(--surface-2);overflow-wrap:anywhere}.preset-empty{color:var(--text-dim);font-size:13px;line-height:1.7;padding:16px 0}.preset-capture{padding-top:16px;border-top:1px solid var(--line)}.preset-capture>label{flex-basis:100%;color:var(--text-dim);font-size:12px;overflow-wrap:anywhere}html[data-layout=phone] .preset-library :is(input:not([type=checkbox]),.btn){font-size:16px}html[data-layout=phone] .preset-library :is(.chip,.link,.btn){min-height:44px}html[data-layout=phone] .preset-import-card{padding:12px}html[data-layout=phone] .preset-library .ae-preset-drop .btn{flex-basis:100%}.bg-remover{display:grid;gap:8px;margin:4px 0 10px}.bg-remover .empty{padding:0}.bg-remover__warn{margin:0;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1))}.bg-remover__actions{display:flex;flex-wrap:wrap;gap:8px}.bg-remover__progress{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;font-size:calc(11px * var(--fs-scale, 1));color:var(--text-dim)}.bg-remover__progress progress{grid-column:1 / -1;width:100%;height:6px}.bg-remover__brush{display:grid;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bg-remover__brush label{display:flex;align-items:center;gap:10px;font-size:11px}.bg-remover__brush input,.bg-remover__brush select{min-width:0;flex:1}.bg-remover__brush select{background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:6px;border-radius:6px}.roto-overlay__toolbar{position:absolute;z-index:14;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:6px 8px 6px 12px;border-radius:20px;background:#172128ed;color:#fff;white-space:nowrap;font-size:11px}.roto-overlay__toolbar button{background:#dcffb0;color:#122014;border:none;border-radius:14px;padding:6px 12px}.project-file-export,.project-file-import{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.project-file-export__result{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:calc(12px * var(--fs-scale, 1));overflow-wrap:anywhere}.project-file-export--compact{display:contents}.project-file-export [role=alert],.project-file-import [role=alert]{flex-basis:100%;color:var(--text)}.project-file-import>[role]{max-width:280px;font-size:calc(12px * var(--fs-scale, 1));overflow-wrap:anywhere}.project-section__header:has(.project-file-import),.project-controls:has(.project-file-import){flex-wrap:wrap}.project-file-dialog{width:min(460px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);overflow-wrap:anywhere}.project-file-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-file-dialog h2{margin:16px 0 8px}.project-file-dialog p{color:var(--text-dim);font-size:calc(13px * var(--fs-scale, 1));margin-bottom:24px}.project-file-dialog .project-file-export__result{align-items:flex-start;flex-direction:column}.tour{position:fixed;inset:0;z-index:400;pointer-events:none}.tour__spot{position:fixed;border-radius:12px;border:2px solid var(--accent);box-shadow:0 0 0 9999px #04060a8c,0 0 24px #8574e88c;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease}.tour__card{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(440px,calc(100vw - 32px));max-height:46vh;max-height:46dvh;overflow:auto;pointer-events:auto;padding:16px 16px 14px;border-radius:16px;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);box-shadow:0 18px 48px #00000073}.tour__card--top{top:max(16px,env(safe-area-inset-top));bottom:auto}.tour__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.tour__card h2{margin:6px 0;font-size:calc(18px * var(--fs-scale, 1));outline:none}.tour__card p{margin:0 0 8px;color:var(--text-dim);font-size:calc(13px * var(--fs-scale, 1));line-height:1.45}.tour__where{font-size:calc(12px * var(--fs-scale, 1))!important}.tour__where strong{color:var(--text)}.tour__progress{height:3px;border-radius:3px;background:var(--surface-3);margin:10px 0 12px;overflow:hidden}.tour__progress span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.tour__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tour-invite{display:grid;gap:10px}.tour-invite p{margin:0;color:var(--text-dim)}.tour-invite__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (prefers-reduced-motion: reduce){.tour__spot,.tour__progress span{transition:none}}.xp-card{width:min(560px,100%);padding:28px 28px 22px}.xp-card:focus{outline:none}.xp-card .export-title{margin-bottom:6px}.xp-card .export-description{margin-bottom:16px}.xp-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 22px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-soft);font:12px var(--mono);color:var(--text-dim);font-variant-numeric:tabular-nums}.xp-summary strong{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.xp-summary__size{margin-left:auto;color:var(--select)}.xp-form{display:grid;gap:22px;margin-bottom:18px}.step-slider{display:grid;gap:8px}.step-slider.is-disabled{opacity:.5}.step-slider__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.step-slider__head label{font-size:12px;color:var(--text-dim);letter-spacing:.01em}.step-slider__head output{font-size:15px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.step-slider__head output small{margin-left:8px;font:11px var(--mono);font-weight:400;color:var(--text-faint)}.step-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;touch-action:pan-y;cursor:pointer}.step-slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--select) 0 var(--fill),var(--surface-3) var(--fill) 100%)}.step-slider input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:var(--surface-3)}.step-slider input[type=range]::-moz-range-progress{height:6px;border-radius:99px;background:var(--select)}.step-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--text);border:4px solid var(--select);box-shadow:0 2px 10px #0007}.step-slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text);border:4px solid var(--select)}.step-slider input[type=range]:focus-visible{outline:none}.step-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--select) 35%,transparent)}.step-slider__ticks{position:relative;height:24px;margin:-4px 12px 0}.step-slider__tick{position:absolute;top:0;transform:translate(-50%);padding:4px;border:0;background:transparent;color:var(--text-faint);font:11px var(--mono);white-space:nowrap;cursor:pointer}.step-slider__tick:first-child{transform:translate(-16px)}.step-slider__tick:last-child{transform:translate(calc(-100% + 16px))}.step-slider__tick.is-past{color:var(--text-dim)}.step-slider__tick.is-on{color:var(--select);font-weight:600}.step-slider__tick:disabled{opacity:.35;cursor:default}.xp-chips{display:grid;gap:8px}.xp-chips__label{font-size:12px;color:var(--text-dim)}.xp-chips__row{display:flex;flex-wrap:wrap;gap:6px}.xp-chip{min-height:36px;padding:7px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text-dim);font-size:12px;font-weight:500}.xp-chip:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.xp-chip.is-on{border-color:var(--select);color:var(--select);background:color-mix(in srgb,var(--select) 10%,var(--surface-2))}.xp-chip:disabled{opacity:.35;text-decoration:line-through;text-decoration-thickness:1px;cursor:not-allowed}.xp-chips__note{color:var(--text-faint);font-size:11px;line-height:1.45}html[data-pointer=coarse] .xp-chip{min-height:44px;padding:10px 16px;font-size:13px}.xp-switches{display:grid;gap:2px;border-top:1px solid var(--line-soft);padding-top:14px}.xp-switch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;cursor:pointer}.xp-switch input{-webkit-appearance:none;appearance:none;position:relative;width:40px;height:24px;margin:0;border-radius:99px;background:var(--surface-3);border:1px solid var(--line);cursor:pointer;transition:background-color .15s}.xp-switch input:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-faint);transition:transform .15s,background-color .15s}.xp-switch input:checked{background:var(--select);border-color:var(--select)}.xp-switch input:checked:after{transform:translate(16px);background:var(--on-accent)}.xp-switch input:disabled{opacity:.4;cursor:not-allowed}.xp-switch span{display:grid;gap:2px;font-size:13px;color:var(--text)}.xp-switch small{font-size:11px;line-height:1.45;color:var(--text-faint)}.xp-save{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}.xp-save .btn{min-height:46px;padding:0 18px;border-radius:12px}.xp-save__main{flex:1 1 200px;font-weight:600}.xp-save__hint{margin:6px 0 0;font-size:12px;line-height:1.5;color:var(--text-dim)}.xp-stats{margin:14px 0 0;font-size:11px;color:var(--text-faint)}.xp-stats summary{cursor:pointer;color:var(--text-dim)}.xp-stats p{margin:6px 0 0;line-height:1.6;font-family:var(--mono)}html[data-layout=phone] .xp-card{padding:22px 18px 18px;border-radius:20px}html[data-layout=phone] .xp-form{gap:20px}html[data-layout=phone] .xp-summary{gap:2px 10px}@media (prefers-reduced-motion: no-preference){.xp-chip,.step-slider__tick{transition:color .15s,border-color .15s,background-color .15s}}.xp-hardware{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--text-dim);font-size:12px;line-height:1.5}.xp-hardware__fix{color:var(--text)}.speed-tab{max-width:680px;padding:6px 0 20px;display:flex;flex-direction:column;gap:14px}.speed-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.speed-summary__times{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.speed-summary__from{font-size:13px;color:var(--text-dim)}.speed-summary__arrow{font-size:12px;color:var(--text-faint)}.speed-summary__to{font-size:17px;font-weight:650;color:var(--time)}.speed-toggle{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);font-size:12px;font-weight:550;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.speed-toggle:hover:not(:disabled){color:var(--text)}.speed-toggle--on{background:color-mix(in srgb,var(--select) 16%,transparent);border-color:var(--select);color:var(--select)}.speed-toggle--small{padding:5px 11px;font-size:11px}.speed-toggle:disabled{opacity:.35;cursor:default}.speed-set{display:flex;align-items:center;gap:12px}.speed-set__slider{flex:1 1 auto;min-width:0;height:28px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none}.speed-set__slider::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--surface-3)}.speed-set__slider::-moz-range-track{height:4px;border-radius:999px;background:var(--surface-3)}.speed-set__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--text);border:none;box-shadow:0 1px 4px #00000080}.speed-set__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text);border:none}.speed-set__slider:disabled{opacity:.35;cursor:default}.speed-set__value{width:84px;flex:0 0 auto;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 8px;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.speed-set__value:focus{border-color:var(--select);outline:none}.speed-set__value:disabled{opacity:.35}.speed-presets{display:flex;flex-wrap:wrap;gap:6px}.speed-preset{padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer}.speed-preset:hover:not(:disabled){color:var(--text)}.speed-preset--on{background:var(--surface-3);border-color:var(--time);color:var(--time)}.speed-preset:disabled{opacity:.35;cursor:default}.speed-curve{display:flex;flex-direction:column;gap:8px}.speed-curve__bar{display:flex;align-items:center;gap:10px}.speed-curve__title{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.speed-curve__readout{flex:1 1 auto;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speed-curve__readout strong{color:var(--time);font-weight:600}.speed-curve__actions{display:flex;gap:6px;flex:0 0 auto}.speed-action{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);font-size:11px;font-weight:550;white-space:nowrap;cursor:pointer}.speed-action:hover:not(:disabled){color:var(--text);border-color:var(--text-faint)}.speed-action:disabled{opacity:.35;cursor:default}.speed-action--danger:hover{color:var(--danger);border-color:var(--danger)}.speed-graph-wrap{width:100%}.speed-graph{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;touch-action:none}.speed-graph__grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.speed-graph__unity{stroke:var(--text-faint);stroke-width:1}.speed-graph__axis{fill:var(--text-faint);font-size:9px;font-variant-numeric:tabular-nums;pointer-events:none}.speed-graph__axis--unity{fill:var(--text-dim)}.speed-graph__playhead{stroke:var(--select);stroke-width:1.5;pointer-events:none}.speed-graph__curve{fill:none;stroke:var(--time);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.speed-graph__curve--reverse{stroke:var(--select)}.speed-graph__curve--active{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.speed-graph__handle-line{stroke:var(--anim);stroke-width:1.5;stroke-dasharray:3 3;pointer-events:none}.speed-graph__handle{fill:var(--anim);stroke:var(--surface);stroke-width:2;cursor:grab}.speed-graph__handle:active{cursor:grabbing}.speed-graph__point{fill:#fff;stroke:var(--surface);stroke-width:2.5;cursor:grab}.speed-graph__point:active{cursor:grabbing}.speed-graph__point--active{stroke:var(--time)}.speed-graph__point--reverse{fill:var(--select)}.speed-curve__hint{font-size:11px;color:var(--text-faint);line-height:1.6}.speed-shapes{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.speed-shapes__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.speed-shapes__strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.speed-shapes__strip::-webkit-scrollbar{height:6px}.speed-shapes__strip::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}.shape-tile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 5px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.shape-tile:hover{border-color:var(--text-faint)}.shape-tile--on{border-color:var(--select);background:color-mix(in srgb,var(--select) 10%,var(--surface-2))}.shape-tile__thumb{display:block}.shape-tile__grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.shape-tile__curve{fill:none;stroke:var(--text-dim);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.shape-tile--on .shape-tile__curve{stroke:var(--select)}.shape-tile__label{font-size:10px;color:var(--text-dim);white-space:nowrap}.shape-tile--on .shape-tile__label{color:var(--select)}.speed-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.speed-foot__name{font-size:11px;color:var(--text-dim);letter-spacing:.03em}.speed-summary__tag{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--select) 16%,transparent);color:var(--select);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.speed-preset--back.speed-preset--on{border-color:var(--select);color:var(--select)}.speed-prep{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-dim)}.speed-prep--failed{color:var(--danger)}.speed-prep__bar{flex:1 1 auto;height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.speed-prep__fill{display:block;height:100%;background:var(--select);transition:width .2s linear}.speed-prep__pct{font-variant-numeric:tabular-nums}.speed-graph__zero{stroke:var(--text-dim);stroke-width:1.25}.speed-graph__held{fill:var(--text-faint);opacity:.14}.speed-ae{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.speed-ae__switch,.speed-ae__check{display:flex;align-items:center;gap:8px;font-size:13px}.speed-ae__switch span{font-weight:600}.speed-ae__grid{display:grid;gap:8px}.speed-ae__grid select{min-width:0}.speed-ae__length{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.speed-debug summary{cursor:pointer;font-size:13px}.speed-debug__body{display:grid;gap:8px;padding-top:6px;max-height:360px;overflow:auto}.speed-debug__body .speed-action{justify-self:start}.speed-debug__table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}.speed-debug__table caption{text-align:left;color:var(--text-dim);padding:4px 0}.speed-debug__table th,.speed-debug__table td{padding:2px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.speed-debug__table th:first-child,.speed-debug__table td:first-child{text-align:left}.speed-debug__back td{color:var(--select)}.speed-debug__hold td{color:var(--text-faint)}.speed-graph__point--remap{pointer-events:auto;cursor:default;fill:var(--surface);stroke:var(--time);stroke-width:2.5}.speed-graph__point--remap.speed-graph__point--reverse{fill:var(--surface);stroke:var(--select)}:root{color-scheme:dark;--bg: #141619;--surface: #1b1e22;--surface-2: #24282d;--surface-3: #30353b;--surface-4: #3b4149;--line: #363b42;--line-soft: #292d33;--line-strong: #525a64;--text: #f3f4f5;--text-dim: #b8bec7;--text-faint: #939ca8;--select: #d4f879;--brand: #d4f879;--brand-dim: #a6c45f;--anim: #c6a3f5;--time: #e8ffab;--danger: #ff9b8b;--on-accent: #202716;--accent: var(--select);--border: var(--line);--sans: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "Cascadia Code", monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--dock-h: 74px;--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.standalone-status-bar{display:none}html[data-standalone=true]:is([data-platform=ios],[data-platform=ipados]) .standalone-status-bar{display:block;position:fixed;inset:0 0 auto;height:var(--safe-top);background:var(--bg);z-index:1000;pointer-events:none}html[data-standalone=true]:is([data-platform=ios],[data-platform=ipados]) .home{padding-top:var(--safe-top)}html[data-standalone=true]:is([data-platform=ios],[data-platform=ipados]) .project-setup::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,border-color .15s}button:disabled{opacity:.36;cursor:default}:focus-visible{outline:2px solid var(--select);outline-offset:3px}input,select{min-width:0}input[type=range]{accent-color:var(--select);cursor:pointer}input::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}::-webkit-scrollbar-corner{background:var(--surface)}.icon{display:block;flex:none}.eyebrow{font-size:calc(10px * var(--fs-scale, 1));line-height:1.5;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.icon-btn{border:0;border-radius:10px;width:40px;height:40px;flex:none;display:inline-grid;place-items:center;background:transparent;color:var(--text-dim);font-size:calc(18px * var(--fs-scale, 1));padding:0}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn--danger:hover:not(:disabled){color:var(--danger)}.btn{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:calc(13px * var(--fs-scale, 1));font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.btn--primary{background:var(--select);color:var(--on-accent);border-color:var(--select)}.btn--primary:hover:not(:disabled){background:var(--brand-dim);border-color:var(--brand-dim)}.btn--lg{min-height:54px;padding:0 24px;font-size:calc(14px * var(--fs-scale, 1))}.btn--block{width:100%}.btn--danger{color:var(--danger)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:block;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.brand__word{font-size:calc(21px * var(--fs-scale, 1));font-weight:750;letter-spacing:-.055em;text-transform:lowercase}.brand--sm .brand__word{font-size:calc(18px * var(--fs-scale, 1))}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--select)}.home{min-height:100%;overflow-x:clip;background:var(--bg)}.home-header{max-width:1360px;margin:auto;height:100px;padding:0 56px;display:flex;align-items:center;gap:36px}html[data-layout=desktop] .home-header{max-width:min(96vw,1800px)}.home-header__section{border-left:1px solid var(--line);padding-left:30px;font-size:calc(12px * var(--fs-scale, 1));color:var(--text-faint)}.home-header>.icon-btn{margin-left:auto;border:1px solid var(--line)}.home-main{max-width:1248px;padding:0 30px;margin:auto}html[data-layout=desktop] .home-main{max-width:min(96vw,1680px)}.home-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding:52px 24px 58px}.home-intro h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-.062em;font-weight:500;margin:24px 0}.home-intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--select);letter-spacing:-.065em}.home-intro p{color:var(--text-dim);font-size:calc(15px * var(--fs-scale, 1));line-height:1.75;margin:0 0 30px}.frame-art{position:relative;height:360px;width:290px;justify-self:center}.frame-art__back{position:absolute;inset:20px -24px 14px 8px;background:#d6ddc4;transform:rotate(10deg);border-radius:6px;color:#414734}.frame-art__back>span{position:absolute;right:13px;top:30px;writing-mode:vertical-rl;font-size:calc(9px * var(--fs-scale, 1));letter-spacing:.18em}.frame-art__front{position:absolute;inset:0;background:#d2ec99;transform:rotate(-7deg);border:8px solid #e7eccf;border-radius:6px;padding:22px;overflow:hidden;color:#27331b;box-shadow:0 24px 60px #0005}.frame-art__index{font-family:var(--mono);font-size:calc(10px * var(--fs-scale, 1));letter-spacing:.1em}.frame-art__front>strong{position:relative;display:block;font-size:calc(60px * var(--fs-scale, 1));line-height:.94;font-weight:600;letter-spacing:-.075em;margin-top:22px}.frame-art__front em{font-family:Georgia,serif;font-weight:400}.frame-art__orb{position:absolute;right:-80px;top:45px;width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 6px,#70834d70 7px 8px)}.frame-art__foot{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:14px;border-top:1px solid #7c8b6055;font-size:calc(8px * var(--fs-scale, 1));letter-spacing:.13em}.frame-art__caption{position:absolute;bottom:-32px;left:0;width:100%;text-align:center;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint)}.quick-formats{padding:26px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.quick-formats>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.quick-format{display:flex;align-items:center;gap:15px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.quick-format:hover{background:var(--surface-2);border-color:var(--brand-dim)}.quick-format strong,.quick-format small{display:block}.quick-format strong{font-size:calc(13px * var(--fs-scale, 1));font-weight:600}.quick-format small{margin-top:4px;color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1))}.quick-format__icon{width:22px;height:30px;border:1px solid var(--brand-dim);border-radius:4px;flex:none}.quick-format__icon--landscape{width:32px;height:21px}.quick-format__icon--square{width:26px;height:26px}.quick-format__ratio{margin-left:auto;color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));font-family:var(--mono)}.quick-format>.icon{font-size:calc(16px * var(--fs-scale, 1));color:var(--text-faint)}.project-section{padding:34px 24px 24px}.project-section__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.project-section h2{font-size:calc(20px * var(--fs-scale, 1));font-weight:500;letter-spacing:-.04em;margin:0}.project-section h2>span{display:inline-block;vertical-align:middle;margin-left:8px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;font:10px var(--mono);color:var(--text-faint)}.project-controls{display:flex;gap:10px}.search-box,.effect-search{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:0 12px;color:var(--text-faint)}.search-box input,.effect-search input{background:transparent;border:0;outline:0;width:100%;min-width:0;font-size:calc(12px * var(--fs-scale, 1));color:var(--text)}.search-box:focus-within,.effect-search:focus-within{border-color:var(--select)}.sort-select{background:transparent;border:0;font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim);padding:8px}.home-empty{display:flex;align-items:center;gap:20px;padding:30px;border:1px dashed var(--line-strong);border-radius:16px}.home-empty__icon{display:grid;place-items:center;width:52px;height:52px;background:var(--surface-2);border-radius:14px;color:var(--text-faint)}.home-empty h3{margin:0 0 6px;font-size:calc(14px * var(--fs-scale, 1));font-weight:500}.home-empty p{margin:0;font-size:calc(12px * var(--fs-scale, 1));line-height:1.6;color:var(--text-faint)}.home-empty>.icon-btn{margin-left:auto;background:var(--surface-2)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.project-card:hover{border-color:var(--line-strong)}.project-card__open{width:100%;text-align:left;padding:0;background:none;border:0}.project-card__preview{aspect-ratio:16/10;position:relative;overflow:hidden}.project-card__preview>img{width:100%;height:100%;object-fit:cover}.project-card__graphic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:repeating-linear-gradient(135deg,#d4f87908 0 1px,transparent 1px 18px);color:#b7c594}.project-card__graphic>span{font-size:calc(10px * var(--fs-scale, 1));letter-spacing:.1em;text-transform:uppercase}.project-card__ratio,.project-card__duration{position:absolute;bottom:12px;padding:4px 7px;background:#151613cf;border-radius:5px;font:10px var(--mono);color:#dedfd4}.project-card__ratio{left:12px}.project-card__duration{right:12px}.project-card__info{padding:16px 88px 16px 16px}.project-card__info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--fs-scale, 1));font-weight:500}.project-card__info span{display:block;margin-top:5px;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint)}.project-card__actions{position:absolute;bottom:14px;right:8px;display:flex}.project-card__actions .icon-btn{width:36px;height:40px;font-size:calc(14px * var(--fs-scale, 1))}.home-footer{padding:28px 24px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1))}.home-footer .brand{opacity:.5}.project-setup{width:min(540px,calc(100% - 28px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:24px;padding:32px;box-shadow:0 30px 100px #0008}.project-setup::backdrop{background:#090b08bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setup-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.setup-heading h2{font-size:calc(34px * var(--fs-scale, 1));font-weight:500;letter-spacing:-.05em;margin:8px 0 0}.setup-field{display:flex;flex-direction:column;gap:10px;font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim)}.setup-field .field-input,.setup-field .select{min-height:48px}.format-fieldset{border:0;padding:0;margin:24px 0}.format-fieldset legend{font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim);margin-bottom:12px}.format-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format-option{padding:16px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}.format-option.is-selected{background:#d4f8790e;border-color:var(--select);color:var(--select)}.format-option__drawing{height:58px;display:grid;place-items:center;margin-bottom:12px}.format-option__drawing>span{display:block;height:40px;max-width:64px;border:1px solid currentColor;border-radius:4px;background:#d4f87908}.format-option strong,.format-option small{display:block;font-size:calc(12px * var(--fs-scale, 1))}.format-option small{margin-top:6px;color:var(--text-faint);font:10px var(--mono)}.setup-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setup-summary{font-size:calc(11px * var(--fs-scale, 1));line-height:1.7;margin:22px 0;color:var(--text-faint)}.setup-summary span{margin:0 6px}.canvas-format-picker{display:grid;gap:14px}.canvas-format-picker .select{width:100%}.canvas-format-summary{margin:0;font-family:var(--mono);font-size:12px}.canvas-format-summary[role=alert]{color:var(--danger)}.canvas-format-note{color:var(--text-faint);font-size:11px;line-height:1.6}.project-settings-drawer .canvas-format-picker{margin:8px 0 14px}.editor{height:100vh;height:100dvh;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) 270px;overflow:hidden;font-size:calc(13px * var(--fs-scale, 1))}.topbar{grid-column:1/-1;display:flex;align-items:center;padding:0 24px 0 16px;gap:22px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar__brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none}.topbar__brand>.icon{width:24px;height:40px}.topbar__project{text-align:left;background:none;border:0;min-width:0;padding:6px 16px;border-left:1px solid var(--line)}.topbar__project--inside{border-left-color:var(--brand-dim)}.topbar__crumbs{display:inline-flex;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}.topbar__crumb:last-child{color:var(--select)}.topbar__name{font-size:calc(13px * var(--fs-scale, 1));font-weight:600;display:flex;align-items:center;gap:8px;max-width:36vw;overflow:hidden;white-space:nowrap}.topbar__meta{display:block;font:10px var(--mono);color:var(--text-faint);margin-top:4px}.topbar__meta>span{margin:0 6px}.topbar__actions{margin-left:auto;display:flex;gap:4px;align-items:center}.export-button{margin-left:16px;min-height:40px;border-radius:10px}.studio-nav{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 8px;border-right:1px solid var(--line);background:var(--surface)}.studio-nav__item{width:66px;min-height:66px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:var(--text-faint);border-radius:14px}.studio-nav__item>.icon{font-size:calc(23px * var(--fs-scale, 1))}.studio-nav__item>span{font-size:calc(10px * var(--fs-scale, 1));font-weight:500}.studio-nav__item:hover{background:var(--surface-2);color:var(--text)}.studio-nav__item.is-active{background:#d4f87910;color:var(--select)}.studio-nav__add>.icon{padding:6px;box-sizing:content-box;background:var(--select);color:var(--on-accent);border-radius:10px;font-size:calc(23px * var(--fs-scale, 1))}.studio-nav__settings{margin-top:auto}.workspace{min-height:0;min-width:0;grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 360px}.preview-area{display:flex;min-height:0;min-width:0;flex-direction:column}.preview-heading{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px}.preview-format{display:flex;align-items:center;gap:6px;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint);background:none;border:0;padding:8px 0}.toolbar{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--line);padding:3px;border-radius:10px}.toolbar__group{display:flex;gap:2px}.toolbar__group+.toolbar__group{border-left:1px solid var(--line);padding-left:4px}.toolbar__btn{position:relative;width:30px;height:30px;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:var(--text-faint)}.toolbar__btn:hover{background:var(--surface-3)}.toolbar__btn--on{background:var(--surface-3);color:var(--select)}.toolbar__icon{font-size:calc(16px * var(--fs-scale, 1))}.toolbar__label{display:none}.viewport{flex:1;min-height:0;display:grid;padding:12px 24px}.viewport__stage{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.viewport__canvas{display:block;width:100%;height:100%;object-fit:contain}.viewport__canvas--drawing{cursor:crosshair;touch-action:none}.viewport__drag-preview{position:absolute;border:2px dashed var(--select);background:#d4f87920;pointer-events:none;z-index:5}.viewport__pen-overlay{position:absolute;pointer-events:none;z-index:5}.viewport__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:10px;padding:16px}.viewport__empty .brand-mark{width:32px;height:32px;opacity:.3}.viewport__empty h2{font-weight:400;font-size:calc(22px * var(--fs-scale, 1));margin:4px 0;letter-spacing:-.04em}.viewport__empty p{font-size:calc(12px * var(--fs-scale, 1));color:var(--text-faint);margin:0}.viewport__empty-actions{display:flex;gap:8px;margin-top:8px;pointer-events:auto}.viewport__empty-actions .btn{min-height:38px;font-size:calc(11px * var(--fs-scale, 1))}.transport{position:relative;height:58px;flex:none;display:flex;align-items:center;gap:16px;padding:0 20px}.transport__buttons{display:flex;align-items:center;gap:2px}.transport__buttons .icon-btn{width:28px;height:40px;font-size:calc(15px * var(--fs-scale, 1))}.scrubber__play{display:grid;place-items:center;width:36px;height:36px;padding:0;background:var(--text);color:var(--bg);border:0;border-radius:50%;margin:0 6px;font-size:calc(15px * var(--fs-scale, 1))}.scrubber__track{flex:1;height:36px;position:relative;touch-action:none;cursor:ew-resize}.scrubber__rail{position:absolute;left:0;right:0;height:3px;top:17px;background:var(--line);border-radius:2px}.scrubber__fill{position:absolute;left:0;height:3px;background:var(--select)}.scrubber__head{position:absolute;top:12px;height:13px;width:5px;transform:translate(-50%);background:var(--text);border-radius:3px}.scrubber__tick{position:absolute;top:25px;width:5px;height:5px;transform:rotate(45deg);background:var(--anim)}.timecode{font:10px var(--mono);white-space:nowrap}.timecode__total{color:var(--text-faint)}.scrubber__prepare{position:absolute;bottom:100%;left:12px;right:12px;z-index:10;min-height:28px;padding:4px 8px;border:1px solid var(--line);display:flex;gap:4px;align-items:center;background:var(--surface);font-size:calc(10px * var(--fs-scale, 1))}.scrubber__prepare-bar{flex:1;height:3px;background:var(--line);overflow:hidden}.scrubber__prepare-bar>span{display:block;height:100%;background:var(--select)}.panel-slot{position:relative;min-width:0;min-height:0;border-left:1px solid var(--line);background:var(--surface);overflow:hidden}.drawer{display:none;height:100%;flex-direction:column;background:var(--surface);min-height:0}.drawer--open{display:flex}.drawer__grabber{display:none}.drawer__header{display:flex;justify-content:space-between;align-items:center;flex:none;gap:10px;padding:20px 20px 16px;border-bottom:1px solid var(--line-soft)}.drawer__title{display:flex;align-items:center;gap:8px;font-size:calc(18px * var(--fs-scale, 1));font-weight:500;letter-spacing:-.03em;margin:4px 0}.drawer__subtitle{color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));line-height:1.5;margin-top:4px}.drawer__title-input{width:100%;min-width:0;max-width:175px;border:0;border-radius:5px;background:transparent;font-size:calc(14px * var(--fs-scale, 1));padding:4px 0}.drawer__chip{display:none}.drawer__header-actions{display:flex;align-items:center;gap:0}.drawer__header-actions .icon-btn{width:30px;font-size:calc(15px * var(--fs-scale, 1))}.drawer__close{min-height:40px;padding:0 10px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;font-size:calc(11px * var(--fs-scale, 1));color:var(--text-dim)}.drawer__body{overflow:auto;overscroll-behavior:contain;padding:20px;min-height:0;flex:1}.panel-welcome{height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px}.panel-welcome__art{color:var(--select);width:86px;height:86px;margin:28px 0 12px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;transform:rotate(-8deg);background:var(--surface-2)}.panel-welcome h2{font-size:calc(27px * var(--fs-scale, 1));font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:16px 0}.panel-welcome p{color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1));line-height:1.8;margin:0 0 24px}.panel-note{display:flex;align-items:flex-start;gap:8px;color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));line-height:1.7;margin:24px 0 0}.panel-note>.icon{margin-top:3px}.tabs{display:flex;flex:none;gap:4px;padding:10px 14px;border-bottom:1px solid var(--line-soft)}.tab{flex:1;min-height:38px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1))}.tab--active{background:var(--surface-3);color:var(--select)}.group{margin:0 0 24px}.group:last-child{margin-bottom:0}.group__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.group__head>.eyebrow{color:var(--text-dim)}.prop{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:48px}.prop__label{font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim)}.prop--animated .prop__label{color:var(--anim)}.prop__value{width:92px;min-height:38px;font:12px var(--mono);border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surface-2);text-align:right;cursor:ew-resize;touch-action:none}.prop__value:focus{cursor:text}.kf{width:36px;height:40px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center}.kf:hover{background:var(--surface-3)}.kf__diamond{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--text-faint)}.kf--animated .kf__diamond{border-color:var(--anim)}.kf--on .kf__diamond{background:var(--anim);border-color:var(--anim)}.prop__ruler{grid-column:1/-1;height:14px;position:relative;border-top:1px solid var(--line);margin:2px 5px 6px}.prop__key{position:absolute;top:3px;width:7px;height:7px;transform:translate(-50%) rotate(45deg);background:var(--anim)}.prop__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--time)}.select,.field-input{width:100%;min-height:42px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;font-size:calc(12px * var(--fs-scale, 1));color:var(--text)}.field-input__suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1))}.link{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1))}.link--on{color:var(--select);border-color:var(--brand-dim)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{min-height:38px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;font-size:calc(11px * var(--fs-scale, 1))}.chip--on{color:var(--select);border-color:var(--brand-dim)}.empty{color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1));line-height:1.7}.swatches{display:flex;flex-wrap:wrap;gap:10px;padding:5px 0 12px}.swatch{width:34px;height:34px;border-radius:10px;border:2px solid var(--line-strong);padding:0}.swatch--on{outline:2px solid var(--select);outline-offset:2px}.swatch--custom{appearance:none;cursor:pointer}.swatch--custom::-webkit-color-swatch-wrapper{padding:0}.swatch--custom::-webkit-color-swatch{border:0;border-radius:8px}.swatch--eyedropper{display:grid;place-items:center;background:var(--surface-3)}.swatch--none{background:linear-gradient(135deg,transparent 45%,var(--danger) 46% 54%,transparent 55%),var(--surface-2)}.insert-media{width:100%;display:flex;align-items:center;gap:16px;padding:20px;text-align:left;border:1px solid #d4f87955;border-radius:14px;background:#d4f87910;color:var(--select);margin-bottom:18px}.insert-media>span{flex:1}.insert-media strong,.insert-media small{display:block}.insert-media strong{font-size:calc(14px * var(--fs-scale, 1))}.insert-media small{font-size:calc(11px * var(--fs-scale, 1));margin-top:5px;color:var(--text-dim)}.layer-options{display:flex;flex-direction:column;gap:8px}.layer-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface-2);border:1px solid transparent;border-radius:12px;padding:14px 12px}.layer-option:hover{border-color:var(--line-strong);background:var(--surface-3)}.layer-option>span:nth-child(2){flex:1}.layer-option strong,.layer-option small{display:block}.layer-option strong{font-size:calc(13px * var(--fs-scale, 1));font-weight:500}.layer-option small{font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint);margin-top:4px;line-height:1.5}.layer-option__icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#a8cbbf;background:#a8cbbf10}.layer-option--text .layer-option__icon{color:#edc993;background:#edc99310}.layer-option--adjustment .layer-option__icon{color:var(--anim);background:#c6a3f515}.layer-option>.icon{color:var(--text-faint)}.timeline{grid-column:2;grid-row:3;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface);border-top:1px solid var(--line)}.timeline__header{display:flex;align-items:center;justify-content:space-between;padding:6px 18px;height:52px;flex:none;border-bottom:1px solid var(--line-soft)}.timeline__title{font-size:calc(13px * var(--fs-scale, 1));font-weight:600}.timeline__title>span{margin-left:10px;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint);font-weight:400}.timeline__header-right{display:flex;gap:8px;align-items:center}.timeline-zoom{display:flex;align-items:center;gap:8px;color:var(--text-faint)}.timeline-zoom input{width:80px;height:32px}.timeline-add{display:flex;align-items:center;gap:6px;padding:0 12px;min-height:34px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:9px;font-size:calc(11px * var(--fs-scale, 1))}.timeline__scroll{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-x pan-y}.timeline__grid{--track-label-w: 170px;display:flex;flex-direction:column;min-height:100%;min-width:100%;padding-bottom:8px}.timeline__ruler{flex:none;position:sticky;top:0;z-index:8;margin-left:var(--track-label-w);height:30px;background:var(--surface);border-bottom:1px solid var(--line);touch-action:none;cursor:ew-resize}.timeline__tracks{position:relative;flex:1;min-width:0}.timeline__playhead-lanes{position:absolute;inset:0 0 0 var(--track-label-w);pointer-events:none;z-index:4}.timeline__tick{position:absolute;top:0;height:30px;padding:6px 5px;border-left:1px solid var(--line);font-size:calc(9px * var(--fs-scale, 1));color:var(--text-faint)}.timeline__tick:last-of-type{transform:translate(-100%)}.timeline__ruler-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--time);pointer-events:none;z-index:3}.timeline__ruler-playhead:before{content:"";position:absolute;top:0;left:-5px;width:11px;height:13px;background:var(--time);clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.track{display:flex;min-height:48px;border-bottom:1px solid var(--line-soft)}.track--selected{background:#d4f87906}.track--drop-target{box-shadow:inset 0 2px var(--select)}.track__label-wrap{position:sticky;left:0;z-index:6;width:var(--track-label-w);flex:none;display:flex;align-items:center;gap:3px;padding:0 6px;background:var(--surface);border-right:1px solid var(--line)}.track--selected .track__label-wrap{background:var(--surface-3);box-shadow:inset 3px 0 var(--select)}.track__visibility{flex:none;display:grid;place-items:center;width:28px;height:40px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text-dim)}.track__visibility:hover{background:var(--surface-2);color:var(--text)}.track--hidden .track__bar{opacity:.45}.track--hidden .track__visibility{color:var(--text-faint)}.track__handle{width:20px;height:40px;flex:none;padding:0;display:grid;place-items:center;border:0;background:none;color:var(--text-faint);cursor:grab}.track__name{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:44px;padding:0;border:0;background:none;text-align:left;font-size:calc(11px * var(--fs-scale, 1))}.track__name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track__type{color:var(--text-faint);font-size:calc(15px * var(--fs-scale, 1))}.track__delete{width:24px;height:40px;flex:none;padding:0;display:grid;place-items:center;border:0;background:none;color:var(--text-faint)}.track__delete:hover{color:var(--danger)}.track__lane{position:relative;flex:1;min-width:0;height:48px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--line-soft) 0 1px,transparent 1px 12.5%)}.track__bar{position:absolute;top:6px;height:36px;min-width:0;display:flex;align-items:center;border-block:1px solid #a3c5bd60;box-shadow:inset 1px 0 #a3c5bd60,inset -1px 0 #a3c5bd60;border-radius:4px;background:#33554c;overflow:hidden}.track__bar--text{background:#645638;border-color:#e7c98b60}.track__bar--shape,.track__bar--path{background:#3e515c;border-color:#92b8cf60}.track__bar--image{background:#4c5840;border-color:#adcd9860}.track__bar--comp{background:#3f5a52;border-color:#d4f87960}.track__bar--adjustment{background:#66517c;border-color:#c6a3f580}.track--selected .track__bar{outline:2px solid var(--select);outline-offset:-1px}.track__bar-name{padding:0 24px;font-size:calc(10px * var(--fs-scale, 1));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f3f3e9}.track__trim{position:absolute;top:0;bottom:0;width:22px;border:0;background:#0001;padding:0;cursor:ew-resize;z-index:5;touch-action:none}.track__trim:after{content:"";position:absolute;left:9px;top:11px;width:3px;height:13px;border-radius:2px;background:#fff9}.track__trim--in{left:0}.track__trim--out{right:0}.track__trim--active{background:#d4f87966}.track__key{position:absolute;top:32px;width:11px;height:11px;background:var(--anim);border:1px solid var(--surface);border-radius:2px;transform:translate(-50%) rotate(45deg);z-index:5;padding:0}.track__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--time);z-index:4;pointer-events:none}.timeline__empty{display:flex;align-items:center;justify-content:center;gap:14px;min-height:112px;color:var(--text-faint)}.timeline__empty strong{font-size:calc(12px * var(--fs-scale, 1));font-weight:400}.timeline__empty .btn{min-height:36px;font-size:calc(11px * var(--fs-scale, 1))}.timeline-footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px;height:44px;flex:none;border-top:1px solid var(--line)}.timeline-hint{color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1))}.timeline__time{font-size:calc(10px * var(--fs-scale, 1))}.timeline__time-total{color:var(--text-faint)}.timeline-selection{display:flex;align-items:center;gap:4px;min-width:0}.timeline-selection>span{min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(11px * var(--fs-scale, 1));margin-right:8px}.timeline-selection .icon-btn{width:32px;height:40px;font-size:calc(14px * var(--fs-scale, 1))}.rotate-up{transform:rotate(90deg)}.rotate-down{transform:rotate(-90deg)}.rotate-180{transform:rotate(180deg)}.effect-search{margin-bottom:14px}.effect-search__clear{border:0;background:none;padding:8px 0}.effect-results-count{font:10px var(--mono);color:var(--text-faint)}.effect-categories{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding:2px 0 4px}.effect-categories .chip{white-space:nowrap;min-height:32px;padding:4px 10px}.effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.effect-chip{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-align:left;min-height:96px}.effect-chip:hover{border-color:var(--anim);background:var(--surface-3)}.effect-chip__icon{width:34px;height:28px;display:grid;place-items:center;color:var(--anim);background:#c6a3f514;border-radius:6px}.effect-chip__name{font-size:calc(12px * var(--fs-scale, 1))}.effect-chip small{color:var(--text-faint);font-size:calc(9px * var(--fs-scale, 1));text-transform:capitalize}.effect-drag,.effect-enable,.effect-keyframe,.effect-remove{flex:none;display:grid;place-items:center;width:30px;height:36px;border:0;border-radius:6px;background:transparent;padding:0;color:var(--text-faint)}.effect-drag{cursor:grab;width:18px}.effect-enable--on{background:#d4f87914;color:var(--select)}.effect-keyframe--on{color:var(--anim)}.effect-remove:hover{color:var(--danger)}.effect-key-track{position:relative;height:34px;border-top:1px solid var(--line);margin:8px 14px 4px}.effect-key-dot{position:absolute;top:0;width:28px;height:32px;background:transparent;border:0;padding:0;transform:translate(-50%)}.effect-key-dot:after{content:"";position:absolute;width:9px;height:9px;left:9px;top:11px;background:var(--anim);transform:rotate(45deg)}.effect-key-dot--active:after{background:var(--text)}.effect-key-dot{cursor:grab;touch-action:none}.effect-key-dot:active{cursor:grabbing}.effect-key-dot--selected:after{outline:2px solid var(--accent, #d5fa68);outline-offset:1px}.effect-key-dot:focus-visible{outline:2px solid var(--text)}.key-editor{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 5px 6px;padding:6px;border:1px solid var(--line);border-radius:8px}.key-editor label{display:inline-flex;align-items:center;gap:4px;font-size:12px}.key-editor input{width:64px;min-width:0;padding:3px 5px;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit}.effect-parameter .key-editor input{width:68px;height:36px;margin:0}.key-editor .icon-btn{min-width:32px;min-height:36px}.key-editor__delete:hover{color:var(--danger)}.key-editor__error{margin:2px 5px;font-size:12px;color:var(--danger)}.effect-keybar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;font-size:12px}.effect-keybar__count{margin-right:auto;opacity:.75}.effect-keybar__btn{padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:transparent;color:inherit;font-size:12px}.effect-keybar__btn:disabled{opacity:.45}.effect-keybar__fit:not(:disabled){border-color:var(--accent, #d5fa68)}.effect-key-track__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--time);pointer-events:none}.keyframe-actions{display:inline-flex;align-items:center;flex:none;gap:1px}.keyframe-actions .icon-btn{min-width:28px;min-height:36px;padding:4px}.keyframe-actions__toggle{display:flex;gap:4px;width:auto;min-width:62px;padding:4px 6px;font-size:11px}.keyframe-actions__toggle:hover{background:var(--panel-raised, #ffffff0c);color:var(--text)}.prop__ruler--editable{height:auto;overflow:visible;border:0}.prop__ruler--editable .effect-key-track{margin-top:4px}.prop--graphable{grid-template-columns:minmax(0,1fr) auto auto auto}.fill-color{min-width:0;margin:4px 0 12px;padding:8px;border:1px solid var(--line);border-radius:8px}.fill-color__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fill-color__controls .swatches{flex-wrap:wrap}.fill-color__hex{width:84px;padding:8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit}.fill-color__hint{margin:8px 0 0;font-size:12px;color:var(--text-faint)}.fill-color__keys{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fill-color__key{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit;font-size:12px}.fill-color__key span{width:18px;height:18px;border-radius:3px;border:1px solid #ffffff30}.fill-color__key[aria-pressed=true]{border-color:var(--anim)}@media (pointer: coarse){.keyframe-actions button,.key-editor .icon-btn,.fill-color__key{min-height:44px}.keyframe-actions .icon-btn{min-width:32px}.effect-key-track{height:44px}.effect-key-dot{height:42px}.effect-key-dot:after{top:16px}}.effects-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 8px}.effects-empty__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;color:var(--anim);background:var(--surface-2);font-size:calc(24px * var(--fs-scale, 1))}.effects-empty strong{font-size:calc(15px * var(--fs-scale, 1));font-weight:500}.effects-empty>span:last-of-type{font-size:calc(12px * var(--fs-scale, 1));line-height:1.8;color:var(--text-faint)}.media-import-btn{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px 16px;background:#d4f87906;border:1px dashed var(--brand-dim);border-radius:14px;text-align:center;margin-bottom:20px}.media-import-btn__icon{width:42px;height:42px;display:grid;place-items:center;background:var(--select);border-radius:12px;color:var(--bg);font-size:calc(22px * var(--fs-scale, 1))}.media-import-btn strong,.media-import-btn small{display:block}.media-import-btn strong{font-size:calc(14px * var(--fs-scale, 1));font-weight:500}.media-import-btn small{font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint);margin-top:6px}.media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-item{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);text-align:left;overflow:hidden}.media-item:hover{border-color:var(--select)}.media-item__thumb{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#11130f;font-size:calc(24px * var(--fs-scale, 1));color:var(--text-faint)}.media-item__thumb img,.media-item__thumb video{width:100%;height:100%;object-fit:cover}.media-item__text{display:block;padding:12px}.media-item__text strong{display:block;font-size:calc(11px * var(--fs-scale, 1));font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-item__text small{display:block;color:var(--text-faint);font-size:calc(9px * var(--fs-scale, 1));margin-top:5px}.media-filter{display:flex;gap:6px;margin:14px 0}.media-filter .chip{flex:1}.tutorial-scrim{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#080a07bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.tutorial-card{width:min(480px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line-strong);border-radius:24px;background:var(--surface);padding:30px;box-shadow:0 30px 100px #0008}.tutorial-card__head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.tutorial-card__title{font-size:calc(23px * var(--fs-scale, 1));letter-spacing:-.04em;margin-bottom:4px}.tutorial-list{padding-left:22px;color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1));line-height:1.8}.tutorial-list li{padding:0 0 16px 8px}.tutorial-list li::marker{color:var(--select);font-family:var(--mono)}.tutorial-list strong{color:var(--text);font-weight:500}.export-card>.eyebrow{display:block;margin-bottom:16px}.export-title{font-size:calc(32px * var(--fs-scale, 1));font-weight:500;letter-spacing:-.05em;margin:0 0 8px}.export-description{color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1));line-height:1.7;margin:0 0 24px}.export-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.export-field{display:flex;flex-direction:column;gap:8px;font-size:calc(11px * var(--fs-scale, 1));color:var(--text-dim)}.export-field--ai{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.export-field--ai input{width:20px;height:20px;accent-color:var(--accent, #d5fa68)}.export-field--ai small{grid-column:1/-1}.export-dimensions{white-space:normal;overflow-wrap:anywhere}.export-field--row{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.export-summary{font:11px var(--mono);background:var(--surface-2);border-radius:10px;padding:14px;margin:24px 0;line-height:1.7}.export-summary--error{color:var(--danger);white-space:normal;overflow-wrap:anywhere;min-width:0}.editor-drop-status{position:fixed;top:calc(var(--safe-top, 0px) + 64px);left:16px;right:16px;z-index:100;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.editor-drop-status .btn{margin-left:12px}.export-actions{display:flex;justify-content:flex-end;gap:10px}.export-progress{height:6px;background:var(--surface-3);border-radius:4px;overflow:hidden;margin:24px 0}.export-progress__fill{height:100%;background:var(--select)}.export-progress__fill--indeterminate{width:35%;animation:progress 1.5s infinite}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--select);border-radius:50%;animation:spin 1s linear infinite}.home>.settings-drawer.drawer--open{position:fixed;z-index:90;right:16px;top:80px;width:min(380px,calc(100% - 32px));height:min(550px,calc(100vh - 100px));height:min(550px,calc(100dvh - 100px));border:1px solid var(--line-strong);border-radius:20px;box-shadow:0 24px 80px #0008}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{to{transform:translate(300%)}}html:not([data-layout=desktop]) .workspace{grid-template-columns:minmax(0,1fr) 320px}html:not([data-layout=desktop]) .topbar{padding-right:16px}html:not([data-layout=desktop]) .desktop-brand .brand__word{display:none}html:not([data-layout=desktop]) .preview-heading>.eyebrow{display:none}html:not([data-layout=desktop]) .panel-welcome{padding:24px}html:not([data-layout=desktop]) .drawer__header,html:not([data-layout=desktop]) .drawer__body{padding:16px}html:not([data-layout=desktop]) .transport{gap:10px;padding:0 12px}html:not([data-layout=desktop]) .timecode__total{display:none}html:not([data-layout=desktop]) .quick-format{gap:10px;padding:15px}html:not([data-layout=desktop]) .quick-format__ratio{display:none}html:not([data-layout=desktop]) .quick-format>.icon{margin-left:auto}html[data-layout=phone] .home-header{height:80px;padding:0 22px;gap:20px}html[data-layout=phone] .home-header__section{font-size:calc(11px * var(--fs-scale, 1));padding-left:20px}html[data-layout=phone] .home-main{padding:0 20px}html[data-layout=phone] .home-intro{grid-template-columns:1fr;padding:30px 4px 34px;gap:0;position:relative}html[data-layout=phone] .home-intro h1{font-size:clamp(42px,9vw,65px)}html[data-layout=phone] .home-intro p{font-size:calc(13px * var(--fs-scale, 1))}html[data-layout=phone] .frame-art{display:none}html[data-layout=phone] .home-intro:after{content:"";position:absolute;right:-75px;top:30px;width:160px;height:190px;border:1px solid #d4f87924;transform:rotate(14deg);border-radius:16px;pointer-events:none}html[data-layout=phone] .quick-formats{padding:22px 0}html[data-layout=phone] .quick-formats>div{gap:8px}html[data-layout=phone] .quick-format{min-width:0;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 12px}html[data-layout=phone] .quick-format small{font-size:calc(9px * var(--fs-scale, 1));line-height:1.6}html[data-layout=phone] .quick-format strong{font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .quick-format>.icon{display:none}html[data-layout=phone] .quick-format__icon{height:26px;width:18px}html[data-layout=phone] .quick-format__icon--landscape{width:28px;height:18px;margin:4px 0}html[data-layout=phone] .quick-format__icon--square{width:24px;height:24px;margin:1px 0}html[data-layout=phone] .project-section{padding:26px 0}html[data-layout=phone] .project-section__header{flex-wrap:wrap;gap:16px}html[data-layout=phone] .project-controls{width:100%}html[data-layout=phone] .project-controls .search-box{flex:1}html[data-layout=phone] .home-empty{padding:20px 16px;gap:12px}html[data-layout=phone] .home-empty__icon{display:none}html[data-layout=phone] .home-empty h3{font-size:calc(13px * var(--fs-scale, 1))}html[data-layout=phone] .home-empty p{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-layout=phone] .project-card__info{padding:12px 12px 52px}html[data-layout=phone] .project-card__actions{bottom:5px;right:8px}html[data-layout=phone] .project-card__ratio{font-size:calc(8px * var(--fs-scale, 1));left:8px;bottom:8px}html[data-layout=phone] .project-card__duration{font-size:calc(9px * var(--fs-scale, 1));right:8px;bottom:8px}html[data-layout=phone] .home-footer{padding:10px 0 30px;font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .home-footer>span:nth-child(2){display:none}html[data-layout=phone] .home-footer .brand__word{font-size:calc(15px * var(--fs-scale, 1))}html[data-layout=phone] .editor{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(64px + var(--safe-top)) minmax(0,1fr) 226px calc(74px + env(safe-area-inset-bottom))}html[data-layout=phone] .topbar{grid-row:1;gap:8px;padding:var(--safe-top) 12px 0 8px}html[data-layout=phone] .topbar__brand{width:32px;justify-content:center}html[data-layout=phone] .desktop-brand{display:none}html[data-layout=phone] .topbar__project{padding:4px 0;border:0;flex:1}html[data-layout=phone] .topbar__name{font-size:calc(12px * var(--fs-scale, 1));max-width:36vw}html[data-layout=phone] .topbar__meta{font-size:calc(8px * var(--fs-scale, 1))}html[data-layout=phone] .topbar__meta>span{margin:0 2px}html[data-layout=phone] .topbar__actions{gap:0}html[data-layout=phone] .topbar__actions .icon-btn{width:32px;height:44px;font-size:calc(16px * var(--fs-scale, 1))}html[data-layout=phone] .export-button{min-height:38px;margin-left:6px;padding:0 10px;font-size:calc(11px * var(--fs-scale, 1));gap:6px}html[data-layout=phone] .studio-nav{grid-column:1;grid-row:4;flex-direction:row;gap:0;padding:4px 8px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);justify-content:space-around}html[data-layout=phone] .studio-nav__item{flex:1;min-width:0;width:auto;min-height:62px;gap:6px;padding:5px 0;border-radius:10px}html[data-layout=phone] .studio-nav__item>.icon{font-size:calc(21px * var(--fs-scale, 1))}html[data-layout=phone] .studio-nav__item>span{font-size:calc(10px * var(--fs-scale, 1))}html[data-layout=phone] .studio-nav__add>.icon{font-size:calc(20px * var(--fs-scale, 1));padding:4px;border-radius:8px}html[data-layout=phone] .studio-nav__settings{margin-top:0}html[data-layout=phone] .workspace{grid-column:1;grid-row:2;display:flex;flex-direction:column}html[data-layout=phone] .preview-area{flex:1}html[data-layout=phone] .panel-slot{display:none;border-left:0}html[data-layout=phone] .workspace--panel .panel-slot{display:block;flex:0 0 53%;min-height:130px;border-top:1px solid var(--line)}html[data-layout=phone] .workspace--panel .preview-area{min-height:100px}html[data-layout=phone] .preview-heading{height:44px;padding:0 12px}html[data-layout=phone] .toolbar{padding:2px}html[data-layout=phone] .toolbar__btn{width:34px;height:34px}html[data-layout=phone] .preview-format{font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .viewport{padding:4px 12px}html[data-layout=phone] .transport{height:46px;gap:10px;padding:0 12px}html[data-layout=phone] .transport__buttons .icon-btn{width:26px;height:40px}html[data-layout=phone] .scrubber__play{width:32px;height:32px;margin:0 3px}html[data-layout=phone] .timecode{font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .viewport__empty{gap:6px;padding:10px}html[data-layout=phone] .viewport__empty .brand-mark{width:26px;height:26px}html[data-layout=phone] .viewport__empty h2{font-size:calc(19px * var(--fs-scale, 1))}html[data-layout=phone] .viewport__empty p{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .viewport__empty-actions .btn{min-height:38px;padding:0 12px}html[data-layout=phone] .workspace--panel .viewport__empty,html[data-layout=phone] .workspace--panel .preview-heading{display:none}html[data-layout=phone] .drawer__header{padding:8px 14px;min-height:52px}html[data-layout=phone] .drawer__title{font-size:calc(16px * var(--fs-scale, 1));margin:0}html[data-layout=phone] .drawer__subtitle{font-size:calc(10px * var(--fs-scale, 1));margin-top:2px}html[data-layout=phone] .drawer__body{padding:14px}html[data-layout=phone] .drawer__header>.icon-btn{height:36px}html[data-layout=phone] .drawer__header .eyebrow{font-size:calc(8px * var(--fs-scale, 1))}html[data-layout=phone] .drawer__close{min-height:36px}html[data-layout=phone] .tabs{padding:5px 10px}html[data-layout=phone] .tab{min-height:34px;font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .panel-note{margin-top:14px}html[data-layout=phone] .insert-media{padding:14px;margin-bottom:10px}html[data-layout=phone] .layer-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}html[data-layout=phone] .layer-option{padding:12px 10px;gap:8px}html[data-layout=phone] .layer-option__icon{width:28px;height:28px;font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .layer-option>span:nth-child(2){min-width:0}html[data-layout=phone] .layer-option small{display:none}html[data-layout=phone] .layer-option strong{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .layer-option>.icon{font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .layer-option--adjustment{grid-column:1/-1}html[data-layout=phone] .layer-option--adjustment small{display:block}html[data-layout=phone] .timeline{grid-column:1;grid-row:3}html[data-layout=phone] .timeline__header{height:44px;padding:4px 12px}html[data-layout=phone] .timeline__title{font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .timeline__title>span{font-size:calc(9px * var(--fs-scale, 1));margin-left:6px}html[data-layout=phone] .timeline__header-right{gap:4px}html[data-layout=phone] .timeline__header-right>.icon-btn{width:32px;height:36px;font-size:calc(16px * var(--fs-scale, 1))}html[data-layout=phone] .timeline-zoom>.icon{display:none}html[data-layout=phone] .timeline-add{padding:0 8px;min-height:34px}html[data-layout=phone] .timeline__grid{--track-label-w: 112px}html[data-layout=phone] .track__label-wrap{padding:0 4px}html[data-layout=phone] .track__handle{display:none}html[data-layout=phone] .track__name{font-size:calc(10px * var(--fs-scale, 1));gap:5px}html[data-layout=phone] .track__delete{width:20px}html[data-layout=phone] .track__type{font-size:calc(14px * var(--fs-scale, 1))}html[data-layout=phone] .timeline-footer{padding:0 10px;height:44px}html[data-layout=phone] .timeline-hint{font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .timeline-selection>span{max-width:84px;font-size:calc(10px * var(--fs-scale, 1));margin-right:2px}html[data-layout=phone] .timeline-selection{gap:0}html[data-layout=phone] .timeline-selection .icon-btn{width:30px;font-size:calc(14px * var(--fs-scale, 1))}html[data-layout=phone] .timeline__time{font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .timeline__empty{gap:10px;min-height:94px}html[data-layout=phone] .timeline__empty>.icon{display:none}html[data-layout=phone] .timeline__empty strong{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .effect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html[data-layout=phone] .effect-chip{min-height:76px;padding:10px;gap:6px}html[data-layout=phone] .effect-chip__name{font-size:calc(10px * var(--fs-scale, 1))}html[data-layout=phone] .effect-chip__icon{width:26px;height:24px}html[data-layout=phone] .effect-chip small{font-size:calc(8px * var(--fs-scale, 1))}html[data-layout=phone] .media-import-btn{flex-direction:row;padding:14px;gap:12px;margin-bottom:14px;text-align:left}html[data-layout=phone] .media-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html[data-layout=phone] .media-item__text{padding:8px}html[data-layout=phone] .media-item__text strong{font-size:calc(10px * var(--fs-scale, 1))}html[data-layout=phone] .media-item__text small{font-size:calc(8px * var(--fs-scale, 1))}@media (max-width: 380px){html[data-layout=phone] .topbar__actions .icon-btn{width:28px}html[data-layout=phone] .export-button .icon,html[data-layout=phone] .timeline__time-total{display:none}html[data-layout=phone] .timeline-selection>span{max-width:64px}html[data-layout=phone] .home-header__section{display:none}html[data-layout=phone] .project-setup,html[data-layout=phone] .tutorial-card{padding:22px}html[data-layout=phone] .effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height: 700px){html[data-layout=phone] .editor{grid-template-rows:56px minmax(0,1fr) 180px 64px}html[data-layout=phone] .studio-nav__item{min-height:56px}html[data-layout=phone] .workspace--panel .panel-slot{flex-basis:50%;min-height:100px}html[data-layout=phone] .workspace--panel .preview-area{min-height:80px}html[data-layout=phone] .transport{height:40px}html[data-layout=phone] .viewport__empty .brand-mark,html[data-layout=phone] .viewport__empty p{display:none}html[data-layout=phone] .viewport__empty h2{font-size:calc(17px * var(--fs-scale, 1))}html[data-layout=phone] .viewport__empty-actions{margin-top:0}html[data-layout=phone] .preview-heading{height:40px}}@media (max-height: 500px){html:not([data-layout=phone]) .editor{grid-template-rows:56px minmax(0,1fr) 180px}html:not([data-layout=phone]) .viewport__empty{display:none}html:not([data-layout=phone]) .panel-welcome{padding:16px}html:not([data-layout=phone]) .panel-welcome__art,html:not([data-layout=phone]) .panel-welcome .panel-note{display:none}}@media (prefers-reduced-motion: reduce){*:not(.wallpaper-layer,.wallpaper-layer *),*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.media-item__thumb canvas{display:block;width:100%;height:100%;object-fit:cover}html[data-pointer=coarse] .field-input,html[data-pointer=coarse] .select,html[data-pointer=coarse] .prop__value,html[data-pointer=coarse] .search-box input,html[data-pointer=coarse] .effect-search input,html[data-pointer=coarse] .drawer__title-input{font-size:calc(16px * var(--fs-scale, 1))}html[data-pointer=coarse] .kf{width:44px;height:44px}html[data-pointer=coarse] .track__delete{display:none}html[data-pointer=coarse] .track__name{min-height:44px}.effect-card{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin-bottom:12px;overflow:hidden}.effect-card__header{display:flex;align-items:center;gap:6px;padding:10px}.effect-card__title{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;text-align:left;font-size:calc(13px * var(--fs-scale, 1));min-height:36px}.effect-card__title .icon{font-size:calc(11px * var(--fs-scale, 1));color:var(--text-faint)}.effect-card__body{padding:0 14px 6px}.effect-parameter{border-top:1px solid var(--line);padding:8px 0}.effect-parameter__label{display:flex;align-items:center;gap:8px;font-size:calc(11px * var(--fs-scale, 1))}.effect-parameter__label label{flex:1;color:var(--text-dim)}.effect-parameter__label output{color:var(--text)}.effect-parameter input{width:100%;height:30px;margin:0;touch-action:pan-y}.effect-parameter--boolean .effect-parameter__label{min-height:44px}.effect-parameter--boolean input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--select)}.effect-card__order{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:4px;color:var(--text-faint)}.effect-card__order>span{font-size:calc(10px * var(--fs-scale, 1));flex:1}.effect-card__order .icon-btn{font-size:calc(14px * var(--fs-scale, 1))}.effect-chip__icon--color{color:#eac295;background:#eac29515}.effect-chip__icon--blur{color:#adcecc;background:#adcecc15}.effect-chip__icon--lighting{color:#d4f879;background:#d4f87915}.panel-size-toggle{display:none}html[data-layout=phone] .panel-size-toggle{display:inline-grid;width:36px;height:36px;font-size:calc(15px * var(--fs-scale, 1))}html[data-layout=phone] .workspace--expanded .panel-slot{flex-basis:76%;min-height:0}html[data-layout=phone] .workspace--expanded .preview-area{min-height:80px}html[data-layout=phone] .effects-drawer .group__head{margin-bottom:10px}html[data-layout=phone] .effect-card__header{padding:6px 10px}html[data-layout=phone] .effect-card__body{padding-bottom:4px}html[data-layout=phone] .timeline__tick{font-size:calc(8px * var(--fs-scale, 1))}html[data-layout=phone] .timeline__tick:last-of-type{background:var(--surface)}.tutorial-scrim{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;color:var(--text);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.tutorial-scrim::backdrop{background:#080a07bb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip{display:inline-flex;align-items:center;gap:6px}.group__note{font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint);font-family:var(--mono)}html[data-pointer=coarse] .drawer__body,html[data-pointer=coarse] .timeline__scroll,html[data-pointer=coarse] .timeline-rail__layers{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}html[data-layout=phone] .editor{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(54px + var(--safe-top)) minmax(0,1fr) auto calc(var(--dock-h) + env(safe-area-inset-bottom))}html[data-layout=phone]{--dock-h: 58px}html[data-layout=phone] .topbar{gap:6px;padding:var(--safe-top) 10px 0 6px}html[data-layout=phone] .topbar__meta{display:none}html[data-layout=phone] .topbar__name{font-size:calc(13px * var(--fs-scale, 1));max-width:42vw}html[data-layout=phone] .preview-heading{height:46px;gap:8px;padding:0 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}html[data-layout=phone] .preview-heading::-webkit-scrollbar{display:none}html[data-layout=phone] .toolbar{flex:none}html[data-layout=phone] .toolbar__btn{width:38px;height:38px}html[data-layout=phone] .preview-format{flex:none;margin-left:auto}html[data-layout=phone] .viewport{padding:6px 10px}html[data-layout=phone] .panel-slot{display:none;position:fixed;z-index:60;left:0;right:0;bottom:calc(var(--dock-h) + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--line-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -20px 60px #0009;overflow:hidden}html[data-layout=phone] .workspace{--sheet-h: 0px;--rail-h: 54px}html[data-layout=phone] .workspace--panel{--sheet-h: min(calc(52 * var(--dvh, 1vh)), 460px)}html[data-layout=phone] .workspace--panel.workspace--expanded{--sheet-h: min(calc(84 * var(--dvh, 1vh)), 720px)}html[data-layout=phone] .workspace--panel .panel-slot{display:block;height:var(--sheet-h);flex:none;min-height:0}html[data-layout=phone] .workspace--panel .preview-area{min-height:0;padding-bottom:max(0px,calc(var(--sheet-h) - var(--rail-h)))}html[data-layout=phone] .workspace--panel .preview-heading,html[data-layout=phone] .workspace--panel .viewport__empty{display:flex}html[data-layout=phone][data-orientation=portrait] .drawer__grabber{display:block;width:38px;height:4px;margin:8px auto 2px;border-radius:2px;background:var(--line-strong);flex:none}.panel-scrim{position:fixed;inset:0;z-index:55;padding:0;border:0;background:#0b0d0a4d;animation:scrim-in .18s ease}@keyframes scrim-in{0%{opacity:0}}.timeline-rail{grid-column:1;grid-row:3;display:flex;align-items:center;gap:8px;height:54px;padding:0 10px;background:var(--surface);border-top:1px solid var(--line)}.timeline-rail__expand,.timeline-rail__add{flex:none;display:inline-flex;align-items:center;gap:2px;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text-dim);font-size:calc(15px * var(--fs-scale, 1))}.timeline-rail__add{color:var(--on-accent);background:var(--select);border-color:var(--select)}.timeline-rail__layers{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.timeline-rail__layers::-webkit-scrollbar{display:none}.timeline-rail__chip{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:46vw;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1))}.timeline-rail__chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-rail__chip.is-selected{color:var(--select);border-color:var(--brand-dim);background:#d4f87910}.timeline-rail__empty{color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));padding-left:4px}html[data-layout=phone] .timeline{grid-column:1;height:min(46vh,340px);height:min(46dvh,340px)}html[data-layout=phone] .timeline__header{height:46px;padding:6px 10px}html[data-layout=phone] .timeline-zoom input{width:56px}html[data-layout=phone] .timeline__grid{--track-label-w: 116px}html[data-layout=phone] .studio-nav{grid-row:4;padding:2px 4px env(safe-area-inset-bottom)}html[data-layout=phone] .studio-nav__item{min-height:54px;gap:3px;padding:4px 0}html[data-layout=phone] .studio-nav__item>.icon{font-size:calc(20px * var(--fs-scale, 1))}html[data-layout=phone] .studio-nav__item>span{font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone][data-orientation=landscape] .editor{grid-template-columns:calc(64px + env(safe-area-inset-left)) minmax(0,1fr);grid-template-rows:calc(46px + var(--safe-top)) minmax(0,1fr) auto}html[data-layout=phone][data-orientation=landscape] .studio-nav{grid-column:1;grid-row:2 / 4;flex-direction:column;justify-content:center;padding:4px 4px 4px env(safe-area-inset-left);border-top:0;border-right:1px solid var(--line)}html[data-layout=phone][data-orientation=landscape] .workspace,html[data-layout=phone][data-orientation=landscape] .timeline,html[data-layout=phone][data-orientation=landscape] .timeline-rail{grid-column:2}html[data-layout=phone][data-orientation=landscape] .panel-slot{left:auto;right:0;top:calc(46px + var(--safe-top));bottom:0;width:min(56vw,380px);border-radius:0;border-top:0;border-left:1px solid var(--line-strong);box-shadow:-18px 0 50px #0009}html[data-layout=phone][data-orientation=landscape] .workspace--panel .panel-slot{height:auto}html[data-layout=phone][data-orientation=landscape] .workspace--panel .preview-area{padding-bottom:0;padding-right:min(56vw,380px)}html[data-layout=phone][data-orientation=landscape] .timeline-rail{height:48px}html[data-layout=phone][data-orientation=landscape] .preview-heading{height:40px}html[data-layout=tablet] .editor{--timeline-h: calc(34 * var(--dvh, 1vh));grid-template-columns:76px minmax(0,1fr);grid-template-rows:calc(60px + var(--safe-top)) minmax(0,1fr) var(--timeline-h)}html[data-layout=tablet] .topbar{padding:var(--safe-top) 16px 0 12px}html[data-layout=tablet] .workspace{grid-template-columns:minmax(0,1fr) min(38vw,340px)}html[data-layout=tablet][data-orientation=portrait] .workspace{grid-template-columns:minmax(0,1fr)}html[data-layout=tablet][data-orientation=portrait] .panel-slot{display:none;position:fixed;z-index:60;right:0;bottom:var(--timeline-h);top:calc(60px + var(--safe-top));width:min(420px,60vw);border-left:1px solid var(--line-strong);box-shadow:-20px 0 60px #0009}html[data-layout=tablet][data-orientation=portrait] .workspace--panel .panel-slot{display:block}html[data-layout=tablet][data-orientation=portrait] .workspace--panel .preview-area{padding-right:min(420px,60vw)}html[data-layout=tablet] .studio-nav{padding:14px 6px calc(14px + env(safe-area-inset-bottom))}html[data-layout=tablet] .studio-nav__item{width:62px;min-height:62px}html[data-layout=tablet] .toolbar__btn{width:38px;height:38px}html[data-layout=tablet] .timeline__grid{--track-label-w: 148px}html[data-standalone=true] body{user-select:none;-webkit-user-select:none}html[data-standalone=true] input,html[data-standalone=true] textarea,html[data-standalone=true] .drawer__body p,html[data-standalone=true] [contenteditable]{user-select:text;-webkit-user-select:text}html[data-standalone=true] body{overscroll-behavior-y:none}.update-toast{position:fixed;z-index:200;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;max-width:min(460px,calc(100vw - 24px));padding:10px 10px 10px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2);box-shadow:0 18px 50px #000a;animation:toast-in .24s ease}html[data-layout=phone] .update-toast{bottom:calc(var(--dock-h) + 12px + env(safe-area-inset-bottom))}.update-toast>.icon{color:var(--select);font-size:calc(18px * var(--fs-scale, 1))}.update-toast__text{display:flex;flex-direction:column;min-width:0}.update-toast__text>strong{font-size:calc(12px * var(--fs-scale, 1))}.update-toast__text>span{font-size:calc(11px * var(--fs-scale, 1));color:var(--text-faint)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@supports not (height: 100dvh){.editor{height:var(--viewport-h, 100vh)}}.look-chip--subject{--stage: var(--brand)}.look-chip--matte{--stage: #7fb2ff}.look-chip--lens{--stage: #adcecc}.look-chip--camera{--stage: #eac295}.look-chip--post{--stage: var(--anim)}.look-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;margin:10px 0 4px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.look-pipeline__end{font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);padding:0 4px}.look-chip{--stage: var(--text-faint);position:relative;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1));white-space:nowrap;cursor:grab}.look-pipeline__step{display:inline-flex;align-items:center}.look-pipeline__arrow{color:var(--text-faint);font-size:10px;padding:0 3px;-webkit-user-select:none;user-select:none}.look-chip:hover{border-color:var(--line-strong);color:var(--text)}.look-chip--on{border-color:var(--stage);color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--stage)}.look-chip--off{opacity:.5;text-decoration:line-through}.look-chip--idle .look-chip__dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--stage)}.look-chip--add{cursor:pointer;border-style:dashed;color:var(--text-faint)}.look-chip--add.look-chip--on,.look-chip--add:hover{color:var(--select);border-color:var(--brand-dim)}.look-chip__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--stage)}.look-editor__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.look-editor__count{font:10px var(--mono);color:var(--text-faint)}.look-browser{margin:0 0 10px;padding:8px 10px 10px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface)}.look-browser__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 6px;font-size:calc(12px * var(--fs-scale, 1))}.look-browser .effect-search,.look-browser .effect-categories{margin-bottom:8px}.look-browser__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.look-browser__tool{--stage: var(--text-faint);display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);text-align:left}.look-browser__tool:hover{border-color:var(--stage);background:var(--surface-3)}.look-browser__tool-name{display:inline-flex;align-items:center;gap:6px;font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.look-browser__tool small{font-size:calc(10px * var(--fs-scale, 1));line-height:1.4;color:var(--text-faint)}.look-browser__tool em{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--stage)}.look-browser__preset{grid-column:1 / -1;--stage: var(--select)}.look-browser__preset em{text-transform:none;letter-spacing:0;color:var(--text-dim)}.look-browser__note{grid-column:1 / -1;margin:2px 0 0;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint)}.look-tool{--stage: var(--text-faint);margin:0 0 10px;padding:2px 10px 4px;border:1px solid var(--line-soft);border-left:3px solid var(--stage);border-radius:12px;background:var(--surface)}.look-tool--off{border-style:dashed;border-left-style:solid}.look-tool__head{display:flex;align-items:center;gap:8px;padding:8px 0 6px}.look-tool__title{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.look-tool__title strong{display:inline-flex;align-items:center;gap:6px;font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.look-tool__title small{font-size:calc(10px * var(--fs-scale, 1));line-height:1.4;color:var(--text-faint)}.look-tool--off .look-tool__title strong{color:var(--text-dim)}.look-tool__actions{flex:none;display:inline-flex;gap:2px}.look-tool__actions .icon-btn{font-size:calc(13px * var(--fs-scale, 1))}.look-tool__remove:hover{color:var(--danger)}.look-tool__hint{margin:0 0 4px;padding:6px 8px;border-radius:8px;background:var(--surface-2);font-size:calc(10px * var(--fs-scale, 1));color:var(--text-dim)}.look-tool .effect-parameter{border-top-color:var(--line-soft)}.looks__presets{flex-wrap:wrap;overflow:visible;margin:4px 0 8px}.look-editor__empty{margin:4px 0 10px}.look-editor__empty-actions{display:flex;gap:8px;flex-wrap:wrap}.look-color .swatches{padding:4px 0 6px}.look-color input[type=color]{width:34px;height:34px}.look-color__channels{min-height:28px;padding:3px 8px;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint)}.look-color--disabled{opacity:.36;pointer-events:none}.viewport__look-overlay{position:absolute;overflow:visible;pointer-events:none;z-index:6}.look-outline{fill:none;stroke:var(--select);stroke-width:1.5;vector-effect:non-scaling-stroke}.look-outline--inner{stroke-dasharray:5 4;opacity:.8}.look-guide{stroke:var(--select);stroke-width:1;opacity:.45;vector-effect:non-scaling-stroke}.look-guide--dashed{stroke-dasharray:5 4}.look-label{fill:var(--select);font-family:var(--sans);font-weight:600;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:#151613;stroke-width:3px;stroke-linejoin:round;pointer-events:none;-webkit-user-select:none;user-select:none}.look-handle{pointer-events:all;touch-action:none;outline:none}.look-handle__hit{fill:transparent}.look-handle__dot{fill:var(--select);stroke:#151613;stroke-width:2;vector-effect:non-scaling-stroke}.look-handle__cross{fill:none;stroke:#151613;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.look-handle:hover .look-handle__dot,.look-handle:focus-visible .look-handle__dot{fill:#fff}.look-handle:focus-visible .look-handle__hit{stroke:var(--select);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.preset-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.preset-placement{display:flex;align-items:center;gap:8px;font-size:13px}.preset-actions input{min-width:0;flex:1;background:var(--surface);color:inherit;border:1px solid var(--line);border-radius:8px;padding:8px}.preset-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line)}.preset-row>div{flex:1;min-width:100px}.preset-row small{display:block;opacity:.6;margin-top:4px}.ae-preset-drop{border:1px dashed var(--line);border-radius:12px;padding:14px;margin:12px 0;text-align:center}.preset-ae{margin-top:20px}.preset-ae summary{cursor:pointer;padding:10px 0}.track-intro{display:flex;flex-direction:column;gap:14px}.track-intro__actions,.track-actions{display:flex;flex-wrap:wrap;gap:8px}.track-actions .btn{flex:1 1 auto;justify-content:center}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.track-row{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text-dim);font-size:calc(12px * var(--fs-scale, 1));text-align:left}.track-row--on{border-color:var(--brand-dim);color:var(--text)}.track-row--static{cursor:default}.track-row__dot{flex:none;width:8px;height:8px;border-radius:50%;border:1px solid var(--text-faint)}.track-row__dot--good{background:var(--select);border-color:var(--select)}.track-row__dot--ok{background:#f2c55c;border-color:#f2c55c}.track-row__dot--bad{background:var(--danger);border-color:var(--danger)}.track-row__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__status{flex:none;color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));font-family:var(--mono)}.track-name{flex:1 1 auto;min-width:0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text);font-size:calc(13px * var(--fs-scale, 1));font-weight:500;padding:4px 0}.track-name:focus{border-bottom-color:var(--line-strong);outline:none}.track-hint{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));line-height:1.6}.track-hint>.icon{flex:none;margin-top:3px;color:var(--select)}.track-run{display:flex;align-items:center;gap:10px;min-height:44px}.track-run__bar{flex:1 1 auto;height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.track-run__bar>span{display:block;height:100%;background:var(--select);transition:width .15s linear}.track-run__pct{font-family:var(--mono);font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.track-result{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1));line-height:1.5}.track-result--done{border-color:var(--brand-dim);color:var(--text)}.track-result--lost{border-color:#f2c55c;color:var(--text)}.track-result--failed{border-color:var(--danger);color:var(--danger)}.track-axis{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 12px;font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim)}.track-size-readout{font-family:var(--mono);font-size:calc(10px * var(--fs-scale, 1));color:var(--text-faint)}.track-slider{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;font-size:calc(12px * var(--fs-scale, 1));color:var(--text-dim)}.track-slider input{width:100%;min-width:0}.viewport__track-overlay .track-box{fill:none;stroke:var(--select)}.viewport__track-overlay .track-box--search{opacity:.7}.viewport__track-overlay .track-cross{fill:none;stroke:var(--select)}.viewport__track-overlay .track-lever{stroke:var(--select);opacity:.5}.viewport__track-overlay .track-path{fill:none;stroke:var(--select);stroke-linejoin:round;stroke-linecap:round;opacity:.9}.viewport__track-overlay .track-path--weak{stroke:#f2c55c}.viewport__track-overlay--readonly .track-path,.viewport__track-overlay--readonly .track-box,.viewport__track-overlay--readonly .track-cross,.viewport__track-overlay--readonly .track-lever{opacity:.45}.viewport__track-overlay .track-handle{pointer-events:all;touch-action:none;outline:none}.viewport__track-overlay .track-handle__hit{fill:transparent}.viewport__track-overlay .track-handle:focus-visible .track-handle__hit{stroke:var(--select);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.viewport__track-overlay .track-handle__knob{fill:var(--select);stroke:#151613;stroke-width:1.5;vector-effect:non-scaling-stroke}.viewport__track-overlay .track-handle__knob--search{fill:#151613;stroke:var(--select)}.viewport__track-overlay .track-handle:hover .track-handle__knob{fill:#fff}.viewport__track-overlay .track-label{fill:var(--select);font-family:var(--sans);font-weight:600;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:#151613;stroke-linejoin:round;pointer-events:none;-webkit-user-select:none;user-select:none}.viewport__track-overlay .track-box--weak{stroke:#f2c55c}.viewport__track-overlay .track-box--flat{stroke:var(--danger)}.viewport__track-overlay .track-label--weak{fill:#f2c55c;text-transform:none;letter-spacing:0;font-weight:500}.viewport__track-overlay .track-label--flat{fill:var(--danger);text-transform:none;letter-spacing:0;font-weight:500}.track-loupe{position:absolute;z-index:7;border-radius:50%;overflow:hidden;border:2px solid var(--select);box-shadow:0 6px 24px #00000080;pointer-events:none;background:#151613}.track-loupe canvas{display:block}.viewport__track-overlay .track-touch-ring{fill:none;stroke:var(--select);stroke-width:2;filter:drop-shadow(0 1px 1px #000);pointer-events:none}html[data-layout=phone][data-orientation=portrait] .workspace--panel{--sheet-h: min(calc(46 * var(--dvh, 1vh)), 420px)}html[data-layout=phone][data-orientation=portrait] .workspace--panel.workspace--expanded{--sheet-h: min(calc(70 * var(--dvh, 1vh)), 600px)}html[data-layout=phone] .drawer__header,html[data-layout=phone] .drawer__grabber{touch-action:pan-x}html[data-layout=phone] .drawer__body{overscroll-behavior-y:contain}html[data-layout=phone] .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}html[data-layout=phone] .tab{flex:0 0 auto;min-height:44px;padding-inline:16px}html[data-pointer=coarse] .track-slider input,html[data-layout=phone] .timeline-rail__chip,html[data-layout=phone] .timeline-rail__expand,html[data-layout=phone] .timeline-rail__add{min-height:44px}.track-loupe__readout{position:absolute;left:0;right:0;bottom:10px;text-align:center;font:10px var(--mono);color:var(--select);text-shadow:0 0 3px #151613,0 0 3px #151613}.placer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,960px);height:min(100%,860px);margin:auto;overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 30px 80px #0000008c}.placer[data-phone]{width:100%;height:100%;border:0;border-radius:0}.placer__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + var(--safe-top));border-bottom:1px solid var(--line-soft)}.placer__done{min-height:40px;gap:6px}.placer__title{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}.placer__title strong{font-size:calc(14px * var(--fs-scale, 1));font-weight:500;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placer__readout{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:8px;background:#151613cc;font:11px var(--mono);color:var(--text-dim);pointer-events:none}.placer__zoom{display:flex;gap:4px;flex:none;max-width:60%;overflow-x:auto;scrollbar-width:none}.placer__zoom .chip{min-height:34px;padding:0 10px}.placer__stage{position:relative;min-height:0;overflow:hidden;background:#0b0d0a;touch-action:none;cursor:grab;outline:none;user-select:none;-webkit-user-select:none}.placer__stage:active{cursor:grabbing}.placer__stage--locked{cursor:default}.placer__stage:focus-visible{box-shadow:inset 0 0 0 2px var(--select)}.placer__canvas{display:block;width:100%;height:100%}.placer__quality{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100% - 28px);margin:0;padding:7px 12px;border-radius:999px;background:#151613ee;color:var(--select);font-size:calc(11px * var(--fs-scale, 1));font-weight:500;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placer__quality--weak{color:#f2c55c}.placer__quality--flat{color:var(--danger)}.placer__quality--hint{color:var(--text-dim);font-weight:400}.placer__notice{position:absolute;inset:0;display:grid;place-content:center;gap:12px;padding:20px;text-align:center;background:#0b0d0a99;color:var(--text);font-size:calc(13px * var(--fs-scale, 1))}.placer__notice p{margin:0}.placer__notice--quiet{background:none;place-content:end center;padding-bottom:14px;color:var(--select);font-size:calc(11px * var(--fs-scale, 1));pointer-events:none}.placer__panel{display:grid;gap:10px;padding:12px 14px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--surface)}.placer__sliders .track-slider{grid-template-columns:56px minmax(0,1fr) 40px;min-height:36px}.placer__sliders output{font:11px var(--mono);color:var(--text-dim);text-align:right}.placer__points .chip,.placer__mode .chip{flex:1;min-height:38px}.placer__actions .btn{flex:1;min-height:44px}.placer .track-run .btn{min-height:44px}html[data-layout=phone] .placer__bar{padding-inline:12px}html[data-layout=phone] .placer__zoom .chip{min-height:38px;padding:0 9px}html[data-layout=phone] .placer__done{padding-inline:12px}html[data-layout=phone][data-orientation=landscape] .placer{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr)}html[data-layout=phone][data-orientation=landscape] .placer__bar{grid-column:1 / -1}html[data-layout=phone][data-orientation=landscape] .placer__panel{border-top:0;border-left:1px solid var(--line-soft);overflow-y:auto;align-content:start;padding-right:calc(14px + env(safe-area-inset-right))}html[data-layout=phone][data-orientation=landscape] .placer__actions{flex-direction:column}.tutorial-scrim:has(>.placer[data-phone]){padding:0}.track-place{width:100%;min-height:48px;gap:8px;margin-bottom:12px;font-size:calc(13px * var(--fs-scale, 1))}.inspector-hub{display:flex;flex-direction:column;gap:6px}.inspector-hub__row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);text-align:left}.inspector-hub__row:active{background:var(--surface-3)}.inspector-hub__icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--surface-3);color:var(--select);font-size:calc(14px * var(--fs-scale, 1))}.inspector-hub__text{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.inspector-hub__text strong{font-size:calc(13px * var(--fs-scale, 1));font-weight:500}.inspector-hub__text small{color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-hub__status{flex:none;max-width:40%;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--select);font-size:calc(10px * var(--fs-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-hub__chevron{flex:none;color:var(--text-faint);transform:rotate(-90deg)}.drawer__back{flex:none;width:36px;height:36px;margin-left:-6px}.drawer__title--section{flex-direction:column;align-items:flex-start;gap:0;margin:0;min-width:0;line-height:1.2}.drawer__title--section strong{font-weight:500}.drawer__title--section .drawer__subtitle{margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.track__bar--audio{background:#234e49;border-color:#67d7b7}.audio-controls .group{display:grid;gap:14px}.audio-toggle{display:flex;align-items:center;gap:10px;min-height:40px}.audio-control{display:grid;grid-template-columns:54px minmax(60px,1fr) 85px;align-items:center;gap:10px}.audio-control input[type=range]{width:100%;min-width:0;accent-color:var(--accent, #d5fa68)}.audio-number{display:flex;align-items:center;gap:3px;font-size:11px}.audio-number input{width:58px;background:#151713;color:inherit;border:1px solid #45483f;border-radius:6px;padding:8px 4px}.split-action{position:relative;display:inline-flex;flex:none}.split-action__btn.is-unavailable{opacity:.4}.split-action__btn:not(.is-unavailable):active{color:var(--select)}.transport .transport__split{width:28px;height:40px;margin-left:-8px;font-size:calc(15px * var(--fs-scale, 1))}.split-action__label{display:none}.split-action__note{position:absolute;z-index:60;bottom:calc(100% + 8px);left:0;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);box-shadow:0 12px 32px #0009;color:var(--text);font-size:calc(11px * var(--fs-scale, 1));line-height:1.35;white-space:normal;pointer-events:none;animation:toast-in .18s ease}html[data-layout=phone] .transport .transport__split{width:auto;height:36px;margin-left:0;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface-2);color:var(--text)}html[data-layout=phone] .transport .transport__split:not(.is-unavailable){border-color:var(--brand-dim);color:var(--select)}html[data-layout=phone] .split-action__label{display:inline;font-size:calc(12px * var(--fs-scale, 1));font-weight:600}html[data-layout=phone] .split-action__btn.is-unavailable{opacity:.6}.shortcut-reference{margin:8px 0 18px}.shortcut-reference>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border, #333)}.shortcut-reference dt{flex:1}.shortcut-reference dd{margin:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:55%}.shortcut-reference kbd{font:inherit;font-size:.85em;padding:2px 5px;border:1px solid var(--border, #555);border-radius:4px;overflow-wrap:anywhere}#keyboard-shortcuts>input{width:100%;box-sizing:border-box}#keyboard-shortcuts>p{font-size:.85em;line-height:1.5;opacity:.8}.install-card{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.install-card p{margin:6px 0 0;color:var(--text-dim);line-height:1.5}.install-card__actions{display:flex;gap:8px;flex-shrink:0}.ae-preset-import{min-width:0;overflow-wrap:anywhere}.ae-preset-import summary{padding:12px 0;cursor:pointer;line-height:1.5}.ae-preset-import ul{padding-left:20px}html[data-layout=phone] .install-card{align-items:stretch;flex-direction:column}html[data-layout=phone] .install-card__actions{flex-wrap:wrap}html[data-layout=phone] .install-card__actions .btn{flex:1;min-height:44px}html[data-layout=phone] .ae-preset-import .btn{width:100%;min-height:44px;white-space:normal}html[data-layout=phone] .look-tool__head{flex-wrap:wrap}html[data-layout=phone] .look-tool__actions{width:100%;justify-content:flex-end;flex-wrap:wrap}html[data-pointer=coarse] .look-tool__actions .icon-btn{min-width:44px;min-height:44px}html[data-layout=phone] .look-browser__tool{min-height:64px}html[data-layout=phone] .look-color__channels{min-width:0}html[data-layout=phone] .ae-preset-import input,html[data-layout=phone] .look-tool input:not([type=range]):not([type=checkbox]):not([type=color]),html[data-layout=phone] .look-tool select{font-size:16px}.color-range-groups details{border-top:1px solid var(--line-soft)}.color-range-groups summary{min-height:44px;padding:12px 4px;box-sizing:border-box;cursor:pointer;font-weight:600}html[data-pointer=coarse] .topbar__actions [aria-label="Keyboard shortcuts"]{display:none}.effect-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}html[data-layout=phone] .effects-drawer .tabs{padding:6px 12px}html[data-layout=phone] .effects-drawer .tab{min-height:34px}html[data-layout=phone] .effects-drawer .effect-search{min-height:40px;margin-bottom:8px}html[data-layout=phone] .effects-drawer .effect-categories{margin-bottom:8px}html[data-layout=phone] .effects-drawer .effect-categories .chip{min-height:30px}html[data-layout=phone] .effects-drawer .group__head:has(.effect-results-count){margin-bottom:6px;min-height:0}html[data-layout=phone] .effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}html[data-layout=phone] .effect-chip{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;min-height:52px;padding:8px 10px}html[data-layout=phone] .effect-chip__icon{grid-row:1 / span 2;width:28px;height:28px}html[data-layout=phone] .effect-chip__name{font-size:calc(13px * var(--fs-scale, 1));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-layout=phone] .effect-chip small{font-size:calc(10px * var(--fs-scale, 1));line-height:1.2}html[data-layout=phone][data-orientation=portrait] .workspace--panel.workspace--expanded{--sheet-h: min(calc(64 * var(--dvh, 1vh)), 560px)}html[data-layout=phone] .workspace--panel.workspace--expanded .preview-heading{display:none}.param-graph__modes{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.param-graph__mode{padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:transparent;color:inherit;font-size:12px}.param-graph__mode--on{background:var(--surface);color:var(--text);border-color:var(--text-faint)}.param-graph{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);touch-action:none}.param-graph svg{display:block}.param-graph__curve{fill:none;stroke:var(--anim, #8fd3ff);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.param-graph__zero{stroke:var(--text-faint);stroke-width:1;stroke-dasharray:3 4}.param-graph__key{fill:var(--surface);stroke:var(--anim, #8fd3ff);stroke-width:2;cursor:pointer}.param-graph__key--active{fill:var(--anim, #8fd3ff)}.param-graph__playhead{stroke:var(--select);stroke-width:1.5;pointer-events:none}.param-graph__axis{fill:var(--text-faint);font-size:9px;font-variant-numeric:tabular-nums;pointer-events:none}.param-graph__axis--end{text-anchor:end}.track__key{cursor:ew-resize;touch-action:none}.effect-parameter .effect-number__input{width:68px;height:24px;padding:0 6px;text-align:right;color:var(--text);background:var(--surface-2, transparent);border:1px solid var(--border, rgba(255,255,255,.14));border-radius:6px;touch-action:auto}.effect-number{display:inline-flex;align-items:center;gap:3px}.effect-number__unit{color:var(--text-dim)}.export-field--wide{grid-column:1/-1}.export-field__label-row{display:flex;justify-content:space-between;gap:12px}.export-field__label-row output{font:11px var(--mono);color:var(--text)}.export-field--wide input[type=range]{width:100%;min-width:0;accent-color:var(--accent, #d5fa68)}.export-field__scale{display:flex;justify-content:space-between;color:var(--text-faint)}.export-estimate{color:var(--text-dim)}.home-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.credits-page{max-width:1000px;margin:28px auto 60px}.credits-intro{margin-bottom:30px}.credits-intro h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.05em;font-weight:500;margin:14px 0}.credits-intro p,.credits-admin>p,.credits-unlock>p{color:var(--text-dim);line-height:1.7}.credits-creators{display:grid;grid-template-columns:1fr}.credits-testers,.credits-assistants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credits-testers{margin-top:16px}.credits-testers .credit-card h2{font-size:26px}.credits-assistants{margin-top:16px}.credit-card{min-width:0;padding:30px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface)}.credit-card h2{color:var(--select);font-size:clamp(22px,3.5vw,36px);letter-spacing:-.04em;font-weight:500;margin:16px 0 0;overflow-wrap:anywhere}.credits-creators .credit-card h2{font-size:clamp(28px,3.5vw,36px)}.credit-card sup{font-size:.38em;letter-spacing:0;margin-left:4px;vertical-align:super}.credit-card--assistant{padding:24px 30px;border-color:var(--line)}.credit-card--assistant h2{font-size:18px;color:var(--text);margin-top:0}.credit-card p{font-size:12px;color:var(--text-faint);margin-bottom:0}.credits-access{border-top:1px solid var(--line);margin-top:38px;padding-top:20px}.credits-access>summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--text-dim)}.credits-unlock{max-width:420px;display:grid;gap:14px}.credits-unlock p{margin:0}.credits-error{color:var(--danger)}.credits-admin__heading,.credits-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.credits-admin__heading{justify-content:space-between}.credits-admin h2{font-weight:500;font-size:22px}.credit-editor{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);display:grid;gap:16px}.credit-editor legend{padding:0 8px;color:var(--text-dim);font-size:12px}.credits-analytics{margin-top:36px;padding-top:16px;border-top:1px solid var(--line)}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-grid>div{background:var(--surface);border:1px solid var(--line);padding:18px;border-radius:var(--r-md)}.analytics-grid dt{color:var(--text-faint);font-size:12px;line-height:1.6}.analytics-grid dd{font-family:var(--mono);font-size:28px;color:var(--select);margin:12px 0 0}.analytics-types{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px}.analytics-types>div{display:flex;gap:8px}.analytics-types dt{color:var(--text-faint);text-transform:capitalize}.analytics-types dd{margin:0}.credits-analytics>p{font-size:12px;color:var(--text-faint);line-height:1.7}html[data-layout=phone] .credits-creators,html[data-layout=phone] .credits-testers,html[data-layout=phone] .credits-assistants{grid-template-columns:1fr;gap:12px}html[data-layout=phone] .export-form{grid-template-columns:minmax(0,1fr);gap:14px}.export-field{min-width:0}.export-field .select{width:100%}html[data-layout=phone] .credit-card{padding:24px}html[data-layout=phone] .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-layout=phone] .credit-editor .setup-detail-grid{grid-template-columns:1fr}.home-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:9px;background:none;color:var(--text-dim);font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.home-tabs__tab:hover{background:var(--surface-2);color:var(--text)}.home-tabs__tab.is-active{background:var(--surface-3);color:var(--select)}.home-bar,html[data-layout=phone] .home-tabs{display:none}html[data-layout=phone] .home{padding-bottom:calc(78px + env(safe-area-inset-bottom))}html[data-layout=phone] .home-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:6px 20px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#1c1e19f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-bar__item{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:12px;background:none;color:var(--text-dim)}.home-bar__item>.icon{font-size:calc(22px * var(--fs-scale, 1))}.home-bar__item>span{font-size:calc(11px * var(--fs-scale, 1));font-weight:600}.home-bar__item.is-active{color:var(--select)}.home-bar__create{padding:0 22px;color:var(--text)}.home-bar__create>.icon{box-sizing:content-box;padding:8px 14px;border-radius:14px;background:var(--select);color:var(--on-accent)}.quick-tools{padding:26px 24px;border-top:1px solid var(--line-soft)}.quick-tools__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-tools__all{display:inline-flex;align-items:center;gap:6px;min-height:40px}.quick-tools__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}html:not([data-layout=desktop]) .quick-tools__row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}html:not([data-layout=desktop]) .quick-tools__row::-webkit-scrollbar{display:none}html:not([data-layout=desktop]) .quick-tools__row>.tool-card{flex:0 0 min(42vw,170px);scroll-snap-align:start}html[data-layout=phone] .quick-tools{padding:22px 0}html[data-layout=phone] .quick-tools__row{margin:12px -20px 0;padding:0 20px 2px;scroll-padding-left:20px}.tool-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);text-align:left}.tool-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand-dim)}.tool-card__icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid #d4f87929;border-radius:12px;background:#d4f87914;color:var(--select);font-size:calc(22px * var(--fs-scale, 1))}.tool-card--tracking .tool-card__icon{border-color:#c6a3f52e;background:#c6a3f514;color:var(--anim)}.tool-card--time .tool-card__icon{border-color:#8fd3ff2e;background:#8fd3ff14;color:#8fd3ff}.tool-card--frame .tool-card__icon{border-color:#ffc4832e;background:#ffc48314;color:#ffc483}.tool-card__text{min-width:0;display:flex;flex-direction:column;gap:4px}.tool-card__text strong{font-size:calc(14px * var(--fs-scale, 1));font-weight:650}.tool-card__text small{color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));line-height:1.4}.tool-card__description{margin-top:6px;color:var(--text-dim);font-size:calc(12px * var(--fs-scale, 1));line-height:1.55}.tool-card__cta{margin-top:auto;min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.tool-card:hover:not(:disabled) .tool-card__cta{border-color:var(--brand-dim);color:var(--select)}.tools-page{padding:40px 24px 10px}.tools-page__intro h1{margin:18px 0 14px;font-size:clamp(36px,4.6vw,60px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.tools-page__intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--select)}.tools-page__intro p{max-width:560px;margin:0;color:var(--text-dim);font-size:calc(15px * var(--fs-scale, 1));line-height:1.7}.tools-group{margin-top:32px}.tools-group>h2{margin:0 0 12px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.tools-page__note{max-width:640px;margin:32px 0 0;color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1));line-height:1.6}html[data-layout=phone] .tools-page{padding:26px 0 0}html[data-layout=phone] .tools-page__intro h1{font-size:clamp(36px,10vw,52px)}html[data-layout=phone] .tools-page__intro p{font-size:calc(13px * var(--fs-scale, 1))}html[data-layout=phone] .tools-grid{grid-template-columns:minmax(0,1fr);gap:10px}html[data-layout=phone] .tool-card--detailed{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:10px}html[data-layout=phone] .tool-card--detailed .tool-card__cta{grid-column:2;justify-self:start}.tool-status{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%);width:min(440px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-2);box-shadow:0 20px 60px #000a}html[data-layout=phone] .tool-status{bottom:calc(86px + env(safe-area-inset-bottom))}.tool-status__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tool-status__text strong{font-size:calc(13px * var(--fs-scale, 1))}.tool-status__text small{overflow:hidden;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1));text-overflow:ellipsis;white-space:nowrap}.tool-status--error{border-color:#ff9b8b66}.tool-status--error>.icon{flex:none;color:var(--danger)}.tool-status--error .tool-status__text small{white-space:normal}.tool-format{width:min(520px,calc(100vw - 28px))}.tool-format__note{margin:16px 0 0;color:var(--text-faint);font-size:calc(12px * var(--fs-scale, 1))}.tool-guide{flex:none;display:flex;align-items:center;gap:12px;margin:2px 18px 0;padding:10px 8px 10px 12px;border:1px solid #d4f87938;border-radius:14px;background:var(--surface)}.tool-guide__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#d4f87914;color:var(--select);font-size:calc(18px * var(--fs-scale, 1))}.tool-guide--done .tool-guide__icon{background:var(--select);color:var(--on-accent)}.tool-guide__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tool-guide__meta{color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tool-guide__text strong{font-size:calc(13px * var(--fs-scale, 1));font-weight:650}.tool-guide__text small{color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1));line-height:1.4}.tool-guide__actions{flex:none;display:flex;gap:6px}.tool-guide__actions .btn{min-height:38px;padding:0 14px;font-size:calc(12px * var(--fs-scale, 1))}.tool-guide__close{width:34px;height:34px;font-size:calc(14px * var(--fs-scale, 1))}html[data-layout=phone] .tool-guide{gap:8px;margin:2px 10px 0;padding:8px 4px 8px 12px}html[data-layout=phone] .tool-guide__icon,html[data-layout=phone] .tool-guide__secondary{display:none}html[data-layout=phone] .tool-guide__text small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}html[data-layout=phone] .tool-guide__actions .btn{padding:0 12px}html[data-layout=phone] .workspace--panel .tool-guide{padding-top:4px;padding-bottom:4px}html[data-layout=phone] .workspace--panel .tool-guide__meta,html[data-layout=phone] .workspace--panel .tool-guide__text small{display:none}html[data-layout=phone] .workspace--panel .tool-guide__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-layout=phone] .workspace--panel .tool-guide__actions .btn{min-height:34px}@media (max-height: 700px){html[data-layout=phone] .workspace--panel .tool-guide{display:none}}html[data-layout=phone] .studio-nav__item{color:var(--text-dim)}html[data-layout=phone] .studio-nav__item>.icon{font-size:calc(22px * var(--fs-scale, 1))}html[data-layout=phone] .studio-nav__item>span{font-size:calc(11px * var(--fs-scale, 1));font-weight:600}html[data-layout=phone] .studio-nav__item.is-active{color:var(--select)}html[data-layout=phone] .studio-nav__add{color:var(--text)}html[data-layout=phone] .studio-nav__add>.icon{padding:5px 12px;border-radius:12px;font-size:calc(20px * var(--fs-scale, 1))}html[data-layout=phone] .studio-nav,html[data-layout=phone] .topbar{position:relative;z-index:56}html[data-layout=phone] .topbar{background:var(--bg)}html[data-layout=phone] .studio-nav{background:var(--surface)}html[data-layout=phone] .studio-nav--clip{justify-content:flex-start;padding-left:0;padding-right:0}html[data-layout=phone] .studio-nav__back{flex:0 0 58px;border-right:1px solid var(--line);border-radius:0;color:var(--text)}html[data-layout=phone] .studio-nav__scroll{flex:1;min-width:0;display:flex;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}html[data-layout=phone] .studio-nav__scroll::-webkit-scrollbar{display:none}html[data-layout=phone] .studio-nav--clip .studio-nav__scroll .studio-nav__item{flex:0 0 auto;min-width:62px;padding:4px 8px}html[data-layout=phone] .studio-nav--clip .split-action{flex:none}html[data-layout=phone] .studio-nav--clip .split-action__btn:not(.is-unavailable){color:var(--text)}html[data-layout=phone] .studio-nav__danger>.icon{color:var(--danger)}html[data-layout=phone][data-orientation=portrait] .transport{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"track track time" ". buttons split";align-items:center;column-gap:8px;row-gap:0;padding:0 12px 4px}html[data-layout=phone][data-orientation=portrait] .transport>.scrubber__track{grid-area:track;height:26px}html[data-layout=phone][data-orientation=portrait] .scrubber__rail{top:12px}html[data-layout=phone][data-orientation=portrait] .scrubber__head{top:7px}html[data-layout=phone][data-orientation=portrait] .scrubber__tick{top:18px}html[data-layout=phone][data-orientation=portrait] .transport>.timecode{grid-area:time;justify-self:end}html[data-layout=phone][data-orientation=portrait] .transport>.transport__buttons{grid-area:buttons;gap:2px}html[data-layout=phone][data-orientation=portrait] .transport__buttons .icon-btn{width:34px;height:40px;font-size:calc(16px * var(--fs-scale, 1))}html[data-layout=phone][data-orientation=portrait] .scrubber__play{width:38px;height:38px;margin:0 4px}html[data-layout=phone][data-orientation=portrait] .transport .transport__split{height:34px}html[data-layout=phone][data-orientation=portrait] .transport>.split-action{grid-area:split;justify-self:end}@media (max-width: 359px){html[data-layout=phone][data-orientation=portrait] .transport__buttons .icon-btn{width:28px}html[data-layout=phone][data-orientation=portrait] .transport .split-action__label{display:none}}.admin-page{max-width:1000px;margin:28px auto 60px}.admin-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.admin-page__header h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.05em;font-weight:500;margin:14px 0 0}.admin-page__actions{display:flex;gap:10px}.admin-unlock{max-width:420px;display:grid;gap:14px}.admin-unlock p{margin:0;color:var(--text-dim);line-height:1.7}.admin-dashboard{display:grid;gap:16px}.admin-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.admin-card h2{font-weight:500;font-size:22px;margin:0 0 16px}.admin-card .analytics-grid>div{background:var(--surface-2)}.admin-muted{color:var(--text-faint);font-size:12px;line-height:1.6}.admin-warning{margin:0;padding:14px 18px;border:1px solid var(--danger);border-radius:var(--r-md);color:var(--text);line-height:1.6}.admin-warning code{font-family:var(--mono)}.admin-live{border-color:var(--line-strong)}.admin-live .eyebrow{display:inline-flex;align-items:center;gap:8px}.admin-live__count{font-family:var(--mono);font-size:clamp(56px,12vw,104px);line-height:1;color:var(--select);margin:18px 0 6px}.admin-live>p{margin:0 0 14px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.admin-chips>div{display:flex;gap:8px;align-items:baseline;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2)}.admin-chips dt{color:var(--text-faint);font-size:12px}.admin-chips dd{margin:0;font-family:var(--mono);color:var(--text)}.admin-chart{margin:22px 0 8px}.admin-chart figcaption{color:var(--text-dim);font-size:12px;margin-bottom:10px}.admin-chart__bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding:8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.admin-chart__bar{flex:1 1 0;min-width:2px;border-radius:3px 3px 0 0;background:var(--select);opacity:.85}.admin-chart__bar:last-child{opacity:1}.admin-chart__axis{display:flex;justify-content:space-between;color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:6px}.admin-devices__bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-3);margin-top:18px}.admin-devices__phone{background:var(--select)}.admin-devices__tablet{background:#8fb6ff}.admin-devices__desktop{background:var(--text-dim)}.credits-admin-link{margin-top:28px;text-align:right}html[data-layout=phone] .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-layout=phone] .admin-card{padding:18px}html[data-layout=phone] .home-footer{flex-wrap:wrap;gap:10px 14px}.timeline-beat{display:flex;align-items:center;gap:6px;padding:0 12px;min-height:40px;background:transparent;border:1px solid transparent;border-radius:50%;font-size:calc(11px * var(--fs-scale, 1));color:var(--text-faint)}.timeline-beat:hover{background:var(--surface-2);color:var(--text)}.timeline-beat.is-on{border-color:#f2a93b;color:#f2a93b}.timeline-beat--compact{padding:0;width:40px;justify-content:center;flex:none}.timeline__marker{position:absolute;bottom:0;width:13px;height:15px;margin-left:-6px;padding:0;border:0;background:#f2a93b;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);cursor:grab;z-index:4;touch-action:none}.timeline__marker:focus-visible{outline:2px solid var(--select);outline-offset:2px}.track__marker{position:absolute;top:0;bottom:0;width:1px;background:#f2a93b55;pointer-events:none;z-index:1}.track__snap{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--select);pointer-events:none;z-index:6}.track__bar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}.track__bar--lifted{cursor:grabbing;box-shadow:0 8px 22px #0009,0 0 0 2px var(--select);transform:translateY(-2px);z-index:7}:root[data-theme=light]{color-scheme:light;--bg: #f3f4f6;--surface: #ffffff;--surface-2: #eceff2;--surface-3: #e0e4e9;--surface-4: #d2d8df;--line: #cbd1d9;--line-soft: #e3e7ec;--line-strong: #a5afbc;--text: #20252b;--text-dim: #505b68;--text-faint: #626e7d;--select: #456610;--brand: #456610;--brand-dim: #344f09;--anim: #7551ac;--time: #456610;--danger: #b13d2b;--on-accent: #ffffff}:root[data-accent=blue]{--select: #9dceff;--brand: #9dceff;--brand-dim: #82b9f0;--time: #c1dfff}:root[data-accent=violet]{--select: #d2b4ff;--brand: #d2b4ff;--brand-dim: #b898ea;--time: #e4d2ff}:root[data-accent=rose]{--select: #ffb3c6;--brand: #ffb3c6;--brand-dim: #ec93ab;--time: #ffd1dc}:root[data-theme=light][data-accent=blue]{--select: #225d99;--brand: #225d99;--brand-dim: #184775;--time: #225d99}:root[data-theme=light][data-accent=violet]{--select: #7342aa;--brand: #7342aa;--brand-dim: #583084;--time: #7342aa}:root[data-theme=light][data-accent=rose]{--select: #ab3559;--brand: #ab3559;--brand-dim: #842440;--time: #ab3559}.home-header__actions{display:flex;gap:4px;margin-left:auto;flex:none}.home-header__actions .icon-btn{border:1px solid var(--line)}.appearance-fields{border:0;padding:0;margin:0;display:grid;gap:18px;min-width:0}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diagnostics-grid div{min-width:0}.diagnostics-grid dt{color:var(--text-faint);font-size:12px}.diagnostics-grid dd{margin:5px 0 0;overflow-wrap:anywhere}.timeline-length{display:flex;flex:none;position:relative;gap:0}.timeline-length button{min-height:36px;font-size:11px}.timeline-length__add,.timeline-length__more{border:1px solid var(--line);padding:0 10px;background:var(--surface-2);color:var(--text-dim)}.timeline-length__add{border-radius:8px 0 0 8px;color:var(--select)}.timeline-length__more{border-left:0;border-radius:0 8px 8px 0}.timeline-length__form{position:absolute;bottom:44px;right:0;z-index:20;width:min(300px,calc(100vw - 32px));padding:16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 10px 36px #0003}.timeline-length__form label{display:grid;gap:8px;font-size:12px}.timeline-length__form p{color:var(--text-dim);font-size:12px;line-height:1.5}.timeline-footer{gap:10px}.timeline-footer .timeline-hint{flex:1;min-width:0}.timeline-footer .timeline__time{flex:none}.timeline-rail__add,.home-bar__item--new,.media-import-btn,.export-start{color:var(--on-accent)}html[data-layout=phone] .timeline-footer .timeline-hint{display:none}html[data-layout=phone] .timeline-footer{flex-wrap:wrap;height:auto;min-height:48px;padding-top:6px;padding-bottom:6px}html[data-layout=phone] .timeline-footer .timeline-selection{flex:1 1 100%}html[data-layout=phone] .timeline-length{margin-right:auto}html[data-layout=phone] .timeline-length__form{left:0;right:auto}:root[data-theme=light] .home-bar{background:#fffffff2}:root[data-theme=light] .track--selected .track__label-wrap{background:var(--surface-3)}:root[data-theme=light] .track__bar{background:#c9e4da;border-color:#82ada0}:root[data-theme=light] .track__bar--text{background:#eee1c6;border-color:#c3aa74}:root[data-theme=light] :is(.track__bar--shape,.track__bar--path){background:#d6e4ef;border-color:#91aec3}:root[data-theme=light] .track__bar--image{background:#dce7cb;border-color:#9eaf7d}:root[data-theme=light] .track__bar--audio{background:#c5e7df;border-color:#80ad9f}:root[data-theme=light] .track__bar--comp{background:#cee4dc}:root[data-theme=light] .track__bar--adjustment{background:#e3d8ef;border-color:#a58cbd}:root[data-theme=light] .track__bar-name{color:var(--text)}:root[data-theme=light] .track__trim:after{background:#34404eb3}:root[data-theme=light] .audio-number input{background:var(--surface-2);border-color:var(--line)}:root[data-theme=light] .shortcut-reference kbd{border-color:var(--line-strong)}:root[data-theme=light] .project-card__graphic{color:var(--text-dim)}:root[data-theme=light] .media-item__thumb{background:var(--surface-2)}:root[data-theme=light] .brand-mark{filter:none;mix-blend-mode:multiply}:root{--dvh: 1vh}@supports (height: 1dvh){:root{--dvh: 1dvh}}.scrubber__prepare-stop{display:grid;place-items:center;flex:none;width:28px;height:28px;margin:-4px -6px -4px 0;border:0;background:transparent;color:var(--text-dim);cursor:pointer;touch-action:manipulation}.scrubber__prepare-stop:hover{color:var(--text)}.preview-area{container-type:inline-size;container-name:preview;position:relative}@container preview (max-width: 520px){.transport__jump,.transport .transport__split{display:none}.transport{gap:6px;padding:0 8px}.transport .timecode__total{display:none}}@container preview (max-width: 360px){.transport{flex-wrap:wrap;height:auto;row-gap:0;padding-top:4px;justify-content:center}.transport>.scrubber__track{order:-1;flex:1 0 100%;height:30px}.transport .scrubber__rail{top:13px}.transport .scrubber__head{top:8px}.transport .scrubber__tick{top:20px}}.transport__focus{flex:none;width:32px;height:40px;font-size:calc(15px * var(--fs-scale, 1));color:var(--text-dim)}.tool-pill{position:absolute;z-index:12;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 16px);padding:5px 5px 5px 12px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);box-shadow:0 10px 30px #0008;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:tool-pill-in .16s ease}@keyframes tool-pill-in{0%{opacity:0;transform:translate(-50%,-6px)}}.tool-pill__icon{display:grid;color:var(--select);font-size:calc(16px * var(--fs-scale, 1))}.tool-pill__text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.tool-pill__text strong{font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.tool-pill__text small{color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-pill__btn{flex:none;min-height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-3);color:var(--text);font-size:calc(11px * var(--fs-scale, 1));font-weight:600}.tool-pill__btn--primary{border-color:var(--select);background:var(--select);color:var(--on-accent)}html[data-pointer=coarse] .tool-pill__btn{min-height:40px;padding:0 14px}.add-sheet{display:flex;flex-direction:column;gap:16px}.add-sheet__media{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 14px 10px 10px;border:1px solid color-mix(in srgb,var(--select) 45%,transparent);border-radius:14px;background:color-mix(in srgb,var(--select) 8%,transparent);color:var(--text);text-align:left}.add-sheet__media-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--select);color:var(--on-accent);font-size:calc(18px * var(--fs-scale, 1))}.add-sheet__media-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}.add-sheet__media-text strong{font-size:calc(13px * var(--fs-scale, 1));font-weight:600}.add-sheet__media-text small{color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1))}.add-sheet__media>.icon{color:var(--select)}.add-sheet__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.add-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:84px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);text-align:left}.add-tile:hover{border-color:var(--line-strong)}.add-tile:active{background:var(--surface-3)}.add-tile__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-3);font-size:calc(16px * var(--fs-scale, 1))}.add-tile--text .add-tile__icon{color:#e7c98b;background:#e7c98b1c}.add-tile--shape .add-tile__icon,.add-tile--ellipse .add-tile__icon{color:#92b8cf;background:#92b8cf1c}.add-tile--adjustment .add-tile__icon{color:#c6a3f5;background:#c6a3f51c}.add-tile strong{font-size:calc(12px * var(--fs-scale, 1));font-weight:600}.add-tile small{color:var(--text-faint);font-size:calc(10px * var(--fs-scale, 1));line-height:1.35}.add-sheet__draw{display:flex;flex-direction:column;gap:8px}.add-sheet__draw-tools{display:flex;gap:8px}.add-draw{display:flex;flex:1;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;padding:0 8px;border:1px dashed var(--line-strong);border-radius:10px;background:none;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1));white-space:nowrap}.add-draw:hover{color:var(--text);border-style:solid}html[data-pointer=coarse] .add-draw{min-height:44px}.disclosure{border-top:1px solid var(--line-soft);padding-top:4px}.disclosure__toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;border:0;background:none;color:var(--text-dim);text-align:left}.disclosure__toggle>.eyebrow{color:var(--text-dim)}.disclosure__summary{flex:1;min-width:0;color:var(--text-faint);font-size:calc(11px * var(--fs-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disclosure__chevron{flex:none;margin-left:auto;font-size:calc(16px * var(--fs-scale, 1));color:var(--text-faint);transition:transform .15s ease}.disclosure--open .disclosure__chevron{transform:rotate(180deg)}.disclosure__body{padding-top:8px}.frame-quick{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.frame-quick>.eyebrow{color:var(--text-dim)}.segmented{display:inline-flex;padding:3px;gap:3px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.segmented__btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:0;border-radius:8px;background:none;color:var(--text);font-size:calc(12px * var(--fs-scale, 1));font-weight:500}.segmented__btn:hover{background:var(--surface-3)}.segmented__btn:active{background:var(--surface-4)}html[data-pointer=coarse] .segmented__btn{min-height:40px}.media-import-btn{color:var(--text)}html[data-pointer=coarse] .media-import-btn small,.preview-focus-shield{display:none}html[data-pointer=coarse] .timeline__header .icon-btn,html[data-pointer=coarse] .timeline-selection .icon-btn,html[data-pointer=coarse] .drawer__header-actions .icon-btn{width:42px;height:42px}html[data-pointer=coarse] .timeline-add,html[data-pointer=coarse] .timeline-beat{min-height:42px}html[data-pointer=coarse] .timeline__ruler,html[data-pointer=coarse] .timeline__tick{height:34px}html[data-pointer=coarse] .track{min-height:52px}html[data-pointer=coarse] .track__lane{height:52px}html[data-pointer=coarse] .track__bar{top:7px;height:38px}html[data-pointer=coarse] .track__trim{width:28px}html[data-pointer=coarse] .track__trim:after{left:12px;top:12px}html[data-pointer=coarse] .track__bar-name{padding:0 30px}html[data-pointer=coarse] .track__handle{width:28px}html[data-pointer=coarse] .track__key{top:36px;width:13px;height:13px}html[data-pointer=coarse] .transport__buttons .icon-btn,html[data-pointer=coarse] .transport__focus{width:38px;height:44px}html[data-pointer=coarse] .scrubber__play{width:42px;height:42px}html[data-layout=phone] .editor[data-space=phone-portrait]{--dock-h: 56px;grid-template-rows:calc(48px + var(--safe-top)) minmax(0,1fr) auto calc(var(--dock-h) + env(safe-area-inset-bottom))}html[data-layout=phone] .editor[data-space=phone-portrait] .topbar{gap:4px;padding:var(--safe-top) 8px 0 4px}html[data-layout=phone] .editor[data-space^=phone] .theme-toggle{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .topbar__actions .icon-btn{width:40px;height:44px}html[data-layout=phone] .editor[data-space=phone-portrait] .export-button{margin-left:4px;min-height:36px;padding:0 14px;border-radius:6px}html[data-layout=phone] .editor[data-space^=phone] .preview-heading{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .viewport{padding:6px 8px 2px}html[data-layout=phone] .editor[data-space=phone-portrait] .transport{display:flex;flex-wrap:nowrap;height:48px;gap:4px;padding:0 6px 0 4px}html[data-layout=phone] .editor[data-space=phone-portrait] .transport__jump,html[data-layout=phone] .editor[data-space=phone-portrait] .transport>.split-action{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .transport>.transport__buttons{gap:0}html[data-layout=phone] .editor[data-space=phone-portrait] .transport__buttons .icon-btn{width:36px;height:44px}html[data-layout=phone] .editor[data-space=phone-portrait] .scrubber__play{width:40px;height:40px;margin:0 2px}html[data-layout=phone] .editor[data-space=phone-portrait] .transport>.scrubber__track{order:0;flex:1 1 auto;height:44px;margin:0 6px}html[data-layout=phone] .editor[data-space=phone-portrait] .scrubber__rail{top:21px}html[data-layout=phone] .editor[data-space=phone-portrait] .scrubber__head{top:15px;width:6px;height:15px}html[data-layout=phone] .editor[data-space=phone-portrait] .scrubber__tick{top:30px}html[data-layout=phone] .editor[data-space=phone-portrait] .transport>.timecode{flex:none;font-size:calc(10px * var(--fs-scale, 1));color:var(--text-dim)}html[data-layout=phone] .editor[data-space=phone-portrait] .transport__focus{width:36px;height:44px}html[data-layout=phone] .editor[data-space=phone-portrait]:not(.editor--focus) .transport{background:var(--surface);border-top:1px solid var(--line-soft);gap:0;padding:0 8px}html[data-layout=phone] .editor[data-space=phone-portrait]:not(.editor--focus) .transport>.scrubber__track{display:none}html[data-layout=phone] .editor[data-space=phone-portrait]:not(.editor--focus) .scrubber__play{width:44px;height:44px;margin:0;border-radius:4px;background:transparent;color:var(--text);font-size:22px}html[data-layout=phone] .editor[data-space=phone-portrait]:not(.editor--focus) .transport>.timecode{flex:1;text-align:center;font-size:calc(12px * var(--fs-scale, 1));font-weight:600;color:var(--text)}html[data-layout=phone] .editor[data-space=phone-portrait]:not(.editor--focus) .timecode__total{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .transport__focus{width:44px}html[data-layout=phone] .editor[data-space^=phone] .timeline{position:relative;grid-row:3;height:auto}html[data-layout=phone] .editor[data-space=phone-portrait] .timeline--compact{height:clamp(216px,36vh,360px);height:clamp(216px,36dvh,360px);max-height:42vh;max-height:42dvh}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-footer{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__scroll{flex:1 1 auto}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__grid{--track-label-w: 88px;padding-bottom:4px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__ruler,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__tick{height:36px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__tick{padding:10px 5px 0;font-size:calc(10px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track{min-height:50px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__lane{height:50px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__bar{top:6px;height:38px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__trim:after{top:12px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__key{top:35px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__label-wrap{justify-content:center;gap:0;padding:0}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__handle,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__delete,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__name>span:last-child{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__name{flex:none;width:44px;justify-content:center;height:44px;min-height:44px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__visibility{width:44px;height:44px;font-size:17px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__bar-name{font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track--selected .track__label-wrap{box-shadow:inset 3px 0 var(--select)}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__empty{min-height:84px}.timeline__overview{flex:none;display:flex;align-items:center;gap:4px;min-height:40px;padding:0 8px 0 12px;border-bottom:1px solid var(--line-soft)}.timeline__overview .timeline__title{margin-right:auto;font-size:calc(12px * var(--fs-scale, 1))}.timeline__overview .timeline__title>span{margin-left:6px}.timeline__overview>.icon-btn{width:40px;height:40px}.timeline__corner{display:flex;align-items:center;gap:5px;min-height:40px;padding:0 8px;border:0;background:transparent;color:var(--text-dim);font-size:calc(11px * var(--fs-scale, 1))}.timeline__corner:active{color:var(--select)}html[data-layout=phone] .editor[data-space=phone-portrait] .timeline:not(.timeline--compact){height:min(56vh,470px);height:min(56dvh,470px);max-height:min(56vh,470px);max-height:min(56dvh,470px)}html[data-layout=phone] .editor[data-space^=phone] .timeline:not(.timeline--compact) .timeline__scroll{flex:1 1 auto}html[data-layout=phone] .editor[data-space^=phone] .timeline:not(.timeline--compact) .timeline__title>span{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .workspace{--sheet-h: 0px}html[data-layout=phone] .editor[data-space=phone-portrait] .workspace--panel{--sheet-h: max(var(--timeline-real-h, 0px), min(calc(46 * var(--dvh, 1vh)), 420px))}html[data-layout=phone] .editor[data-space=phone-portrait] .workspace--panel.workspace--sheet-add,html[data-layout=phone] .editor[data-space=phone-portrait] .workspace--panel.workspace--sheet-project{--sheet-h: max(var(--timeline-real-h, 0px), min(calc(46 * var(--dvh, 1vh)), 352px))}html[data-layout=phone] .editor[data-space=phone-portrait] .workspace--panel.workspace--expanded{--sheet-h: min(calc(66 * var(--dvh, 1vh)), 580px)}html[data-layout=phone] .editor[data-space=phone-portrait] .workspace--panel .preview-area{padding-bottom:max(0px,calc(var(--sheet-h) - var(--timeline-real-h, 0px)))}html[data-layout=phone] .editor[data-space=phone-portrait] .panel-slot{border-radius:8px 8px 0 0;box-shadow:none}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__grabber{position:relative;display:block;flex:none;width:140px;height:18px;margin:0 auto;padding:0;border:0;border-radius:9px;background:none;touch-action:none;cursor:grab}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__grabber:before{content:"";position:absolute;top:7px;left:51px;width:38px;height:4px;border-radius:2px;background:var(--line-strong)}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__header{touch-action:none}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__header{min-height:46px;padding:0 10px 6px 14px}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__title{margin:0;font-size:calc(16px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__header .eyebrow{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__body{padding:12px 14px 16px}html[data-layout=phone] .editor[data-space=phone-portrait] .drawer__close{min-height:36px;padding:0 14px;font-weight:600}html[data-layout=phone] .editor[data-space^=phone] .add-sheet{gap:12px}html[data-layout=phone] .editor[data-space^=phone] .add-sheet__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}html[data-layout=phone] .editor[data-space^=phone] .add-tile{align-items:center;justify-content:center;min-height:74px;padding:8px 4px;text-align:center}html[data-layout=phone] .editor[data-space^=phone] .add-tile small{display:none}html[data-layout=phone] .editor[data-space^=phone] .add-tile strong{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__row{position:relative;flex-direction:column;justify-content:center;gap:6px;min-height:82px;padding:10px 4px 8px;text-align:center}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__text{flex:none;align-items:center}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__text small,html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__chevron{display:none}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__text strong{font-size:calc(12px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .inspector-hub__status{max-width:100%;padding:1px 6px;font-size:calc(9px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space=phone-portrait] .timeline-selection>span,html[data-layout=phone] .editor[data-space=phone-portrait] .timeline-selection .split-action,html[data-layout=phone] .editor[data-space=phone-portrait] .timeline-selection__clip-action,html[data-layout=phone] .editor[data-space=phone-portrait] .timeline-footer .timeline__time{display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .timeline-footer{flex-wrap:nowrap;height:50px;padding:0 10px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__empty .btn,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__empty>.icon{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__empty strong{font-size:calc(11px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .media-drawer .drawer__subtitle{display:none}html[data-layout=phone] .editor[data-space^=phone] .media-import-btn{justify-content:flex-start;min-height:56px;padding:8px 12px;margin-bottom:10px}html[data-layout=phone] .editor[data-space^=phone] .media-import-btn__icon{width:36px;height:36px;font-size:calc(18px * var(--fs-scale, 1))}html[data-layout=phone] .editor[data-space^=phone] .media-filter{margin:10px 0}html[data-layout=phone] .editor[data-space^=phone] .effects-drawer .tabs{padding:2px 14px 8px;border-bottom:0}html[data-layout=phone] .editor[data-space^=phone] .effects-drawer .tab{min-height:34px}html[data-layout=phone] .editor[data-space=phone-portrait] .effects-drawer .drawer__header>.tabs{flex:1;min-width:0;padding:3px;gap:2px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}html[data-layout=phone] .editor[data-space=phone-portrait] .effects-drawer .drawer__header>.tabs .tab{min-height:34px;padding:0 6px;white-space:nowrap}html[data-layout=phone] .editor[data-space^=phone] .effects-drawer .group__head:has(.effect-results-count){display:none}html[data-layout=phone] .editor[data-space=phone-portrait] .studio-nav__item{min-height:52px}html[data-layout=phone] .editor[data-space=phone-landscape] .timeline--compact{max-height:min(34vh,136px);max-height:min(34dvh,136px)}html[data-layout=phone] .editor[data-space=phone-landscape] .timeline:not(.timeline--compact){max-height:62vh;max-height:62dvh}html[data-layout=phone] .editor[data-space=phone-landscape] .viewport{padding:4px 10px}html[data-layout=phone] .editor[data-space=phone-landscape] .transport{height:44px}html[data-layout=tablet] .editor[data-space^=tablet]{grid-template-rows:calc(60px + var(--safe-top)) minmax(0,1fr) auto}html[data-layout=tablet] .editor[data-space^=tablet] .timeline{min-height:190px;max-height:34vh;max-height:34dvh}html[data-layout=tablet] .editor[data-space^=tablet] .timeline__scroll{flex:1 1 auto}html[data-layout=tablet] .editor[data-space=tablet-portrait]:has(.workspace--panel) .timeline{min-height:160px;max-height:26vh;max-height:26dvh}html[data-layout=tablet] .editor[data-space^=tablet] .drawer__header{padding:12px 16px}html[data-layout=tablet] .editor[data-space^=tablet] .drawer__title{margin:0;font-size:calc(16px * var(--fs-scale, 1))}html[data-layout=tablet] .editor[data-space^=tablet] .effects-drawer .tabs{padding:4px 16px 8px;border-bottom:0}html[data-layout=tablet] .editor[data-space^=tablet] .effects-drawer .group__head:has(.effect-results-count){margin-bottom:6px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-search{margin-bottom:8px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-categories{margin-bottom:10px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-grid{gap:6px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-chip{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;min-height:54px;padding:8px 10px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-chip__icon{grid-row:1 / span 2;width:28px;height:28px}html[data-layout=tablet] .editor[data-space^=tablet] .effect-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-layout=tablet] .editor[data-space=tablet-portrait] .panel-slot{bottom:var(--timeline-real-h, 34vh);bottom:var(--timeline-real-h, 34dvh)}html[data-layout=tablet] .editor[data-space=tablet-portrait][data-dock=bottom] .panel-slot{top:auto;left:calc(76px + env(safe-area-inset-left));right:0;width:auto;height:var(--dock-band-h, 360px);border-left:0;border-top:1px solid var(--line-strong);border-radius:18px 18px 0 0;box-shadow:0 -16px 44px #0007}html[data-layout=tablet] .editor[data-space=tablet-portrait][data-dock=bottom] .workspace--panel .preview-area{padding-right:0;padding-bottom:var(--dock-band-h, 360px)}html[data-layout=tablet] .editor[data-space=tablet-portrait][data-dock=bottom] .inspector-drawer .drawer__body{columns:2 300px;column-gap:28px}html[data-layout=tablet] .editor[data-space=tablet-portrait][data-dock=bottom] .inspector-drawer .drawer__body>*{break-inside:avoid}html[data-layout] .editor.editor--focus[data-space]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:#000}html[data-layout] .editor.editor--focus[data-space]>.topbar,html[data-layout] .editor.editor--focus[data-space]>.studio-nav,html[data-layout] .editor.editor--focus[data-space]>.timeline,html[data-layout] .editor.editor--focus[data-space]>.panel-scrim,html[data-layout] .editor.editor--focus[data-space] .panel-slot,html[data-layout] .editor.editor--focus[data-space] .preview-heading,html[data-layout] .editor.editor--focus[data-space] .tool-guide,html[data-layout] .editor.editor--focus[data-space] .tool-pill{display:none}html[data-layout] .editor.editor--focus[data-space] .workspace{grid-column:1 / -1;grid-row:1 / -1;grid-template-columns:minmax(0,1fr)}html[data-layout] .editor.editor--focus[data-space] .workspace .preview-area{padding:0;background:#000}html[data-layout] .editor.editor--focus[data-space] .viewport{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html[data-layout] .editor.editor--focus[data-space] .preview-focus-shield{display:block;position:absolute;z-index:20;inset:0;padding:0;border:0;background:transparent}html[data-layout] .editor.editor--focus[data-space] .transport{position:absolute;z-index:30;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(760px,calc(100% - 24px));height:52px;padding:0 10px;border:1px solid var(--line-strong);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 14px 40px #000a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .25s ease}html[data-layout] .editor.editor--focus[data-space] .transport>.split-action{display:none}html[data-layout] .editor.editor--focus[data-space] .transport__focus{color:var(--select)}html[data-layout] .editor.editor--chrome-hidden[data-space] .transport{opacity:0;pointer-events:none}html[data-layout] .editor.editor--chrome-hidden[data-space]{cursor:none}@media (prefers-reduced-motion: reduce){.tool-pill,html[data-layout] .editor.editor--focus[data-space] .transport{animation:none;transition:none}}.editor[data-personalised]{color:var(--text);background:var(--bg);font-family:var(--sans)}.editor[data-personalised] :is(.btn,.chip,.drawer__close,.timeline-add,.field-input,.toolbar,.inspector-hub__row){border-radius:var(--ui-corners)}.editor[data-personalised] :is(.btn:not(.btn--primary),.chip:not(.chip--on),.drawer__close,.timeline-add,.field-input,.toolbar,.inspector-hub__row){background:color-mix(in srgb,var(--surface-2) var(--ui-fill),transparent);border-color:color-mix(in srgb,var(--line-strong) var(--ui-border),transparent)}.editor[data-personalised] :is(.btn--primary,.studio-nav__add>.icon){background:var(--ui-accent-fill);color:var(--on-accent)}.editor[data-personalised] :is(.track__name,.track__bar-name,.studio-nav__item>span,.chip,.drawer__close){font-weight:var(--ui-weight)}.editor[data-personalised] .icon{stroke-width:var(--ui-icon-weight)}.editor[data-personalised] :is(.drawer__close,.chip,.btn){min-height:var(--ui-target)}.editor[data-personalised] .studio-nav__add>.icon{border-radius:var(--ui-corners)}.editor[data-personalised] .track__bar{background:var(--ui-clip-video);border-radius:min(var(--ui-corners),10px)}.editor[data-personalised] :is(.track__bar--shape,.track__bar--path){background:var(--ui-clip-shape)}.editor[data-personalised] .track__bar--text{background:var(--ui-clip-text)}.editor[data-personalised] .track__bar--image{background:var(--ui-clip-image)}.editor[data-personalised] .track__bar--comp{background:var(--ui-clip-comp)}.editor[data-personalised] .track__bar--adjustment{background:var(--ui-clip-adjustment)}.editor[data-personalised] .track__bar--audio{background:var(--ui-clip-audio)}.editor[data-personalised][data-ui-theme=light] .brand-mark{filter:none;mix-blend-mode:multiply}.editor[data-personalised][data-ui-theme=dark] .brand-mark{filter:invert(1);mix-blend-mode:screen}.editor[data-personalised] .track__bar-name{color:var(--ui-clip-ink)}.editor[data-personalised] .track__trim:after{background:var(--ui-trim-ink)}.editor[data-personalised] .viewport__empty h2,.editor[data-personalised] .viewport__empty>p{color:#f3f4f5;background:#141619ed;padding:6px 10px;border-radius:4px}.editor[data-personalised] .viewport__empty>p{color:#bdc6cc}.editor[data-personalised] .timeline__empty{justify-content:flex-start;padding-left:calc(var(--track-label-w) + 12px)}.editor[data-personalised] .track{min-height:var(--ui-row-h)}.editor[data-personalised] .track__lane{height:var(--ui-row-h)}.editor[data-personalised] .track__bar{top:6px;height:calc(var(--ui-row-h) - 12px)}.editor[data-personalised] .track__key{top:calc(var(--ui-row-h) - 15px)}.editor[data-personalised] .track__trim:after{top:calc((var(--ui-row-h) - 25px) / 2)}.editor[data-personalised][data-space=desktop] .workspace{grid-template-columns:minmax(0,1fr) var(--ui-panel-w)}html[data-layout=phone] .editor[data-personalised][data-space=phone-portrait]{--dock-h: max(56px, calc(var(--ui-target) + 8px));grid-template-rows:calc(max(48px,var(--ui-target)) + var(--safe-top)) minmax(0,1fr) auto calc(var(--dock-h) + env(safe-area-inset-bottom))}html[data-layout=phone] .editor[data-personalised][data-space=phone-portrait] .timeline--compact{height:clamp(216px,var(--ui-timeline-h),440px);max-height:50vh;max-height:50dvh}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track{min-height:var(--ui-row-h)}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__lane{height:var(--ui-row-h)}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__bar{height:calc(var(--ui-row-h) - 12px)}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__key{top:calc(var(--ui-row-h) - 15px)}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__trim:after{top:calc((var(--ui-row-h) - 25px) / 2)}.editor[data-personalised][data-ui-labels=icons] .studio-nav__item>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.editor[data-personalised][data-ui-motion=reduced] :is(button,.tool-pill,.drawer,.panel-slot,.split-action__note){animation:none;transition:none}.personalise-launch{display:flex;align-items:center;gap:16px;width:100%;padding:16px 12px;margin-bottom:20px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:4px;text-align:left}.personalise-launch__mark{display:grid;place-items:center;flex:none;gap:8px;width:74px;height:82px;background:#d4f879;color:#172018;transform:rotate(-4deg)}.personalise-launch__mark .icon{width:28px;height:28px}.personalise-launch__mark b{font:9px var(--mono)}.personalise-launch>span:last-child{display:grid;gap:7px;min-width:0}.personalise-launch strong{font-size:22px;letter-spacing:-.04em}.personalise-launch small{color:var(--text-dim);line-height:1.5;font-size:11px}.personalise-launch>span>b{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--select)}.personalise-reset{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:10px;color:var(--text-dim)}.personalise-reset button{border:0;background:none;padding:6px 0;color:var(--text);text-decoration:underline;text-underline-offset:4px}.guide-forward{transform:rotate(180deg)}.editor[data-space^=tablet]:not(.editor--focus){grid-template-columns:calc(64px + env(safe-area-inset-left)) minmax(0,1fr);grid-template-rows:calc(60px + var(--safe-top)) minmax(0,1fr) auto}.editor[data-space^=tablet]:not(.editor--focus) .topbar{padding:var(--safe-top) calc(18px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));gap:12px;border-bottom-color:var(--line-soft)}.editor[data-space^=tablet]:not(.editor--focus) .topbar__project{padding:6px 18px}.editor[data-space^=tablet]:not(.editor--focus) .topbar__name{font-size:calc(14px * var(--fs-scale, 1))}.editor[data-space^=tablet]:not(.editor--focus) .topbar__meta{margin-top:3px}.editor[data-space^=tablet]:not(.editor--focus) .topbar__actions{gap:2px}.editor[data-space^=tablet]:not(.editor--focus) .topbar__actions>.icon-btn{width:max(40px,var(--ui-target));height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .export-button{margin-left:18px;padding-inline:18px}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav{gap:3px;padding:16px 4px calc(12px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left));border-right-color:var(--line-soft)}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav__item{width:56px;min-height:max(58px,var(--ui-target));gap:5px;padding:8px 2px;border-radius:8px}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav__item>.icon{font-size:21px}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav__item>span{font-size:calc(10px * var(--fs-scale, 1))}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav__add{margin-bottom:18px;gap:8px}.editor[data-space^=tablet]:not(.editor--focus) .studio-nav__add>.icon{padding:8px;font-size:20px}.editor[data-space^=tablet]:not(.editor--focus) .workspace{grid-template-columns:minmax(0,1fr)}.editor[data-space^=tablet]:not(.editor--focus) .workspace:not(.workspace--panel) .panel-slot{display:none}.editor[data-space=tablet-landscape]:not(.editor--focus) .workspace--panel{grid-template-columns:minmax(0,1fr) var(--tablet-panel-w)}.editor[data-space=tablet-landscape]:not(.editor--focus) .workspace--panel .panel-slot{display:block;border-left:1px solid var(--line-soft);min-width:0}.editor[data-space=tablet-portrait]:not(.editor--focus) .workspace--panel .panel-slot{width:var(--tablet-panel-w);box-shadow:none;border-left-color:var(--line-soft)}.editor[data-space=tablet-portrait]:not(.editor--focus) .workspace--panel .preview-area{padding-right:var(--tablet-panel-w)}.editor[data-space=tablet-portrait][data-dock=bottom]:not(.editor--focus) .workspace--panel .panel-slot{left:calc(64px + env(safe-area-inset-left));width:auto;border-radius:0;border-top-color:var(--line-soft)}.editor[data-space=tablet-portrait][data-dock=bottom]:not(.editor--focus) .workspace--panel .preview-area{padding-right:0}.editor[data-space^=tablet]:not(.editor--focus) .preview-heading{height:52px;padding:4px 20px;justify-content:flex-start;gap:16px}.editor[data-space^=tablet]:not(.editor--focus) .preview-heading>.eyebrow{display:none}.editor[data-space^=tablet]:not(.editor--focus) .preview-format{margin-left:auto;min-height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .toolbar{padding:0;border:0;background:transparent;gap:10px;min-width:0;max-width:100%;overflow-x:auto}.editor[data-space^=tablet]:not(.editor--focus) .toolbar__group{gap:2px;flex:none}.editor[data-space^=tablet]:not(.editor--focus) .toolbar__group+.toolbar__group{padding-left:10px}.editor[data-space^=tablet]:not(.editor--focus) .toolbar__btn{width:var(--ui-target);height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .viewport{padding:6px 24px 14px}.editor[data-space^=tablet]:not(.editor--focus) .viewport__empty{gap:4px}.editor[data-space^=tablet]:not(.editor--focus) .viewport__empty .brand-mark{display:none}.editor[data-space^=tablet]:not(.editor--focus) .viewport__empty h2{font-size:calc(18px * var(--fs-scale, 1));font-weight:500}.editor[data-space^=tablet]:not(.editor--focus) .viewport__empty-actions{margin-top:20px;gap:10px;flex-wrap:wrap;justify-content:center}.editor[data-space^=tablet]:not(.editor--focus) .viewport__empty-actions .btn{min-height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .transport{height:max(52px,var(--ui-target));padding:0 18px;gap:12px;border-top:1px solid var(--line-soft);background:var(--bg);flex-wrap:nowrap}.editor[data-space^=tablet]:not(.editor--focus) .transport>.scrubber__track{display:none}.editor[data-space^=tablet]:not(.editor--focus) .transport>.timecode{order:-1;margin-right:auto;font-size:calc(11px * var(--fs-scale, 1))}.editor[data-space^=tablet]:not(.editor--focus) .transport__buttons{position:absolute;left:50%;transform:translate(-50%);gap:2px}.editor[data-space^=tablet]:not(.editor--focus) .transport__buttons .icon-btn{width:var(--ui-target);height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .scrubber__play{width:var(--ui-target);height:var(--ui-target);margin:0 4px;border-radius:8px;background:transparent;color:var(--text);font-size:23px}.editor[data-space^=tablet]:not(.editor--focus) .transport__focus{width:var(--ui-target);height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .transport>.split-action{margin-left:auto}.editor[data-space^=tablet]:not(.editor--focus) .scrubber__prepare{left:18px;right:18px}.editor[data-space^=tablet]:not(.editor--focus) .timeline{height:clamp(240px,var(--ui-timeline-h),440px);min-height:0;max-height:46vh;max-height:46dvh;border-top-color:var(--line)}.editor[data-space=tablet-portrait]:not(.editor--focus):has(.workspace--panel) .timeline{height:clamp(190px,calc(var(--ui-timeline-h) * .72),300px);min-height:0;max-height:28vh;max-height:28dvh}.editor[data-space^=tablet]:not(.editor--focus) .timeline__header{height:56px;padding:6px 20px}.editor[data-space^=tablet]:not(.editor--focus) .timeline__header-right{gap:4px}.editor[data-space^=tablet]:not(.editor--focus) .timeline-zoom{margin:0 12px 0 6px}.editor[data-space^=tablet]:not(.editor--focus) .timeline__title{font-size:calc(14px * var(--fs-scale, 1))}.editor[data-space^=tablet]:not(.editor--focus) .timeline__title>span{font-size:calc(11px * var(--fs-scale, 1));margin-left:12px}.editor[data-space^=tablet]:not(.editor--focus) .track__bar-name{font-size:calc(12px * var(--fs-scale, 1))}.editor[data-space^=tablet]:not(.editor--focus) .timeline-footer{padding-inline:20px;min-height:var(--ui-target)}.editor[data-space^=tablet]:not(.editor--focus) .drawer__header{min-height:60px;padding:8px 18px}.editor[data-space^=tablet]:not(.editor--focus) .drawer__body{padding:18px 20px 28px}.editor[data-space^=tablet]:not(.editor--focus) .group{margin-bottom:24px}@container preview (max-width: 640px){.editor[data-space^=tablet]:not(.editor--focus) .preview-format,.editor[data-space^=tablet]:not(.editor--focus) .transport>.split-action,.editor[data-space^=tablet]:not(.editor--focus) .transport__jump,.editor[data-space^=tablet]:not(.editor--focus) .timecode__total{display:none}.editor[data-space^=tablet]:not(.editor--focus) .preview-heading{padding-inline:12px}.editor[data-space^=tablet]:not(.editor--focus) .toolbar{gap:4px}.editor[data-space^=tablet]:not(.editor--focus) .toolbar__group+.toolbar__group{padding-left:4px}.editor[data-space^=tablet]:not(.editor--focus) .transport{padding-inline:10px;gap:6px}}@container preview (max-width: 360px){.editor[data-space^=tablet]:not(.editor--focus) .transport{height:auto;flex-wrap:wrap;justify-content:center;padding:4px 10px;gap:0}.editor[data-space^=tablet]:not(.editor--focus) .transport>.timecode{flex:1 0 100%;height:28px;line-height:28px;text-align:center;margin:0}.editor[data-space^=tablet]:not(.editor--focus) .transport__buttons{position:static;transform:none;gap:0}.editor[data-space^=tablet]:not(.editor--focus) .transport__focus{margin-left:8px}}.timeline{overflow:visible;position:relative}.timeline__scroll{overflow:auto;min-height:0}.timeline__scroll{overflow-anchor:none;scroll-behavior:auto}.timeline__grid,.timeline__playhead-lanes,.timeline__ruler-playhead{overflow-anchor:none}.track__playhead[data-draggable=true]{width:20px;margin-left:-10px;background:transparent;pointer-events:auto;touch-action:none;cursor:ew-resize;z-index:9}.track__playhead[data-draggable=true]:after{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:var(--select);pointer-events:none}.track__filmstrip{position:absolute;top:0;height:100%;max-width:none;pointer-events:none}.track__bar--video{background:#232930;border-color:#7c8d9b}.track__bar--video .track__bar-name{position:relative;z-index:1;align-self:flex-start;max-width:100%;margin:4px 8px;padding:2px 6px;border-radius:4px;background:#111820c9;text-shadow:0 1px 2px #000}.track--audio:first-child,.track--picture+.track--audio{border-top:10px solid var(--bg)}.timeline__header{gap:16px}.timeline__header-right{gap:10px}.timeline-footer{gap:12px}.track{min-height:68px}.track__lane{height:68px}.track__bar{top:8px;height:52px;border-radius:6px}.track__clip{position:absolute;inset:0;pointer-events:none}.track__clip>:is(.track__bar,.track__trim,.track__key){pointer-events:auto}.track .track__clip:not(.track__clip--selected) .track__bar{outline:none}.track__clip--selected .track__bar{outline:2px solid var(--select);outline-offset:-1px}.track__clip--hidden .track__bar{opacity:.45}.timeline[data-track-mode=single] .track__clip:not(.track__clip--selected) :is(.track__trim,.track__key){visibility:hidden;pointer-events:none}.timeline[data-track-mode=single] .track__handle{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact[data-track-mode=single] .timeline-add>span{display:inline}.track__clip[data-short=true] .track__trim--in{bottom:50%}.track__clip[data-short=true] .track__trim--out{top:50%}.track__bar--combined .track__filmstrip{height:62%}.track__combined-audio{position:absolute;inset:62% 0 0;padding:0;border:0;border-top:1px solid #5a9a87;background:#173c36;color:#dcfff2;text-align:left;cursor:pointer;overflow:hidden}.track__combined-audio>span{position:relative;z-index:1;padding:0 5px;background:#102a25c9;font-size:9px}.track__trim--edge{top:7px;bottom:7px;right:auto;transform:translate(-50%);background:transparent}.track__trim--edge:disabled{pointer-events:none}.track[data-short=true] .track__trim--in{bottom:50%}.track[data-short=true] .track__trim--out{top:50%}.track__trim--edge:after{content:none}.track__trim-grip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:12px;border-radius:2px;background:var(--ui-trim-ink, #fff9);pointer-events:none}.track__trim--edge.track__trim--active{background:transparent}.track__trim--edge:hover .track__trim-grip,.track__trim--edge.track__trim--active .track__trim-grip{background:var(--select)}.track__label-wrap{gap:4px}.track--audio{min-height:56px}.track--audio .track__lane{height:56px}.track--audio .track__bar{height:40px}.drawer__body{padding:20px}.group{margin-bottom:24px}.effect-card{margin-bottom:14px}.effect-card__body{padding:16px}.tint-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.tint-colors fieldset{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:8px}.tint-colors legend{padding:0 4px;font-size:12px;color:var(--text-dim)}.tint-channels summary{padding:12px 0;cursor:pointer;color:var(--text-dim);font-size:12px}.polytrace-group{min-width:0;margin:12px 0 20px;padding:12px;border:1px solid var(--line);border-radius:8px}.polytrace-group>legend,.polytrace-color>legend{padding:0 5px;color:var(--text-dim);font-size:12px}.polytrace-color{margin:14px 0 6px;padding:12px;border:1px solid var(--line);border-radius:8px}.timeline__header-right{gap:5px}.timeline-beat{border-radius:8px;color:var(--text-dim)}.timeline-beats{position:relative}.timeline-beats__open{display:flex;align-items:center;gap:5px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 8px;font-size:11px}.timeline-beats__panel{position:absolute;bottom:calc(100% + 8px);right:-90px;z-index:100;width:min(340px,calc(100vw - 24px));padding:14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0007}.timeline-beats__panel p{color:var(--text-dim);font-size:11px;margin:8px 0;line-height:1.5}.timeline-beats__panel label{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0}.timeline-beats__panel select{min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;padding:7px;background:var(--surface-2);color:var(--text)}.timeline-beats__panel input{flex:1;min-width:0}.timeline-beats__row{display:flex;align-items:center;justify-content:space-between;gap:6px}.timeline-beats__row .btn{font-size:11px;min-height:36px;padding:6px 10px}.timeline__marker{width:24px;height:30px;bottom:-2px;margin-left:-12px;background:transparent;clip-path:none;display:grid;place-items:end center;border-radius:5px}.timeline__marker>span{width:7px;height:10px;border-radius:3px 3px 2px 2px;background:#f5bc68;box-shadow:0 0 0 1px #181b21,0 0 5px #f5bc6844;margin-bottom:3px}.timeline__marker:hover,.timeline__marker:focus-visible{background:#f5bc6826}.track__marker{background:#f5bc6822;z-index:2}.track__waveform{position:absolute;inset:0;width:100%;height:100%;color:#a5ecd7;opacity:.85;pointer-events:none}.track__bar--audio{background:#173c36;border-color:#3d766a}.track__bar--audio .track__bar-name{position:relative;z-index:1;align-self:flex-start;margin-top:2px;padding:1px 4px;border-radius:3px;background:#102a25c9;font-size:10px;pointer-events:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header{display:flex;height:44px;padding:4px 8px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-footer{display:flex;min-height:36px;padding:2px 6px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__title{font-size:11px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__title>span{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header-right{flex:1;justify-content:flex-end;gap:3px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header-right .icon-btn{width:34px;height:36px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-zoom input{width:48px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-zoom>.icon{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-add{min-width:34px;padding:0 6px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-add>span{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-beat{min-width:34px;height:36px}html[data-layout=phone] .editor[data-space^=phone] .timeline-beats__panel{position:fixed;left:12px;right:auto;bottom:calc(var(--timeline-real-h, 280px) + 65px);max-height:50vh;overflow-y:auto}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-selection{min-width:0}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-selection>span{display:none}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-footer .icon-btn{width:30px;height:32px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-footer .timeline-length{margin-left:auto}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header{height:auto;min-height:52px;padding:8px 10px;gap:8px;flex-wrap:wrap}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header-right{gap:6px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__header-right .icon-btn,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-beat,html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-add{min-width:38px;height:38px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track{min-height:66px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__lane{height:66px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track__bar{top:7px;height:52px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track--audio{min-height:52px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track--audio .track__lane{height:52px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .track--audio .track__bar{height:38px}html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline-footer{min-height:42px;padding:5px 8px;gap:6px}html[data-layout=phone] .editor[data-space^=phone] .drawer__body{padding:18px 16px 24px}@media (max-width: 360px){html[data-layout=phone] .editor[data-space^=phone] .timeline--compact .timeline__title{display:none}}.editor[data-personalised] .track{min-height:max(64px,var(--ui-row-h))}.editor[data-personalised] .track__lane{height:max(64px,var(--ui-row-h))}.editor[data-personalised] .track__bar{top:7px;height:max(50px,calc(var(--ui-row-h) - 14px))}.editor[data-personalised] .track--audio{min-height:max(52px,calc(var(--ui-row-h) - 12px))}.editor[data-personalised] .track--audio .track__lane{height:max(52px,calc(var(--ui-row-h) - 12px))}.editor[data-personalised] .track--audio .track__bar{height:max(38px,calc(var(--ui-row-h) - 26px))}.editor[data-personalised][data-space=desktop] .workspace:not(.workspace--panel){grid-template-columns:minmax(0,1fr)}.editor[data-personalised][data-space=desktop] .workspace:not(.workspace--panel) .panel-slot{display:none}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track{min-height:max(64px,var(--ui-row-h))}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__lane{height:max(64px,var(--ui-row-h))}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track__bar{height:max(50px,calc(var(--ui-row-h) - 14px))}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track--audio .track__lane{height:max(52px,calc(var(--ui-row-h) - 12px))}html[data-layout=phone] .editor[data-personalised][data-space^=phone] .timeline--compact .track--audio .track__bar{height:max(38px,calc(var(--ui-row-h) - 26px))}.install-hero{--ih-accent: var(--accent, #d4f879);--ih-glow: color-mix(in srgb, var(--ih-accent) 38%, transparent);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin:0 0 22px;padding:26px 30px 26px 26px;border-radius:24px;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ih-accent) 16%,transparent),transparent 55%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,#7c9cff 18%,transparent),transparent 60%),color-mix(in srgb,var(--surface, #1b1e22) 92%,transparent);box-shadow:0 18px 50px -24px var(--ih-glow),inset 0 1px color-mix(in srgb,white 8%,transparent);animation:ih-rise .7s cubic-bezier(.2,.9,.25,1.15) both}.install-hero:before{content:"";position:absolute;inset:0;z-index:-1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--ih-angle, 0deg),var(--ih-accent),#7c9cff,#ff6f91,#ffd166,var(--ih-accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ih-spin 6s linear infinite}@property --ih-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.install-hero__aurora{position:absolute;inset:-40%;z-index:-1;pointer-events:none;opacity:.5;filter:blur(40px);background:conic-gradient(from 0deg at 30% 40%,transparent,var(--ih-glow),transparent 35%,color-mix(in srgb,#7c9cff 30%,transparent),transparent 70%);animation:ih-aurora 14s ease-in-out infinite alternate}.install-hero__close{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:color-mix(in srgb,var(--text, #fff) 7%,transparent);color:var(--text-dim);cursor:pointer;transition:background .2s,transform .2s}.install-hero__close:hover{background:color-mix(in srgb,var(--text, #fff) 14%,transparent);transform:rotate(90deg)}.install-hero__phone{position:relative;width:132px;height:250px;border-radius:28px;padding:9px;background:linear-gradient(160deg,#3a3f47,#15171b 60%);box-shadow:0 22px 40px -16px #000,inset 0 0 0 1.5px #555c66;transform:rotate(-6deg);animation:ih-float 5s ease-in-out infinite}.install-hero__notch{position:absolute;top:13px;left:50%;z-index:3;width:38px;height:10px;margin-left:-19px;border-radius:6px;background:#0b0c0e}.install-hero__screen{position:relative;height:100%;overflow:hidden;border-radius:21px;background:radial-gradient(120% 80% at 20% 0%,#3d4f8a,#191b33 55%,#0d0e18)}.install-hero__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px 7px;padding:30px 9px 0}.install-hero__app{aspect-ratio:1;border-radius:7px;opacity:.78;box-shadow:inset 0 -6px 10px #0000002e}.install-hero__slot{position:relative;aspect-ratio:1;border-radius:7px;outline:1.5px dashed color-mix(in srgb,white 35%,transparent);outline-offset:-1px;animation:ih-slot 6s ease-in-out infinite}.install-hero__icon{position:absolute;inset:0;width:100%;height:100%;border-radius:7px;box-shadow:0 0 0 0 var(--ih-glow);animation:ih-drop 6s cubic-bezier(.3,1.5,.5,1) infinite}.install-hero__tap{position:absolute;inset:-6px;border-radius:50%;border:2px solid white;opacity:0;animation:ih-tap 6s ease-out infinite}.install-hero__dock{position:absolute;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:7px;border-radius:14px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.install-hero__dock span{aspect-ratio:1;border-radius:6px;background:#ffffff59}.install-hero__open{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:18px 1fr 46px;gap:6px;padding:26px 8px 10px;background:var(--bg, #141619);transform-origin:82% 66%;transform:scale(0);opacity:0;animation:ih-open 6s cubic-bezier(.2,.8,.2,1) infinite}.install-hero__open-bar{border-radius:5px;background:var(--surface-2, #24282d)}.install-hero__open-canvas{border-radius:6px;background:linear-gradient(135deg,#ff8a65,#7c4dff 60%,#26c6da)}.install-hero__open-track{border-radius:6px;background:repeating-linear-gradient(90deg,var(--ih-accent) 0 22px,transparent 22px 26px) 0 6px / 100% 9px no-repeat,repeating-linear-gradient(90deg,#c6a3f5 0 14px,transparent 14px 18px) 0 21px / 100% 9px no-repeat,var(--surface-2, #24282d)}.install-hero__body{min-width:0}.install-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.14em;color:var(--ih-accent)}.install-hero__pulse{width:8px;height:8px;border-radius:50%;background:var(--ih-accent);box-shadow:0 0 0 0 var(--ih-glow);animation:ih-pulse 1.8s ease-out infinite}.install-hero__title{display:block;margin:10px 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.08;letter-spacing:-.02em}.install-hero__title em{font-style:normal;background:linear-gradient(90deg,var(--ih-accent),#7c9cff,#ff6f91,var(--ih-accent));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ih-shine 6s linear infinite}.install-hero__lede{margin:0 0 16px;max-width:54ch;color:var(--text-dim);line-height:1.5}.install-hero__perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none}.install-hero__perks li{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--text, #fff) 5%,transparent);border:1px solid color-mix(in srgb,var(--text, #fff) 8%,transparent);animation:ih-pop .5s calc(.25s + var(--i) * .08s) cubic-bezier(.2,.9,.3,1.3) both}.install-hero__perks b,.install-hero__steps b{display:block;font-size:14px}.install-hero__perks small,.install-hero__steps small{display:block;color:var(--text-faint);font-size:12px;line-height:1.35}.install-hero__perk-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--ih-accent) 18%,transparent);color:var(--ih-accent)}.install-hero__steps{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.install-hero__steps li{position:relative;overflow:hidden;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;cursor:pointer;background:color-mix(in srgb,var(--text, #fff) 4%,transparent);border:1px solid transparent;opacity:.55;transition:opacity .3s,border-color .3s,transform .3s}.install-hero__steps li[aria-current=step]{opacity:1;transform:translate(4px);border-color:color-mix(in srgb,var(--ih-accent) 55%,transparent)}.install-hero__step-glyph{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#0a84ff;color:#fff}.install-hero__steps li:nth-child(3) .install-hero__step-glyph{background:#30d158}.install-hero__step-glyph svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.install-hero__steps li[aria-current=step] .install-hero__step-glyph{animation:ih-bounce 1s ease-in-out infinite}.install-hero__step-n{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--ih-accent);color:var(--on-accent, #202716);font-size:11px}.install-hero__step-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--ih-accent)}.install-hero__steps li[aria-current=step] .install-hero__step-bar{animation:ih-progress 2.6s linear both}.install-hero__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.install-hero__cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--ih-accent);color:var(--on-accent, #202716);font:700 15px/1 var(--sans);white-space:nowrap;cursor:pointer;box-shadow:0 10px 26px -10px var(--ih-glow);transition:transform .15s,box-shadow .2s}.install-hero__cta:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);animation:ih-sweep 3.2s ease-in-out infinite}.install-hero__cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px var(--ih-glow)}.install-hero__cta:active{transform:translateY(0) scale(.98)}.install-hero__cta:disabled{opacity:.7;cursor:progress}.install-hero__later{min-height:44px;padding:0 12px;border:0;background:none;color:var(--text-dim);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.install-hero--done{grid-template-columns:auto 1fr}.install-hero__done-badge{position:relative;width:72px;height:72px;animation:ih-pop .6s cubic-bezier(.2,.9,.3,1.5) both}.install-hero__done-badge img{width:100%;height:100%;border-radius:18px;box-shadow:0 0 0 6px var(--ih-glow)}.install-hero__confetti{position:absolute;inset:0;pointer-events:none}.install-hero__confetti i{position:absolute;top:-10px;left:var(--x);width:7px;height:12px;border-radius:2px;background:hsl(var(--hue) 90% 65%);animation:ih-confetti 2.4s calc(var(--i) * 25ms) cubic-bezier(.2,.6,.4,1) both}@keyframes ih-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes ih-spin{to{--ih-angle: 360deg}}@keyframes ih-aurora{to{transform:rotate(40deg) scale(1.1)}}@keyframes ih-float{50%{transform:rotate(-4deg) translateY(-6px)}}@keyframes ih-slot{0%,20%{outline-color:color-mix(in srgb,white 35%,transparent)}30%,to{outline-color:transparent}}@keyframes ih-drop{0%,12%{transform:translateY(-160px) scale(.6) rotate(-20deg);opacity:0}30%{transform:none;opacity:1;box-shadow:0 0 0 0 var(--ih-glow)}40%{box-shadow:0 0 0 10px transparent}to{transform:none;opacity:1}}@keyframes ih-tap{0%,46%{opacity:0;transform:scale(.4)}50%{opacity:.9}60%,to{opacity:0;transform:scale(1.4)}}@keyframes ih-open{0%,52%{transform:scale(0);opacity:0}62%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes ih-pulse{70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes ih-shine{to{background-position:300% 0}}@keyframes ih-pop{0%{opacity:0;transform:translateY(8px) scale(.9)}}@keyframes ih-bounce{50%{transform:translateY(-4px)}}@keyframes ih-progress{to{width:100%}}@keyframes ih-sweep{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes ih-confetti{to{transform:translateY(240px) rotate(720deg);opacity:0}}html[data-layout=phone] .install-hero{grid-template-columns:1fr;gap:16px;padding:22px 18px 20px;text-align:left}html[data-layout=phone] .install-hero__phone{position:absolute;top:52px;right:-14px;width:88px;height:168px;padding:6px;border-radius:20px;opacity:.95}html[data-layout=phone] .install-hero__screen{border-radius:16px}html[data-layout=phone] .install-hero__grid{gap:6px 5px;padding:22px 6px 0}html[data-layout=phone] .install-hero__close{top:10px;right:10px;z-index:4}html[data-layout=phone] .install-hero__title,html[data-layout=phone] .install-hero__lede{padding-right:76px}html[data-layout=phone] .install-hero__eyebrow{padding-right:40px}html[data-layout=phone] .install-hero__perks{grid-template-columns:1fr 1fr;gap:8px}html[data-layout=phone] .install-hero__perks li{padding:8px 10px}html[data-layout=phone] .install-hero__perk-icon{width:28px;height:28px}html[data-layout=phone] .install-hero__perks small{display:none}html[data-layout=phone] .install-hero__cta{flex:1 1 100%;justify-content:center}html[data-layout=phone] .install-hero__later{flex:1 1 100%}html[data-layout=phone] .install-hero--done .install-hero__phone{display:none}@media (prefers-reduced-motion: reduce){.install-hero,.install-hero *,.install-hero:before{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.install-hero__open{opacity:0!important}}.home[data-ui-motion=reduced] .install-hero,.home[data-ui-motion=reduced] .install-hero *,.home[data-ui-motion=reduced] .install-hero:before{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.app-recovery{box-sizing:border-box;min-height:100vh;display:grid;place-items:center;padding:24px;background:#151613;color:#f4f4ee;font:16px/1.5 system-ui,sans-serif}.app-recovery section{width:100%;max-width:480px}.app-recovery h1{font-size:24px}.app-recovery__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.app-recovery button{padding:12px 18px;min-height:48px;background:#c9f57d;color:#151613;border:1px solid #c9f57d;border-radius:8px;font:inherit;cursor:pointer}.app-recovery summary{cursor:pointer}.app-recovery pre{white-space:pre-wrap;overflow-wrap:anywhere}.lite-mode{position:fixed;z-index:70;left:50%;top:calc(var(--safe-top, 0px) + 12px);transform:translate(-50%);width:min(420px,calc(100vw - 32px));padding:16px 18px 12px;border-radius:var(--r-lg, 22px);background:var(--surface, #1b1e22);color:var(--text, #f3f4f5);border:1px solid color-mix(in srgb,var(--accent, #d4f879) 35%,var(--line, #363b42));box-shadow:0 24px 60px -20px #000000b3}.lite-mode__eyebrow{margin:0;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent, #d4f879)}.lite-mode h2{margin:8px 0 6px;font-size:18px;line-height:1.25;letter-spacing:-.01em}.lite-mode p:not(.lite-mode__eyebrow){margin:0 0 12px;color:var(--text-dim, #b8bec7);font-size:14px;line-height:1.5}.lite-mode__actions{display:flex;gap:8px;flex-wrap:wrap}.lite-mode__actions .btn{flex:1;min-height:44px;justify-content:center}.lite-mode__full{display:block;margin:8px auto 0;padding:6px;border:0;background:none;color:var(--text-faint, #939ca8);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}