:root{color-scheme:dark;--bg: #0e0e10;--bg-panel: #1a1a1f;--bg-elev: #24242b;--fg: #f5f5f7;--fg-dim: #9a9aa3;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-fg: #ffffff;--accent-rgb: 59, 130, 246;--accent-warm: #ff8a3d;--accent-warm-rgb: 255, 138, 61;--success: #35c46f;--error: #ff5a5f;--border: #2e2e36;--radius: 10px;--bg-elev-2: #2c2c35;--border-strong: rgba(255, 255, 255, .14);--accent-grad: linear-gradient(135deg, var(--accent), var(--accent-hover));--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-touch-callout:none}.app{display:flex;flex-direction:column;min-height:100%;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));gap:16px;max-width:1280px;margin:0 auto}@media (min-width: 600px){.app{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))}}.app__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.app__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.editor-back-btn{min-width:96px}.app__title{margin:0;font-size:22px;font-weight:700}.app__subtitle{margin:4px 0 0;color:var(--fg-dim);font-size:13px}.app__main{display:grid;grid-template-columns:1fr;gap:16px;flex:1}@media (min-width: 900px){.app__main{grid-template-columns:1.4fr 1fr}}.app__preview-col,.app__side-col{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel__heading{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--fg-dim);text-transform:uppercase}.panel__desc{margin:-4px 0 12px;font-size:13px;color:var(--fg-dim)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-panel);transition:border-color .12s ease;cursor:pointer}@media (min-width: 600px){.dropzone{padding:48px 24px}}.dropzone.active{border-color:var(--accent)}.dropzone__title{font-size:18px;margin:0}.dropzone__or{color:var(--fg-dim);margin:0}.dropzone__hint{color:var(--fg-dim);margin:8px 0 0;font-size:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:11px 16px;min-height:44px;font-size:14px;font-weight:600;cursor:pointer;background:var(--bg-elev);color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,transform 80ms ease;-webkit-tap-highlight-color:transparent}.btn:hover{background:#2f2f37}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover{background:var(--accent-hover)}.btn--success{background:var(--success);color:#0a0a0a}.btn--ghost{background:transparent;border:1px solid var(--border)}.aspect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.aspect-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:var(--fg)}.aspect-tile--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.aspect-tile__preview{display:block;width:100%;max-width:60px;background:#3a3a42;border-radius:4px}.aspect-tile__label{font-size:12px;color:var(--fg-dim);text-align:center}.actions{display:flex;flex-wrap:wrap;gap:10px}.project-file__actions{display:flex;gap:8px;flex-wrap:wrap}.project-file__label{display:grid;gap:6px;margin-bottom:10px;color:var(--muted);font-size:12px}.project-file__input{width:100%;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font:inherit;padding:0 10px}.project-file__actions .btn{flex:1;min-width:150px}.project-file__message{margin:8px 0 0;color:var(--muted);font-size:12px}.project-save-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#00000094}.project-save-dialog__card{width:min(420px,100%);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);padding:16px;box-shadow:0 18px 60px #0006}.project-save-dialog__title{margin:0 0 8px;font-weight:700}.project-save-dialog__body{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6}.project-save-dialog__status{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:700}.project-save-dialog__name{margin-bottom:14px}.project-save-dialog__actions{display:grid;gap:8px}.project-file--compact{margin-top:12px}.project-file--compact .project-file__actions .btn{min-height:42px;min-width:0;font-size:13px;color:#fff;border-color:#ffffff2e;background:#ffffff14}.project-file--button-only{position:relative;min-width:0}.project-file__top-save{min-height:36px;padding:7px 10px;white-space:nowrap;font-size:12px}.project-file__message--floating{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:max-content;max-width:min(260px,70vw);padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-panel);box-shadow:0 10px 28px #00000059;color:var(--fg)}.clip-timeline{width:100%;padding:8px 24px 10px;border-top:1px solid var(--border);background:#05070b}.clip-timeline--embedded{padding:0;border-top:0;background:transparent;position:relative}.clip-timeline__scroller{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.clip-timeline--embedded .clip-timeline__scroller{padding-bottom:0;overflow:visible}.clip-timeline__sequence{flex:1 0 360px;display:flex;align-items:stretch;min-width:360px;min-height:54px;padding:3px;border-radius:8px;background:#141414}.clip-timeline--embedded .clip-timeline__sequence{flex-basis:auto;min-width:0;min-height:54px;padding:0;position:relative;overflow:hidden}.clip-timeline__clip{flex:1 0 80px;min-width:72px;height:54px;border:0;border-right:1px solid rgba(255,255,255,.16);border-radius:0;background:#202020;color:var(--text);padding:0;overflow:hidden;position:relative;touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.clip-timeline--embedded .clip-timeline__clip{position:absolute;top:0;bottom:0;min-width:0;touch-action:none}.clip-timeline__clip:active{cursor:grabbing}.clip-timeline__clip--reorder{cursor:grab;z-index:4;transition:filter .12s ease,box-shadow .12s ease,transform .15s cubic-bezier(.2,.8,.2,1);will-change:transform;box-shadow:inset 0 0 0 3px #ef4444db,0 0 0 1px #ef4444b8}.clip-timeline__clip--reorder:active{cursor:grabbing;filter:brightness(1.12)}.clip-timeline__clip--active{z-index:1;box-shadow:inset 0 0 0 4px var(--accent-warm),0 0 0 1px var(--accent-warm);border-radius:7px}.clip-timeline__clip--reorder.clip-timeline__clip--active{z-index:4;box-shadow:inset 0 0 0 3px #ef4444e6,0 0 0 1px #ef4444bd}.clip-timeline__clip--dragging,.clip-timeline__clip--dragging.clip-timeline__clip--active{z-index:20;filter:brightness(1.16) saturate(1.08);transition:none;box-shadow:inset 0 0 0 3px #f87171fa,0 16px 28px #0000007a,0 0 0 2px #f8717173}.clip-timeline__drop-marker{position:absolute;top:-9px;bottom:-9px;z-index:18;width:4px;transform:translate(-50%);border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb),.18),0 0 20px rgba(var(--accent-rgb),.8);pointer-events:none}.clip-timeline__filmstrip{display:flex;width:100%;height:100%;overflow:hidden}.clip-timeline__filmstrip img,.clip-timeline__empty-frame{flex:0 0 72px;width:72px;min-width:72px;height:100%;object-fit:cover;display:block}.clip-timeline__filmstrip img{image-rendering:auto;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.clip-timeline--embedded .clip-timeline__filmstrip img{flex-basis:64px;width:64px;min-width:64px}.clip-timeline__empty-frame{flex:1 1 auto;width:100%;min-width:100%;background:linear-gradient(90deg,#ffffff0a,#ffffff1f,#ffffff0a),#252525}.clip-timeline__trim-dim{position:absolute;top:0;bottom:0;z-index:3;background:#00000094;pointer-events:none}.clip-timeline__trim-dim--left{left:0}.clip-timeline__trim-dim--right{right:0}.clip-timeline__trim-range{position:absolute;top:0;bottom:0;z-index:4;border-top:3px solid var(--accent-warm);border-bottom:3px solid var(--accent-warm);pointer-events:none}.clip-timeline__trim-handle{position:absolute;top:-7px;bottom:-7px;z-index:12;width:42px;transform:translate(-50%);background:rgba(var(--accent-warm-rgb),.58);border:1px solid rgba(255,255,255,.48);touch-action:none}.clip-timeline__trim-handle:before{content:"";position:absolute;top:18px;bottom:18px;left:50%;width:4px;transform:translate(-50%);border-radius:999px;background:#14141494}.clip-timeline__trim-handle--start{border-radius:12px 5px 5px 12px}.clip-timeline__trim-handle--end{border-radius:5px 12px 12px 5px}.clip-timeline__add{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--accent);color:#fff;text-align:center;font-size:26px;font-weight:700;line-height:1}.clip-timeline__playhead{position:absolute;top:-7px;bottom:-7px;z-index:10;width:3px;transform:translate(-50%);border-radius:999px;background:var(--accent);pointer-events:none}.clip-timeline__error{margin:8px 0 0}.basic-edit__apply-all{width:100%;margin-top:10px}.saved-projects{width:min(720px,100%);margin:20px auto 0}.saved-projects__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.saved-projects__title{margin:0;font-size:15px;color:var(--fg)}.saved-projects__refresh{border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:6px 10px}.saved-projects__warning{margin:0 0 12px;padding:10px 12px;background:#facc1514;border:1px solid rgba(250,204,21,.35);border-radius:10px;color:#f5e47a;font-size:12.5px;line-height:1.6}.saved-projects__list{display:grid;gap:10px}.saved-projects__empty{padding:14px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);font-size:13px;line-height:1.6;background:#ffffff05}.saved-projects__card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08}.saved-projects__thumb{width:96px;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0a0a0c;display:grid;place-items:center;color:var(--muted);font-size:11px}.saved-projects__thumb img{width:100%;height:100%;object-fit:cover;display:block}.saved-projects__meta{display:grid;gap:4px;min-width:0}.saved-projects__meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-projects__name-row{display:flex;align-items:center;gap:8px;min-width:0}.saved-projects__name-row strong{min-width:0}.saved-projects__rename-btn{flex:0 0 auto;border:1px solid var(--border);border-radius:7px;background:transparent;color:var(--fg-dim);font:inherit;font-size:11px;padding:4px 7px}.saved-projects__rename{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}.saved-projects__rename-input{min-height:34px}.saved-projects__rename .btn{min-height:34px;padding:0 10px;font-size:12px}.saved-projects__meta span{color:var(--muted);font-size:12px}.saved-projects__actions{display:flex;gap:8px}.saved-projects__actions .btn{min-height:38px;padding:0 14px;font-size:13px}@media (max-width: 767px){.saved-projects{padding:0 12px;margin-top:18px}.saved-projects__card{grid-template-columns:96px minmax(0,1fr);align-items:start}.saved-projects__actions{grid-column:1 / -1}.saved-projects__actions .btn{flex:1}}.preview{display:flex;flex-direction:column;gap:12px}.preview__stage{background:#000;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:240px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview__canvas{display:block;max-width:100%;height:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview__source{width:100%;max-height:220px;background:#000;border-radius:var(--radius)}.preview__bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:1;pointer-events:none;z-index:0}.preview__stage-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:1;pointer-events:none}.preview__overlay,.preview__gesture-hint{z-index:3}.preview__meta{margin:0;color:var(--fg-dim);font-size:12px}.slider{display:grid;grid-template-columns:80px 1fr 52px;gap:8px;align-items:center;margin-bottom:10px}@media (min-width: 600px){.slider{grid-template-columns:100px 1fr 56px}}input[type=range]{height:28px;cursor:pointer}.slider__label{color:var(--fg-dim);font-size:13px}.slider__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-dim);font-size:12px}.lang-switch{display:flex;align-items:center;gap:8px}.lang-switch__label{color:var(--fg-dim);font-size:12px}.lang-switch__buttons{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang-switch__btn{background:transparent;border:none;color:var(--fg-dim);padding:6px 10px;font-size:12px;cursor:pointer}.lang-switch__btn--active{background:var(--bg-elev);color:var(--fg)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.overlay__card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;min-width:280px;max-width:380px;text-align:center}.overlay__card h3{margin:0 0 12px;font-size:16px}.overlay__percent{margin:8px 0 0;font-variant-numeric:tabular-nums;color:var(--fg-dim)}.overlay__msg{margin:4px 0 0;color:var(--fg-dim);font-size:12px}.overlay__warning{margin:14px 0 0;padding:10px 12px;border:1px solid #c8a83a;background:#c8a83a1f;border-radius:8px;color:#f0d775;font-size:12px;line-height:1.5;text-align:left}.overlay__card--error{border:1px solid #d75c5c}.overlay__dismiss{margin-top:16px;width:100%}.progressbar{width:100%;height:8px;background:var(--bg-elev);border-radius:999px;overflow:hidden}.progressbar__fill{height:100%;background:var(--accent);transition:width .12s ease}.error{color:var(--error);font-size:13px;margin:0}.framing__current{display:flex;align-items:center;gap:8px;margin-bottom:10px}.framing__time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;background:var(--bg-elev);padding:4px 10px;border-radius:6px}.framing__badge{font-size:11px;color:var(--fg-dim);background:var(--bg-elev);padding:3px 8px;border-radius:999px;border:1px solid var(--border)}.framing__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.framing__listHeading{margin:16px 0 8px;font-size:12px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.04em}.keyframe-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.keyframe-list__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:var(--bg-elev);border-radius:6px;padding:4px 8px}.keyframe-list__jump{background:transparent;border:none;color:var(--fg);font-variant-numeric:tabular-nums;font-size:12px;cursor:pointer;padding:2px 6px;border-radius:4px}.keyframe-list__jump:hover{background:rgba(var(--accent-rgb),.15);color:var(--accent)}.keyframe-list__offset{font-size:11px;color:var(--fg-dim);font-variant-numeric:tabular-nums}.keyframe-list__delete{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--fg-dim);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px}.keyframe-list__delete:hover{background:var(--error);color:#fff}.resolution-row{display:flex;gap:8px;margin-bottom:8px}.resolution-btn{flex:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:10px 8px;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer}.resolution-btn--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--fg)}.output__summary{margin:4px 0 8px;color:var(--fg-dim);font-size:12px;font-variant-numeric:tabular-nums}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.layout--desktop{display:block}.layout--mobile{display:none}@media (max-width: 767px){.layout--desktop{display:none}.layout--mobile{display:block}}.preview__stage{position:relative}.preview__overlay{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;pointer-events:none}.preview__overlay-time{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;background:#000000a6;color:#fff;padding:3px 8px;border-radius:6px}.preview__overlay-kf{font-size:11px;background:#000000a6;color:var(--fg-dim);padding:3px 8px;border-radius:6px}.preview__overlay-kf--active{color:var(--accent)}.preview__overlay-scale{font-variant-numeric:tabular-nums;font-size:11px;background:#000000a6;color:var(--fg-dim);padding:3px 8px;border-radius:6px;margin-left:auto}.scrub-prep-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:24px;background:#06080cd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.scrub-prep-overlay__card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(360px,100%);padding:22px 20px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#14161cf7;color:#fff;box-shadow:0 10px 28px #00000073}.scrub-prep-overlay__message{margin:0;font-size:13.5px;line-height:1.6;text-align:center;word-break:break-word}.scrub-prep-overlay__bar{width:100%;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.scrub-prep-overlay__bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .16s ease-out}.scrub-prep-overlay__pct{font-size:15px;font-variant-numeric:tabular-nums;color:var(--accent)}.debug-log{width:100%;margin-top:10px;text-align:left}.debug-log summary{font-size:11px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.debug-log__toolbar{display:flex;justify-content:flex-end;margin-top:6px}.debug-log__copy{font-size:11px;font-weight:600;padding:5px 12px;border-radius:8px;background:var(--bg-elev, #24242b);color:var(--fg, #f5f5f7);border:1px solid var(--border, #2e2e36);cursor:pointer;-webkit-tap-highlight-color:transparent}.debug-log__copy:active{background:#33333c}.debug-log__pre{margin:6px 0 0;padding:8px;max-height:180px;overflow:auto;font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-all;border:1px solid var(--border);border-radius:8px;background:#00000059;color:#ffffffbf}.preview__gesture-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:11px;background:#0000008c;color:#ffffffbf;padding:4px 12px;border-radius:999px;white-space:nowrap;pointer-events:none}.mobile-app{display:flex;flex-direction:column;height:100vh;height:100svh;background:var(--bg);overflow:hidden}.mobile-app--editor{--mobile-preview-min: clamp(260px, 45svh, 430px);--mobile-sheet-height: clamp(96px, 18svh, 150px)}.mobile-upload{flex:1;display:flex;flex-direction:column;overflow-y:auto}.mobile-upload__header{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + var(--safe-top)) 14px 10px;flex-shrink:0}.mobile-header__title{font-size:16px;font-weight:700}.mobile-editor-topbar{position:relative;z-index:12;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;flex-shrink:0;padding:calc(6px + var(--safe-top)) 10px 6px;border-bottom:1px solid var(--border);background:var(--bg)}.mobile-editor-back{min-height:34px;padding:7px 12px;flex-shrink:0;font-size:12px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border)}.mobile-editor-topbar .project-file--button-only{justify-self:center}.mobile-editor-topbar .project-file__top-save{min-height:34px;padding:7px 14px;font-size:12px;border-radius:999px;background:var(--bg-elev);color:var(--fg)}.mobile-editor-export{min-height:34px;padding:7px 16px;font-size:12px;font-weight:700;white-space:nowrap;border-radius:999px;background:var(--accent-grad);border:none;color:#fff;box-shadow:0 2px 10px rgba(var(--accent-rgb),.35)}.mobile-editor-export--active{filter:brightness(1.08)}.mobile-export-popover{position:fixed;left:0;right:0;top:calc(49px + var(--safe-top));bottom:calc(50px + var(--safe-bottom));z-index:9;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px 12px;background:#000000b8;border-top:1px solid rgba(255,255,255,.08)}.export-panel--popover{width:min(720px,100%);margin:0 auto;padding:14px 12px 16px;border:1px solid rgba(255,255,255,.16);border-top:none;border-radius:0 0 14px 14px;background:#111318;box-shadow:0 18px 50px #00000094}.mobile-preview{flex:1 1 var(--mobile-preview-min, 0);min-height:0;overflow:hidden;background:#000}.mobile-preview .preview{height:100%;display:flex;flex-direction:column;gap:0}.mobile-preview .preview__stage{flex:1;min-height:0;border-radius:0;border:none}.mobile-preview .preview__meta{display:none}.timeline-section{flex-shrink:0;background:var(--bg);padding:4px 24px 6px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--border)}@media (min-width: 768px){.timeline-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);padding:10px 14px 12px}}.playback-bar{position:relative;display:flex;align-items:center;gap:5px;height:32px}.playback-btn{width:31px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:none;border-radius:50%;color:var(--fg);font-size:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.playback-btn:active{background:#3a3a44}.playback-icon{display:block;width:14px;height:16px;position:relative}.playback-icon--play{width:0;height:0;margin-left:2px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor}.playback-icon--pause:before,.playback-icon--pause:after{content:"";position:absolute;top:1px;bottom:1px;width:5px;border-radius:1px;background:currentColor}.playback-icon--pause:before{left:1px}.playback-icon--pause:after{right:1px}.playback-time{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;letter-spacing:.02em}.playback-dur{color:var(--fg-dim);font-weight:400}.playback-spacer{flex:1}.playback-add-clip-btn,.playback-reorder-btn,.playback-delete-clip-btn{height:29px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid rgba(var(--accent-rgb),.7);border-radius:8px;background:rgba(var(--accent-rgb),.16);color:var(--fg);font:inherit;font-size:11px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.playback-add-clip-btn{min-width:74px}.playback-reorder-btn{min-width:42px;border-color:#ffffff2e;background:var(--bg-elev)}.playback-delete-clip-btn{min-width:42px;border-color:#f871718c;background:#7f1d1d2e;color:#fecaca}.playback-reorder-btn--active{border-color:#f87171f2;background:#b91c1c;color:#fff;box-shadow:0 0 0 1px #f8717159,0 8px 18px #b91c1c52}.playback-reorder-btn:disabled,.playback-delete-clip-btn:disabled{opacity:.38;cursor:default}.playback-add-clip-btn:active{background:rgba(var(--accent-rgb),.28)}.playback-delete-clip-btn:not(:disabled):active{background:#7f1d1d57}.clip-add-error{padding:6px 8px;border-radius:6px;background:#000000c7;font-size:12px}.playback-bar .clip-add-error{position:absolute;left:12px;right:12px;top:46px;z-index:30;margin:0}.playback-reset{background:transparent;border:none;color:var(--fg-dim);font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.playback-reset:active{color:var(--fg)}.playback-kf-btn{width:40px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:11px;font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s,color .12s}.playback-kf-btn--remove{border-color:var(--error);color:var(--error)}.timeline-frame{position:relative;display:flex;flex-direction:column}.timeline-zoom-area{position:relative;display:flex;flex-direction:column;gap:4px;touch-action:none;-webkit-tap-highlight-color:transparent}.kf-markers-track{position:relative;height:18px}.kf-marker{position:absolute;top:0;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:11px solid #FFD600;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));-webkit-tap-highlight-color:transparent}.kf-marker:active{border-top-color:#fff}.kf-needle{position:absolute;top:0;bottom:0;transform:translate(-50%);width:2px;background:var(--accent);border-radius:1px;pointer-events:none}.timeline-track{height:30px;background:#c8c8c8;border-radius:6px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;overflow:hidden}.timeline-track--strip{height:44px;background:#1a1a1a}.timeline-thumb-img{position:absolute;top:0;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;margin-left:-.5px;margin-right:-.5px}.timeline-zoom-indicator{position:absolute;top:2px;right:4px;font-size:10px;color:var(--fg-dim);background:#00000073;padding:1px 6px;border-radius:999px;pointer-events:none;font-variant-numeric:tabular-nums}.timeline-edge{position:absolute;top:0;bottom:28px;width:26px;pointer-events:none;z-index:3;display:flex;align-items:center;color:#ffc88cf2;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.timeline-edge--left{left:0;justify-content:flex-start;padding-left:4px;background:linear-gradient(to right,rgba(var(--accent-warm-rgb),.28),rgba(var(--accent-warm-rgb),.06) 60%,rgba(var(--accent-warm-rgb),0));border-left:2px solid rgba(var(--accent-warm-rgb),.85)}.timeline-edge--right{right:0;justify-content:flex-end;padding-right:4px;background:linear-gradient(to left,rgba(var(--accent-warm-rgb),.28),rgba(var(--accent-warm-rgb),.06) 60%,rgba(var(--accent-warm-rgb),0));border-right:2px solid rgba(var(--accent-warm-rgb),.85)}.timeline-edge--left:before{content:"‹"}.timeline-edge--right:after{content:"›"}.timeline-minimap{position:relative;height:10px;margin-top:4px;background:#ffffff0f;border-radius:4px;cursor:pointer;touch-action:none;overflow:hidden}.timeline-minimap__window{position:absolute;top:0;bottom:0;background:rgba(var(--accent-warm-rgb),.35);border:1px solid rgba(var(--accent-warm-rgb),.85);border-radius:3px;box-sizing:border-box;pointer-events:none}.timeline-minimap__playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;pointer-events:none;opacity:.8}.timeline-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:6px 0 0 6px;pointer-events:none}.timeline-track--strip .timeline-fill{background:rgba(var(--accent-rgb),.28);border-radius:0;border-right:2px solid var(--accent)}.timeline-trim-dim{position:absolute;top:0;bottom:0;z-index:4;background:#00000094;pointer-events:none}.timeline-trim-dim--left{left:0}.timeline-trim-dim--right{right:0}.timeline-trim-range{position:absolute;top:0;bottom:0;z-index:5;border-top:3px solid var(--accent-warm);border-bottom:3px solid var(--accent-warm);pointer-events:none;box-shadow:inset 0 0 0 1px #00000040}.timeline-trim-handle{position:absolute;top:-3px;bottom:-3px;z-index:8;width:22px;transform:translate(-50%);border:2px solid rgba(0,0,0,.42);background:var(--accent-warm);border-radius:8px;cursor:ew-resize;touch-action:none;box-shadow:0 4px 14px #00000073}.timeline-trim-handle:before{content:"";position:absolute;top:11px;bottom:11px;left:50%;width:2px;transform:translate(-50%);border-radius:999px;background:#00000073}.timeline-trim-handle--start{border-radius:8px 3px 3px 8px}.timeline-trim-handle--end{border-radius:3px 8px 8px 3px}.timeline-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059;pointer-events:none}.mobile-sheet__content{flex:0 0 var(--mobile-sheet-height, 140px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-panel);padding:10px 12px;min-height:92px;max-height:var(--mobile-sheet-height, 150px)}.mobile-sheet__content--tall{flex-basis:clamp(150px,34svh,300px);max-height:clamp(150px,34svh,300px)}.mobile-tabs{display:flex;flex-shrink:0;background:#111116eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-strong, rgba(255, 255, 255, .12));padding:4px 6px calc(4px + var(--safe-bottom));position:sticky;bottom:0;z-index:5;box-shadow:0 -2px 8px #00000059}.mobile-tab{flex:1 1 0;min-width:0;background:transparent;border:none;color:var(--fg-dim);font-size:10px;font-weight:600;padding:6px 2px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;-webkit-tap-highlight-color:transparent;transition:color .12s;border-radius:10px;position:relative}.audiopanel{display:flex;flex-direction:column;gap:14px}.audiopanel--compact{gap:8px;color:var(--fg)}.audiopanel__section{display:grid;gap:9px;min-width:0}.audiopanel__section+.audiopanel__section{padding-top:12px;border-top:1px solid var(--border)}.audiopanel__section-head,.audiopanel__track-head,.audiopanel__actions{display:flex;align-items:center;gap:7px}.audiopanel__section-head,.audiopanel__track-head{min-width:0}.audiopanel__section-head .audiopanel__heading{margin-right:auto}.audiopanel__heading{margin:0;color:var(--fg);font-size:13px}.audiopanel__clip-name,.audiopanel__note{margin:0;color:var(--fg-dim);font-size:11px}.audiopanel__tracks{display:grid;gap:10px}.audiopanel__track{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev)}.audiopanel__track-head strong{min-width:0;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.audiopanel__track-head .btn,.audiopanel__section-head .btn,.audiopanel__actions .btn{min-height:32px;padding:0 9px;font-size:11px}.audiopanel__slider-row{display:grid;grid-template-columns:74px minmax(0,1fr) 48px;align-items:center;gap:7px;min-width:0;color:var(--fg-dim);font-size:11px}.audiopanel__slider-row input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}.audiopanel__slider-row output{text-align:right;font-variant-numeric:tabular-nums}.audiopanel__loop{display:flex;align-items:center;gap:7px;color:var(--fg-dim);font-size:11px}.audiopanel--compact .panel__heading{display:none}.audiopanel--compact .audiopanel__section+.audiopanel__section{padding-top:7px}.audiopanel--compact .audiopanel__track{padding:7px;gap:5px}.audiopanel--compact .audiopanel__slider-row{grid-template-columns:56px minmax(0,1fr) 40px}.audiopanel--compact .audiopanel__clip-volume-row{display:flex;align-items:center;gap:6px;min-width:0}.audiopanel--compact .audiopanel__clip-volume-row .audiopanel__slider-row{flex:1}.audiopanel--compact .audiopanel__clip-volume-row .btn,.audiopanel--compact .audiopanel__actions--apply-all .btn{min-height:28px;padding:0 7px;font-size:10px}.mobile-tab__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-tab--active{color:var(--accent)}.mobile-tab--active:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--accent-grad);box-shadow:0 2px 8px rgba(var(--accent-rgb),.5)}.aspect-grid-mobile{display:flex;gap:8px;height:100%;align-items:center;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.aspect-tile-m{flex:0 0 74px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--bg-elev);border:1.5px solid var(--border);border-radius:12px;padding:8px 4px;cursor:pointer;color:var(--fg-dim);font-weight:700;-webkit-tap-highlight-color:transparent;scroll-snap-align:start;transition:border-color .12s,background .12s,color .12s}.aspect-tile-m--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.16);color:var(--fg);box-shadow:0 4px 14px rgba(var(--accent-rgb),.2)}.aspect-tile-m__box{display:flex;align-items:center;justify-content:center;width:46px;height:46px}.aspect-tile-m__rect{display:block;background:#ffffff47;border:1.5px solid rgba(255,255,255,.7);border-radius:3px;transition:border-color .12s,background .12s}.aspect-tile-m--active .aspect-tile-m__rect{border-color:var(--accent);background:rgba(var(--accent-rgb),.4)}.aspect-tile-m__label{font-size:11px;font-weight:700;letter-spacing:.01em}.tracking-panel,.basic-edit{display:flex;flex-direction:column;gap:14px}.basic-edit--compact{color:var(--fg);height:100%;gap:8px}.basic-edit__group{display:grid;gap:10px}.basic-edit__grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 420px){.basic-edit__grid{grid-template-columns:1fr}}.basic-edit__row-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--fg-dim);font-variant-numeric:tabular-nums}.basic-edit__hint{margin:0;color:var(--fg-dim);font-size:12px}.basic-edit__control{display:grid;gap:6px;min-width:0;font-size:13px;color:var(--fg-dim)}.basic-edit__control input[type=range]{width:100%;accent-color:var(--accent)}.basic-edit__filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.basic-edit__filter{min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev);color:var(--fg);font-size:12px;font-weight:600}.basic-edit__filter--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.2);color:#fff}.editseg{display:flex;align-items:center;gap:8px;flex-shrink:0}.editseg__tabs{display:flex;gap:2px;background:var(--bg-elev);border-radius:10px;padding:3px;flex:1;min-width:0}.editseg__tab{flex:1;border:none;background:transparent;color:var(--fg-dim);font-size:12px;font-weight:600;padding:6px 2px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .14s,color .14s;-webkit-tap-highlight-color:transparent}.editseg__tab--active{background:var(--bg-elev-2);color:var(--fg);box-shadow:0 1px 4px #0000004d}.editseg__apply-all{flex-shrink:0;border:1px solid var(--border-strong);background:transparent;color:var(--fg-dim);font-size:10.5px;font-weight:600;padding:6px 9px;border-radius:999px;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.param-body{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.param-chips-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.param-chips-row .param-chips{flex:1;min-width:0}.param-chips{display:flex;flex-wrap:wrap;gap:6px;padding:1px}.param-chip{flex-shrink:0;display:flex;align-items:center;gap:5px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-dim);font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer;transition:all .14s;-webkit-tap-highlight-color:transparent}.param-chip__val{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.param-chip--active{background:rgba(var(--accent-rgb),.16);border-color:var(--accent);color:var(--fg)}.param-chip--active .param-chip__val{color:var(--accent)}.param-slider-row{display:flex;align-items:center;gap:12px;flex:1;min-height:0;padding:0 2px}.param-slider-row__reset{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--fg-dim);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.param-slider-row__val{min-width:52px;text-align:right;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);flex-shrink:0}.slimtrack{position:relative;flex:1;height:28px;display:flex;align-items:center;min-width:0}.slimtrack__bg{position:absolute;left:0;right:0;height:4px;border-radius:2px;background:var(--bg-elev-2)}.slimtrack__fill{position:absolute;height:4px;border-radius:2px;background:var(--accent)}.slimtrack input[type=range]{position:relative;z-index:1;width:100%;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slimtrack input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.slimtrack input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000080,0 0 0 1px #0003;margin-top:-8px}.slimtrack input[type=range]::-moz-range-track{height:4px;background:transparent}.slimtrack input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 6px #00000080,0 0 0 1px #0003}.filter-tiles{display:flex;gap:10px;overflow-x:auto;flex:1;align-items:center;scrollbar-width:none;padding:2px}.filter-tiles::-webkit-scrollbar{display:none}.filter-tile{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:var(--fg-dim);font-size:10.5px;font-weight:600;padding:2px;-webkit-tap-highlight-color:transparent}.filter-tile__swatch{width:52px;height:40px;border-radius:10px;border:2px solid transparent;background:linear-gradient(160deg,#4a5a75,#232936);transition:border-color .14s}.filter-tile--warm .filter-tile__swatch{background:linear-gradient(160deg,#6b5540,#33261c)}.filter-tile--cool .filter-tile__swatch{background:linear-gradient(160deg,#3d5a78,#1c2836)}.filter-tile--vivid .filter-tile__swatch{background:linear-gradient(160deg,#5a4a8a,#28324a);filter:saturate(1.6)}.filter-tile--mono .filter-tile__swatch{background:linear-gradient(160deg,#6a6a6a,#222)}.filter-tile--active{color:var(--fg)}.filter-tile--active .filter-tile__swatch{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)}.trk{display:flex;flex-direction:column;gap:9px;height:100%}.trk__btns{display:flex;gap:8px;flex-shrink:0}.trk__analyze{flex:1.6;min-height:34px;padding-top:6px;padding-bottom:6px;border-radius:10px;font-size:12.5px;box-shadow:0 2px 9px rgba(var(--accent-rgb),.28)}.trk__clear{flex:1;min-height:34px;padding-top:6px;padding-bottom:6px;border-radius:10px;font-size:12px}.trk__row{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--fg-dim);font-weight:600}.trk__label{flex-shrink:0;width:92px;color:var(--fg);font-size:12.5px}.trk__edge{flex-shrink:0;color:var(--fg-dim)}.trk__slim{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;height:24px;background:transparent;cursor:pointer;accent-color:var(--accent)}.trk__slim::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--bg-elev-2)}.trk__slim::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000080;margin-top:-7px}.trk__slim::-moz-range-track{height:4px;border-radius:2px;background:var(--bg-elev-2)}.trk__slim::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.trk__slim::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000080}.tracking__speed-block{display:flex;flex-direction:column;gap:8px}.tracking__speed-title{text-align:center;font-size:12.5px;font-weight:600;color:var(--fg)}.tracking__speed-row{display:flex;align-items:center;gap:10px}.tracking__speed-label{font-size:11.5px;color:var(--fg-dim);flex-shrink:0}.tracking__speed-row input[type=range]{flex:1;accent-color:var(--accent);height:28px}.tracking__speed-slider-wrap{flex:1;position:relative;display:flex;flex-direction:column;align-items:stretch;padding-bottom:16px}.tracking__speed-slider{width:100%;accent-color:var(--accent);height:28px;margin:0}.tracking__speed-rec-tick{position:absolute;left:50%;top:26px;transform:translate(-50%);width:2px;height:6px;background:#ffffff8c;border-radius:1px;pointer-events:none}.tracking__speed-rec-label{position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:10px;color:#ffffffa6;pointer-events:none;white-space:nowrap}.download-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;min-width:240px;max-width:calc(100vw - 32px);background:#2c2c34;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:10px 12px 10px 14px;box-shadow:0 8px 28px #00000080;animation:download-toast-in .22s ease-out}@keyframes download-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.download-toast__icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:16px}.download-toast__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.download-toast__title{font-size:13px;font-weight:600}.download-toast__filename{font-size:11px;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.download-toast__close{background:transparent;border:none;color:var(--fg-dim);font-size:22px;line-height:1;cursor:pointer;padding:0 4px;-webkit-tap-highlight-color:transparent}.download-toast__close:hover{color:var(--fg)}@media (min-width: 768px){.download-toast{bottom:24px}}.export-panel{display:flex;flex-direction:column;gap:10px}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.res-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fffc;font-size:12px;font-weight:500;padding:10px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s}.res-btn--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.18);color:#fff}.audio-row{display:flex;gap:6px}.fps-row{display:flex;gap:6px;margin-bottom:10px}.audio-btn{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;padding:10px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s}.audio-btn--active{border-color:var(--accent);background:rgba(var(--accent-rgb),.18);color:#fff}.export-filename{display:grid;gap:6px;color:var(--fg-dim);font-size:12px}.export-filename__input{width:100%;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:var(--fg);font:inherit;padding:0 10px}.export-actions{display:flex;gap:8px}.export-main-btn{flex:1;min-height:46px;font-size:14px;border-radius:10px}.export-main-btn:disabled{opacity:.45;cursor:not-allowed}.export-dl-btn{flex:1;min-height:46px;font-size:14px;border-radius:10px;background:#09f;color:#fff;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600}.export-dl-btn:hover{background:#2af}.version-tag{position:fixed;left:6px;bottom:4px;font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff52;background:#00000040;padding:1px 5px;border-radius:3px;pointer-events:auto;-webkit-user-select:text;user-select:text;z-index:9999;letter-spacing:.02em}.version-tag:hover{color:#fff9}body:has(.mobile-app--editor) .version-tag{bottom:calc(52px + var(--safe-bottom))}.timeline-thumb-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 40%,#ffffff1a 60%,#ffffff0a);background-size:220% 100%;animation:timeline-thumb-shimmer 1.4s linear infinite;pointer-events:none}@keyframes timeline-thumb-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .18s ease-out}.modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px 22px 18px;max-width:380px;width:100%;box-shadow:0 12px 40px #00000080;animation:modal-pop-in .2s ease-out}.modal__title{margin:0 0 10px;font-size:17px;font-weight:600;color:#fff}.modal__body{margin:0 0 18px;font-size:14px;line-height:1.55;color:#ffffffc7}.modal__actions{display:flex;justify-content:flex-end;gap:10px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mobile-app .playback-bar--compact{gap:4px;justify-content:space-between;overflow:visible}.mobile-app .playback-bar--compact .playback-spacer{display:none}.mobile-app .playback-float{position:absolute;left:-10px;bottom:calc(100% + 9px);z-index:6;display:flex;align-items:center;gap:7px;padding:3px 12px 3px 3px;border-radius:999px;background:#0c0c1194;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000059}.mobile-app .playback-float .playback-time{white-space:nowrap;font-size:11.5px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.playback-inline{display:contents}.mobile-app .icon-btn{width:28px;height:28px;min-width:28px;flex-shrink:0;border-radius:9px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent}.mobile-app .icon-btn:disabled{opacity:.35}.mobile-app .icon-btn.playback-kf-btn--remove{border-color:var(--error);color:var(--error)}.mobile-app .icon-btn.playback-reorder-btn--active{border-color:#f87171f2;background:#b91c1c;color:#fff}.mobile-app .icon-btn.playback-delete-clip-btn{border-color:#f8717166;color:#fecaca}.mobile-app .icon-btn.icon-btn--kfclear{width:auto;min-width:0;padding:0 8px;margin-left:4px;font-size:11px;font-weight:700;color:var(--accent-warm);border-color:rgba(var(--accent-warm-rgb),.5);background:rgba(var(--accent-warm-rgb),.1)}.mobile-app .icon-btn.icon-btn--kfclear:disabled{color:var(--fg-dim);border-color:var(--border);background:var(--bg-elev)}.tracking__zoom-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.tracking__zoom-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.tracking__zoom-toggle-label{font-size:13px;font-weight:600;color:var(--fg)}.switch-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:23px;margin:0;border-radius:999px;background:var(--bg-elev-2);position:relative;cursor:pointer;flex-shrink:0;transition:background .16s}.switch-input:before{content:"";position:absolute;top:2.5px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s;box-shadow:0 1px 4px #0006}.switch-input:checked{background:var(--accent)}.switch-input:checked:before{transform:translate(16px)}.tracking__zoom-hint{margin:6px 0 0;font-size:12px;color:var(--fg-dim);line-height:1.4}.tracking__zoom-target{margin-top:14px}.framing__history{display:flex;gap:8px;margin-bottom:10px}.framing__history .btn{flex:1;font-size:13px}.export-result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto}.export-result__card{position:relative;background:#1c1f24;color:#f1f3f5;width:100%;max-width:520px;border-radius:14px;padding:18px 18px 16px;box-shadow:0 16px 48px #0000008c;display:flex;flex-direction:column;gap:12px}.export-result__close-x{position:absolute;top:6px;right:8px;background:transparent;border:none;color:#9aa3ad;font-size:26px;line-height:1;width:36px;height:36px;cursor:pointer;border-radius:8px}.export-result__close-x:active{background:#ffffff14}.export-result__title{font-size:16px;font-weight:700;margin:0 36px 0 4px}.export-result__video{width:100%;max-height:56vh;background:#000;border-radius:10px;display:block}.export-result__filename{font-size:12px;color:#9aa3ad;text-align:center;word-break:break-all;font-variant-numeric:tabular-nums}.export-result__buttons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.export-result__btn{width:100%;font-size:15px;padding:13px 16px;border-radius:10px}.export-result__hint{font-size:11.5px;color:#8a93a0;line-height:1.6;margin:4px 0 0;text-align:center}.export-result__error{font-size:12px;color:#f87171;margin:4px 0 0;text-align:center}.export-result__saved{font-size:13px;font-weight:700;color:#4ade80;margin:4px 0 0;text-align:center}.overlay__cancel{margin-top:12px;min-width:140px}.export-result__close-btn{width:100%;margin-top:4px;font-size:13px;padding:10px 12px}.notice-panel{display:flex;align-items:flex-start;gap:10px;margin:24px auto 0;max-width:720px;padding:14px 16px;background:#facc1514;border:1px solid rgba(250,204,21,.35);border-radius:12px}.notice-panel__icon{font-size:18px;line-height:1.5;flex-shrink:0}.notice-panel__text{margin:0;font-size:13.5px;line-height:1.7;color:#f5e47a;white-space:pre-wrap;word-break:break-word}.mobile-upload .notice-panel{margin:20px 12px 0}.news-panel{margin:24px auto 0;max-width:720px;padding:0 4px}.news-panel__heading{font-size:14px;font-weight:600;color:#c9cdd3;letter-spacing:.04em;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #2a2e34}.news-panel__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.news-panel__item{background:#ffffff08;border:1px solid #2a2e34;border-radius:10px;padding:12px 14px}.news-panel__date{display:block;font-size:11px;color:#8a93a0;font-variant-numeric:tabular-nums;margin-bottom:4px;letter-spacing:.02em}.news-panel__body{font-size:13.5px;line-height:1.7;color:#e2e6eb;white-space:pre-wrap;word-break:break-word}.mobile-upload .news-panel{margin-top:20px;padding:0 12px 24px}.mobile-upload .news-panel__body{font-size:13px}.inapp-notice{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.inapp-notice__card{background:#1c1f24;color:#f1f3f5;max-width:460px;width:100%;border-radius:14px;padding:24px 20px 20px;box-shadow:0 12px 40px #00000080;display:flex;flex-direction:column;gap:14px}.inapp-notice__title{font-size:17px;font-weight:700;margin:0;line-height:1.4}.inapp-notice__body{font-size:14px;line-height:1.6;margin:0;color:#c9cdd3}.inapp-notice__primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#ff8c42;color:#1a1a1a;font-weight:700;font-size:15px;padding:14px 16px;border-radius:10px;cursor:pointer;margin-top:4px}.inapp-notice__primary:active{background:#e87a30}.inapp-notice__details{font-size:13px;color:#c9cdd3}.inapp-notice__details summary{cursor:pointer;padding:6px 0;color:#8ab4f8}.inapp-notice__manual{font-size:13px;line-height:1.6;margin:8px 0 10px;color:#c9cdd3}.inapp-notice__copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #444a52;background:#2a2e34;color:#f1f3f5;font-size:13px;padding:8px 12px;border-radius:8px;cursor:pointer}.inapp-notice__dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#7c8590;font-size:12px;text-decoration:underline;padding:8px 0 0;cursor:pointer;align-self:center}.top-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg);opacity:0;transition:opacity .9s ease}.top-bg--on{opacity:1}.top-bg__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.top-bg__source{position:absolute;top:0;left:0;width:1px;height:1px;opacity:.01;pointer-events:none}.top-bg__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.06) brightness(.9)}.top-bg__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#0e0e1000,#0e0e106b 74%,#0e0e10b8),linear-gradient(180deg,#0e0e10a8,#0e0e1057 28%,#0e0e1066 68%,#0e0e10d1)}.mobile-app--top{background:transparent}.app--top .panel,.app--top .dropzone,.mobile-app--top .panel,.mobile-app--top .dropzone{background:#17171cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app--top .news-panel__item,.mobile-app--top .news-panel__item{background:#17171c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.app--top .saved-projects__card,.mobile-app--top .saved-projects__card{background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}