html,body{margin:0}::selection{color:#fff;background:#ff5c6c59}:root{--glass:#120e168c;--glass-strong:#16101cb8;--glass-soft:#ffffff0f;--glass-border:#ffb4c82e;--glass-border-dim:#ffffff1a;--ink:#f6eef4;--ink-soft:#d4c2d0;--muted:#a890a0;--accent:#ff5c6c;--accent-deep:#ff3d5a;--accent-2:#c45cff;--poem:#e879f9;--image:#fb7185;--video:#f97316;--missing:#ef4444;--playhead:#ff4d6d;--shadow:0 12px 40px #00000073;--shadow-sm:0 6px 22px #00000059;--radius:18px;--radius-sm:12px;--font:"Sora", "Segoe UI", sans-serif;--font-display:"Outfit", "Sora", sans-serif;--lh:1.35}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--font);font-size:13px;line-height:var(--lh);letter-spacing:-.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0000;background-image:radial-gradient(1000px 640px at 0 -5%,#ff5a3c6b,#0000 55%),radial-gradient(900px 580px at 100% 0,#ec489961,#0000 52%),radial-gradient(780px 520px at 55% 110%,#a855f766,#0000 48%),radial-gradient(600px 420px at 80% 40%,#f9731638,#0000 50%),linear-gradient(165deg,#050508 0%,#0c0612 40%,#120810 70%,#08040a 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}button,input,select,a{font:inherit;line-height:var(--lh)}.filmora-shell{grid-template-rows:46px minmax(0,1fr) minmax(195px,31vh) 26px;gap:6px;height:100%;max-height:100vh;padding:6px 8px;display:grid;overflow:hidden}.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(1.35)}.app-menubar{z-index:1500;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(22px)saturate(1.5);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.brand-block{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.brand-block strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}.brand-block span{color:var(--muted);font-size:11px;font-weight:500;line-height:1.2}.menubar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.ghost,.import-btn,.align-btn,.primary,.transport-row button{border:1px solid var(--glass-border-dim);min-height:34px;color:var(--ink);letter-spacing:-.01em;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;line-height:1;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.ghost:hover,.import-btn:hover,.align-btn:hover,.primary:hover{background:#ffffff1f;transform:translateY(-1px)}.ghost:disabled,.import-btn.disabled,.align-btn:disabled,.primary:disabled,.import-btn.disabled{opacity:.42;cursor:not-allowed;transform:none}.ghost.link{text-decoration:none}.proj-pill{min-height:26px;color:var(--ink-soft);border:1px solid var(--glass-border-dim);background:#ffffff0f;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.pc-id-pill{color:#5eead4;cursor:pointer;background:#1cd6b01f;border:1px solid #1cd6b073;border-radius:999px;align-items:center;gap:4px;min-height:26px;padding:0 10px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.pc-id-pill:hover{background:#1cd6b038}.pc-tag{color:#cbd5e1;background:#ffffff1a;border-radius:6px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.pc-tag.mine{color:#5eead4;background:#1cd6b02e;border:1px solid #1cd6b066}.workspace{grid-template-columns:minmax(250px,27%) 186px minmax(0,1fr);gap:8px;height:100%;min-height:0;display:grid;overflow:hidden}.media-panel,.project-info,.preview-pane,.timeline-editor{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(1.3);border-radius:14px;min-height:0;overflow:hidden}.media-panel{flex-direction:column!important;display:flex!important}.media-tabs{border-bottom:1px solid var(--glass-border-dim);background:#00000040;flex-shrink:0;align-items:center;gap:4px;padding:4px 6px;display:flex}.media-tabs button{min-height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:0 8px;font-size:11.5px;font-weight:600;line-height:1}.media-tabs button.active{color:#ffd0d8;background:#ff5c6c2e;box-shadow:0 1px 8px #ff3c5a26}.media-main{flex:1;width:100%;min-height:0;padding:8px 10px;overflow:auto}.import-stack{gap:5px;display:grid}.import-btn{color:#fff;width:100%;min-height:30px;font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg,#ff5c6c 0%,#f97316 45%,#c45cff 100%);border:1px solid #fff3;border-radius:8px;font-size:11.5px;font-weight:650;box-shadow:0 4px 12px #ff3c5a38}.import-btn.secondary{color:var(--ink);box-shadow:none;border:1px solid var(--glass-border-dim);background:#ffffff0f}.import-btn input{display:none}.poem-banner{color:#f0c8ff;background:#c45cff24;border:1px solid #e879f947;border-radius:8px;margin:6px 0 0;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.3}.media-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:7px;margin-top:8px;display:grid}.media-thumb{border:1px solid var(--glass-border-dim);border-radius:var(--radius-sm);background:#ffffff0d;flex-direction:column;gap:5px;min-height:112px;padding:6px;transition:border-color .15s,transform .12s,background .15s;display:flex}.media-thumb.clickable{cursor:pointer}.media-thumb.clickable:hover{background:#ffffff17;border-color:#ff5c6c8c;transform:translateY(-1px)}.media-thumb-preview{aspect-ratio:16/9;background:#080a12c7;border:1px solid #ffffff14;border-radius:8px;width:100%;position:relative;overflow:hidden}.media-thumb-preview img{object-fit:cover;width:100%;height:100%;display:block}.media-thumb .kind{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.06em;color:var(--video);background:#06080ed1;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:4px;left:4px}.media-thumb .kind.image{color:var(--image)}.media-thumb .media-dur{color:#f8fafc;font-variant-numeric:tabular-nums;background:#06080ed6;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1;position:absolute;bottom:4px;right:4px}.media-thumb .name{color:var(--ink);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;padding:0 2px;font-size:11px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.media-thumb .screen{color:#ff9aaa;margin-top:auto;padding:0 2px 2px;font-size:10px;font-weight:700;line-height:1}.empty-hint,.muted{color:var(--muted);font-size:12px;line-height:1.4}.script-mini{border-top:1px solid var(--glass-border-dim);margin-top:14px;padding-top:12px}.script-mini h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.2}.script-mini ul{margin:0;padding:0;list-style:none}.script-mini li{color:var(--muted);align-items:baseline;gap:6px;padding:4px 0;font-size:11px;line-height:1.3;display:flex}.script-mini strong{color:var(--ink);min-width:64px;font-weight:650}.project-info{flex-direction:column;justify-content:space-between;padding:10px 12px;display:flex;overflow:auto}.project-info h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 6px;font-size:12.5px;font-weight:700;line-height:1.2}.project-info label,.export-modal label{color:var(--muted);letter-spacing:.01em;gap:3px;margin-bottom:6px;font-size:10.5px;font-weight:600;line-height:1.2;display:grid}.project-info input,.project-info select,.export-modal input,.export-modal select{border:1px solid var(--glass-border-dim);width:100%;min-height:28px;color:var(--ink);background:#00000059;border-radius:7px;padding:0 8px;font-size:11.5px;font-weight:500;line-height:1}.info-row{border-bottom:1px solid #ffffff0d;grid-template-columns:76px 1fr;align-items:center;column-gap:6px;padding:4px 0;display:grid}.info-row span{color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:600;line-height:1.2}.info-row strong{text-align:right;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:650;line-height:1.2;overflow:hidden}.align-btn{color:#fff;width:100%;min-height:32px;font-family:var(--font-display);background:linear-gradient(135deg,#ff5c6c,#f97316 50%,#c45cff);border:1px solid #fff3;border-radius:8px;margin-top:6px;font-size:11.5px;font-weight:700;box-shadow:0 4px 14px #ff3c5a40}.preview-pane{grid-template-rows:34px minmax(0,1fr) auto;height:100%;min-height:0;display:grid;overflow:hidden}.preview-tabs{border-bottom:1px solid var(--glass-border-dim);background:#00000047;flex-shrink:0;align-items:center;gap:6px;min-width:0;padding:4px 10px;display:flex}.preview-tabs .tab{min-height:24px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex-shrink:0;padding:0 10px;font-size:11.5px;font-weight:600;line-height:1}.preview-tabs .tab.active{color:#ffd0d8;background:#ff5c6c33}.preview-top-meta{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0 6px;font-size:11px;overflow:hidden}.preview-stage{background:linear-gradient(145deg,#060408f5,#0e070dfa);justify-content:center;align-items:center;width:100%;height:100%;min-height:140px;padding:4px 6px;display:flex;position:relative;overflow:hidden}.preview-frame{aspect-ratio:16/9;background:#000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:110px;max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000080}.preview-layer{opacity:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preview-layer.on{opacity:1}.preview-srt-overlay{left:8%;right:8%;bottom:clamp(4px, calc(var(--frame-w,460px) * .022), 14px);z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute}.preview-srt-overlay span{max-width:84%;padding:clamp(2px, calc(var(--frame-w,460px) * .006), 5px) clamp(6px, calc(var(--frame-w,460px) * .016), 12px);color:#fff;font-size:clamp(8.5px, calc(var(--frame-w,460px) * .022), 15px);text-align:center;white-space:pre-line;text-shadow:0 1px 2px #000000eb;background:#080a10b8;border:1px solid #ffffff24;border-radius:5px;font-weight:600;line-height:1.25;display:inline-block;box-shadow:0 2px 10px #0006}.transport-row .cc-btn{letter-spacing:.03em;opacity:.65;width:38px;margin-left:6px;font-size:11px;font-weight:700}.transport-row .cc-btn.active{opacity:1;color:#ffd0d8;background:#ff5c6c38;border-color:#ff5c6c80}.preview-layer>img,.preview-layer>video{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;border-radius:0;display:block}.preview-empty{color:#ffffff8c;text-align:center;max-width:280px;padding:16px;font-size:13px;font-weight:500;line-height:1.4}.preview-transport{border-top:1px solid var(--glass-border-dim);background:#00000059;flex-shrink:0;min-width:0;padding:5px 10px 6px}.preview-transport input[type=range]{width:100%;height:14px;accent-color:var(--accent);margin:0}.transport-row{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;margin-top:4px;display:flex;overflow-x:auto}.transport-row button{border-radius:7px;width:28px;min-height:24px;padding:0;font-size:11px}.transport-row .play{color:#ffb4c0;background:#ff5c6c33;border-color:#ff5c6c66;width:34px}.transport-row .mute-btn{width:28px}.transport-row .vol{width:64px;accent-color:var(--accent)}.timecode{font-variant-numeric:tabular-nums;color:var(--ink-soft);margin-left:6px;font-size:11.5px;font-weight:600;line-height:1}.aspect{color:var(--muted);margin-left:auto;font-size:11px;font-weight:600;line-height:1}.qa-inline-ok{color:#6ee7b7;white-space:nowrap;background:#10b98124;border:1px solid #10b98166;border-radius:999px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.timeline-editor{flex-direction:column!important;display:flex!important}.timeline-toolbar{border-bottom:1px solid var(--glass-border-dim);background:#0000004d;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.tl-tools{align-items:center;gap:8px;min-width:0;display:flex}.tool-label{font-family:var(--font-display);letter-spacing:-.02em;font-size:12px;font-weight:700;line-height:1.2}.zoom{color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1;display:flex}.timeline-body{grid-template-columns:112px 1fr;display:grid;overflow:auto;flex:1!important;min-height:0!important}.track-labels{border-right:1px solid var(--glass-border-dim);background:#00000047}.ruler-spacer{border-bottom:1px solid var(--glass-border-dim);height:24px}.track-label.fix-label{color:#facc15;height:24px;font-size:10px}.error-lane{background:#facc150f;border-bottom:1px solid #facc1540;height:24px;position:relative}.error-marker{z-index:6;color:#1c1403;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#facc15;border:0;border-radius:4px;max-width:92px;height:18px;padding:0 6px;font-size:9.5px;font-weight:700;line-height:18px;position:absolute;top:2px;overflow:hidden}.error-marker.bad{color:#1c0505;background:#f87171}.error-marker:after{content:"";border:4px solid #0000;border-top-color:#facc15;position:absolute;top:18px;left:8px}.track-label{height:36px;color:var(--ink-soft);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 10px;font-size:10.5px;font-weight:650;line-height:1.2;display:flex}.track-label .icons{opacity:.55;font-size:10px}.track-lanes{background-color:#00000038;background-image:linear-gradient(90deg,#0000 0 calc(100% - 1px),#ffffff0a 100%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:auto}.ruler{border-bottom:1px solid var(--glass-border-dim);background:#00000047;height:24px;position:relative}.tick{font-variant-numeric:tabular-nums;color:var(--muted);font-size:9.5px;font-weight:600;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.lane{border-bottom:1px solid #ffffff0d;height:36px;position:relative}.lane-empty{color:var(--muted);text-align:center;pointer-events:none;background:#ffffff08;border:1px dashed #ffb4c833;border-radius:8px;place-items:center;font-size:10.5px;font-weight:500;line-height:1.2;display:grid;position:absolute;inset:5px 10px}.lane-empty.subtle{background:0 0;border:0;justify-items:start;padding-left:10px}.clip{letter-spacing:-.01em;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#fff;border:1px solid #ffffff47;border-radius:6px;justify-content:space-between;align-items:center;gap:4px;height:28px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;overflow:hidden;box-shadow:0 2px 8px #0003}.clip:active{cursor:grabbing}.clip-thumb{object-fit:cover;pointer-events:none;border:1px solid #ffffff59;border-radius:3px;flex-shrink:0;width:26px;height:20px}.clip.video{background:linear-gradient(135deg,#fb923c,#f97316)}.clip.image{background:linear-gradient(135deg,#fb7185,#ff5c6c)}.clip.missing,.clip.blank{color:#fde68a;cursor:default;background:repeating-linear-gradient(135deg,#1e1e24e6,#1e1e24e6 8px,#464650b3 8px 16px);border:1px dashed #facc15d9}.qa-bubble{z-index:6;cursor:pointer;background:#facc15;border:2px solid #111;border-radius:50%;width:14px;height:14px;margin-left:-7px;padding:0;position:absolute;top:2px;box-shadow:0 0 0 2px #facc1559}.qa-bubble:hover{transform:scale(1.15)}.qa-pop-back{z-index:40;background:#00000073;justify-content:center;align-items:flex-end;padding:24px 16px 18vh;display:flex;position:fixed;inset:0}.qa-pop{color:#fafaf9;background:#1c1917;border:1px solid #facc158c;border-radius:12px;width:min(520px,100%);padding:16px 18px;font-size:14px;line-height:1.45;box-shadow:0 16px 40px #00000073}.qa-pop-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.qa-pop-head button{color:#1c1917;cursor:pointer;background:#facc15;border:0;border-radius:8px;padding:6px 10px;font-weight:700}.qa-pop p{margin:8px 0 0}.qa-strip{color:#f5f5f4;background:#1410088c;border-bottom:1px solid #facc1559;max-height:64px;padding:6px 12px;font-size:11px;overflow:auto}.qa-strip.ok{border-bottom-color:#6ee7b759}.qa-strip strong{margin-bottom:2px;display:block}.qa-strip-list{flex-direction:column;gap:2px;display:flex}.qa-strip-list button{color:#fde68a;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;overflow:hidden}.qa-panel{color:#f5f5f4;background:#14141ceb;border:1px solid #facc1559;border-radius:10px;max-height:160px;margin:0 12px 10px;padding:10px 12px;font-size:12px;overflow:auto}.qa-panel.ok{border-color:#6ee7b766}.qa-panel strong{margin-bottom:6px;display:block}.qa-panel ul{margin:0;padding-left:18px}.qa-panel li{cursor:pointer;margin:3px 0}.qa-panel li:hover{color:#facc15}.clip.script{cursor:default;background:#4a304eb8;font-weight:550;overflow:hidden}.clip.script>span,.clip.audio.narration>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.clip.audio.narration{cursor:default;background:repeating-linear-gradient(90deg,#ffffff29 0 2px,#0000 2px 5px),linear-gradient(135deg,#0d9488,#059669);border-color:#34d3998c;overflow:hidden}.clip.audio.vo-slot-1{background:linear-gradient(135deg,#ff8a65,#ff5c6c)}.clip.audio.vo-slot-2{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.clip.audio.vo-slot-3{background:linear-gradient(135deg,#34d399,#10b981)}.clip.audio.vo-slot-4{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.clip.audio.poem{background:linear-gradient(135deg,#e879f9,#c45cff)}.clip .nudge{color:#fff;cursor:pointer;background:#0000002e;border:0;border-radius:5px;justify-content:center;align-items:center;width:16px;height:18px;padding:0;font-size:11px;line-height:1;display:inline-flex}.playhead{background:var(--playhead);pointer-events:none;z-index:5;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffff59}.playhead:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--playhead);position:absolute;top:0;left:-5px}.status-bar{background:var(--glass-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);color:var(--ink-soft);border-radius:14px;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;font-weight:550;line-height:1.2;display:flex}.status-bar .busy,.status-bar .dirty{color:#ffb086;font-weight:650}.modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0;z-index:9000!important}.export-modal{border:1px solid var(--glass-border);width:min(440px,94vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.4);background:#100a12d1;border-radius:20px;padding:20px}.export-modal h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.2}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;display:flex}.primary{color:#fff;background:linear-gradient(135deg,#ff5c6c,#f97316 55%,#c45cff);border:1px solid #fff3;font-weight:700;box-shadow:0 8px 22px #ff3c5a4d}.filmora-export-window{z-index:9001;color:#e4e8ee;background:#171b20;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;width:min(760px,95vw);max-height:92vh;font-size:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #000000d9}.fe-titlebar{background:#13171b;border-bottom:1px solid #ffffff12;grid-template-columns:72px 1fr 72px;align-items:center;height:36px;padding:0 14px;display:grid}.fe-dots{align-items:center;gap:7px;display:flex}.fe-dots .dot{border:0;border-radius:50%;width:12px;height:12px;min-height:12px;padding:0;display:inline-block}.fe-dots .dot.close{cursor:pointer;background:#ff5f57}.fe-dots .dot.min,.fe-dots .dot.max{background:#2b3036}.fe-title{text-align:center;color:#f0f3f7;font-size:13px;font-weight:600}.fe-tabs{border-bottom:1px solid #ffffff0f;justify-content:center;gap:8px;padding:12px 18px 8px;display:flex}.fe-tab{color:#8c96a4;background:0 0;border:0;border-radius:6px;min-height:28px;padding:5px 14px;font-size:12px;font-weight:600}.fe-tab.active{color:#fff;background:#2c333b}.fe-body{grid-template-columns:205px 1fr;gap:22px;padding:16px 22px;display:grid;overflow-y:auto}.fe-thumb-col{flex-direction:column;gap:10px;display:flex}.fe-label{color:#9aa3b0;font-size:12px}.fe-thumb-box{background:#21262d;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:100%;height:118px;display:grid;overflow:hidden}.fe-thumb-box img{object-fit:cover;width:100%;height:100%}.fe-thumb-placeholder{color:#23d5ab;font-size:18px;font-weight:700}.fe-edit-btn{color:#dde3ea;background:#2c333b;border:1px solid #ffffff14;border-radius:6px;min-height:30px;font-size:12px}.fe-settings-col{flex-direction:column;gap:11px;min-width:0;display:flex}.fe-field{color:#9aa3b0;flex-direction:column;gap:5px;font-size:11.5px;display:flex}.fe-field input,.fe-field select,.fe-grid-2 select,.fe-adv-preset-bar select{color:#eef2f6;background:#21262d;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;height:32px;padding:0 10px;font-size:12px}.fe-save-row{grid-template-columns:1fr 36px;gap:6px;display:grid}.fe-folder-btn{cursor:pointer;background:#21262d;border:1px solid #ffffff1a;border-radius:6px;width:36px;height:32px;min-height:32px;padding:0}.fe-card{background:#13171b;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.fe-grid-2{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.fe-grid-2.compact{gap:10px}.fe-summary-row{color:#9aa3b0;justify-content:space-between;align-items:center;padding-top:4px;font-size:11.5px;display:flex}.fe-advanced-link{color:#1cd6b0;cursor:pointer;background:0 0;border:0;min-height:24px;padding:2px 6px;font-size:12px;font-weight:600}.fe-toggle-row{color:#cfd6e0;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:12px;display:flex}.fe-toggle-row input[type=checkbox]{accent-color:#1cd6b0;cursor:pointer;width:32px;height:17px}.fe-footer{background:#13171b;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.fe-meta{color:#9aa3b0;gap:18px;font-size:11.5px;display:flex}.fe-actions{gap:10px;display:flex}.fe-btn{cursor:pointer;border-radius:6px;min-height:32px;padding:0 16px;font-size:12px;font-weight:600}.fe-btn.teal{color:#0b1614;background:#1cd6b0;border:1px solid #1cd6b0}.fe-btn.reset,.fe-btn.ghost{color:#e4e8ee;background:#2c333b;border:1px solid #ffffff1a}.fe-btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #f87171;font-weight:700;box-shadow:0 4px 14px #ef444459}.fe-btn.danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.fe-adv-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05070cc2;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;z-index:9500!important}.fe-adv-window{z-index:9501;background:#181c22;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;width:min(490px,95vw);max-height:min(86vh,100vh - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #000000e0}.fe-adv-window>.fe-titlebar{flex-shrink:0}.fe-adv-preset-bar{background:#15191f;border-bottom:1px solid #ffffff14;flex-shrink:0;grid-template-columns:1fr auto;gap:10px;padding:10px 18px;display:grid}.fe-adv-scroll{flex-direction:column;flex:auto;gap:11px;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.fe-section-title{color:#7d8794;margin-top:4px;font-size:12px;font-weight:700}.fe-adv-footer{background:#13171b;border-top:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.file-action{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:600;display:inline-flex}.file-action input{display:none}.preview-logo-overlay{z-index:6;pointer-events:none;justify-content:flex-end;width:10%;display:flex;position:absolute;top:1.76%;right:.78%}.preview-logo-overlay img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none;box-shadow:none;border-radius:0}.clip.logo-bar{color:#071918;cursor:default;background:linear-gradient(135deg,#0ea5e9,#1cd6b0);font-weight:700}.fe-render-notice{color:#b9f6e8;background:#1cd6b01a;border:1px solid #1cd6b04d;border-radius:6px;padding:7px 11px;font-size:11.5px;line-height:1.35}.fe-logo-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.small-upload{justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;display:inline-flex}.small-upload input{display:none}.fe-progress-box{background:#111519;border:1px solid #1cd6b073;border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.fe-progress-head{color:#d7f9f1;justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.fe-progress-bar{background:#232a32;border-radius:99px;width:100%;height:8px;overflow:hidden}.fe-progress-fill{background:linear-gradient(90deg,#1cd6b0,#38bdf8);height:100%;transition:width .25s}.fe-success-box{background:#10b98124;border:1px solid #10b9818c;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.fe-success-title{color:#6ee7b7;font-size:13px;font-weight:700}.fe-success-path{color:#d1fae5;word-break:break-all;font-size:11px}.fe-success-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.fe-success-actions a.fe-btn{align-items:center;text-decoration:none;display:inline-flex}.fe-error-box{background:#ef444424;border:1px solid #ef44448c;border-radius:8px;flex-direction:column;gap:5px;padding:11px 14px;display:flex}.fe-bitrate-mini{background:#13171b;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:5px;padding:10px;display:flex}.fe-bitrate-mini-head{color:#8c96a4;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:700;display:flex}.fe-signal-bars{align-items:flex-end;gap:2.5px;height:15px;display:inline-flex}.fe-signal-bars .bar{background:#2c333b;border-radius:1.5px;width:4px;transition:background .2s,box-shadow .2s}.fe-signal-bars .bar.b1{height:5px}.fe-signal-bars .bar.b2{height:8px}.fe-signal-bars .bar.b3{height:11px}.fe-signal-bars .bar.b4{height:15px}.fe-signal-bars.emerald .bar.on,.fe-signal-bars.teal .bar.on{background:#1cd6b0;box-shadow:0 0 6px #1cd6b08c}.fe-signal-bars.amber .bar.on{background:#fbbf24;box-shadow:0 0 6px #fbbf248c}.fe-signal-bars.red .bar.on{background:#f87171;box-shadow:0 0 6px #f871718c}.fe-bitrate-mini-val{color:#1cd6b0;font-size:14px;font-weight:800;line-height:1.2}.fe-bitrate-mini-val span{color:#9aa3b0;font-size:11px;font-weight:600}.fe-bitrate-mini-badge{letter-spacing:.02em;border-radius:5px;align-items:center;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex}.fe-bitrate-mini-badge.emerald,.fe-bitrate-mini-badge.teal,.fe-bitrate-badge.emerald,.fe-bitrate-badge.teal{color:#5eead4;background:#1cd6b024;border:1px solid #1cd6b073}.fe-bitrate-mini-badge.amber,.fe-bitrate-badge.amber{color:#fde68a;background:#fbbf2426;border:1px solid #fbbf2473}.fe-bitrate-mini-badge.red,.fe-bitrate-badge.red{color:#fca5a5;background:#ef444426;border:1px solid #ef444473}.fe-bitrate-mini-sub{color:#8c96a4;font-size:10.5px}.fe-bitrate-signal-card{background:linear-gradient(#1cd6b00f 0%,#13171b 100%);border:1px solid #1cd6b059}.fe-bitrate-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fe-bitrate-title-wrap{color:#eef2f6;align-items:center;gap:8px;font-size:12px;display:flex}.fe-bitrate-badge{border-radius:99px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.fe-bitrate-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fe-bm-box{background:#1b2026;border:1px solid #ffffff12;border-radius:7px;flex-direction:column;gap:2px;min-width:0;padding:7px 9px;display:flex}.fe-bm-box span{color:#8c96a4;text-transform:uppercase;letter-spacing:.03em;font-size:10px}.fe-bm-box strong{color:#5eead4;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:750;overflow:hidden}.fe-bm-box small{color:#9aa3b0;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}@media (width<=720px){.fe-bitrate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.vo-slots-box{flex-direction:column;gap:5px;display:flex}.vo-slot-row{grid-template-columns:1fr auto;align-items:center;gap:5px;display:grid}.vo-slot-btn{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vo-remove-btn{color:#fca5a5;cursor:pointer;background:#ef444429;border:1px solid #ef444461;border-radius:7px;width:26px;height:28px;min-height:28px;padding:0;font-size:11px}.add-vo-btn{color:#99f6e4;cursor:pointer;text-align:center;background:#1cd6b014;border:1px dashed #1cd6b073;border-radius:8px;min-height:28px;padding:4px 10px;font-size:11px;font-weight:600}@media (width<=1100px){.workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(210px,27%) 166px minmax(260px,1fr)}.media-panel{grid-template-columns:1fr}.filmora-shell{grid-template-rows:44px minmax(0,1fr) minmax(185px,30vh) 24px;height:100%;max-height:100vh;overflow:hidden}.preview-pane{min-height:0}.info-row{grid-template-columns:80px 1fr}}.menubar-left-group{align-items:center;gap:10px;display:flex}.dropdown-wrap{position:relative}.dropdown-trigger.active{color:#5eead4;background:#1cd6b038;border-color:#1cd6b0a6}.dropdown-menu.left-dropdown{z-index:3000;background:#10121afa;border:1px solid #ffffff29;border-radius:12px;flex-direction:column;gap:4px;min-width:310px;max-height:76vh;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 44px #000000a6}.dropdown-menu.left-dropdown.wide{min-width:380px}.dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:#5eead4;padding:4px 8px 2px;font-size:10.5px;font-weight:700}.dropdown-divider{background:#ffffff1a;height:1px;margin:4px 0}.dropdown-empty{color:var(--muted);padding:10px 8px;font-size:12px}.dropdown-item{color:#f8fafc;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.dropdown-item:hover:not(:disabled){background:#1cd6b024;border-color:#1cd6b073}.dropdown-item.current{background:#1cd6b01a;border-color:#1cd6b099}.dropdown-item:disabled{opacity:.45;cursor:not-allowed}.dropdown-item strong{font-size:12px;font-weight:650}.dropdown-item span{color:#ffffffa6;word-break:break-all;font-size:10.5px}.replace-panel{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.replace-panel-top{flex-direction:column;gap:6px;display:flex}.scene-search-input{color:#fff;background:#00000059;border:1px solid #ffffff29;border-radius:8px;width:100%;padding:6px 9px;font-size:11.5px}.scene-edit-list{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow-y:auto}.scene-edit-card{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.scene-edit-head{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.scene-jump-btn{color:#5eead4;cursor:pointer;background:#1cd6b01f;border:1px solid #1cd6b073;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600}.scene-edit-field{color:#ffffffc7;flex-direction:column;gap:2px;font-size:10.5px;display:flex}.scene-edit-field textarea,.scene-edit-field input{color:#fff;resize:vertical;background:#00000061;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:5px 7px;font-family:inherit;font-size:11px}.scene-edit-actions{align-items:center;gap:6px;display:flex}.scene-save-btn,.scene-vo-btn{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:650}.scene-save-btn:hover{background:#1cd6b038;border-color:#1cd6b08c}.scene-vo-btn{color:#fed7aa;background:#fb923c26;border-color:#fb923c80;position:relative;overflow:hidden}.scene-vo-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.enlarge-top-btn{color:#5eead4;cursor:pointer;background:#1cd6b026;border:1px solid #1cd6b080;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:650}.enlarge-top-btn.closing{color:#fecaca;background:#ef444440;border-color:#f87171b3}.preview-enlarged-backdrop{z-index:2400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05060adb;position:fixed;inset:0}.preview-pane.enlarged{z-index:2500!important;background:#0d1017!important;border:1px solid #1cd6b073!important;border-radius:16px!important;grid-template-rows:42px minmax(0,1fr) auto!important;display:grid!important;position:fixed!important;inset:18px 24px!important;box-shadow:0 24px 64px #000000d9!important}.import-row-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.import-row-pair .import-btn{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;font-size:11.5px;overflow:hidden}@media (width>=1921px){body{font-size:15px}.filmora-shell{grid-template-rows:68px minmax(0,1fr) minmax(300px,36vh) 38px;gap:14px;padding:14px 18px 12px}.brand-block strong{font-size:18px}.brand-block span{font-size:12.5px}.ghost,.import-btn,.align-btn,.primary,.file-action{min-height:40px;padding:0 18px;font-size:13.5px}.workspace{grid-template-columns:minmax(360px,28%) 250px minmax(0,1fr);gap:14px}.media-panel{flex-direction:column;display:flex}.media-tabs button,.side-item{min-height:38px;font-size:13.5px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-thumb .name{font-size:12.5px}.project-info h3{font-size:16px}.info-row{grid-template-columns:110px 1fr;padding:10px 0}.info-row span,.info-row strong{font-size:13px}.timeline-body{grid-template-columns:150px 1fr}.track-label,.lane{height:54px;font-size:12.5px}.clip{height:38px;font-size:11.5px;top:8px}.filmora-export-window{width:min(960px,92vw);font-size:14px}.fe-body{grid-template-columns:250px 1fr;gap:28px;padding:22px 28px}.fe-thumb-box{height:144px}.fe-field input,.fe-field select,.fe-grid-2 select{height:38px;font-size:13.5px}.fe-btn{min-height:38px;padding:0 20px;font-size:13.5px}.fe-adv-window{width:min(620px,92vw)}}@media (width>=2560px){body{font-size:17px}.filmora-shell{grid-template-rows:80px minmax(0,1fr) minmax(360px,37vh) 44px;gap:18px;padding:18px 24px 14px}.brand-block strong{font-size:21px}.brand-block span{font-size:14px}.ghost,.import-btn,.align-btn,.primary,.file-action{min-height:46px;padding:0 22px;font-size:15px}.import-row-pair .import-btn{min-height:46px;font-size:14px}.workspace{grid-template-columns:minmax(460px,28%) 310px minmax(0,1fr);gap:18px}.media-panel{flex-direction:column;display:flex}.media-tabs button,.side-item{min-height:44px;font-size:15px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px}.media-thumb{min-height:150px;padding:10px}.media-thumb .name{font-size:14px}.media-thumb .screen{font-size:12px}.project-info{padding:20px}.project-info h3{font-size:19px}.project-info input,.project-info select{min-height:44px;font-size:15px}.info-row{grid-template-columns:130px 1fr;padding:12px 0}.info-row span,.info-row strong{font-size:14.5px}.preview-tabs{padding:8px 14px}.preview-tabs .tab,.enlarge-top-btn{min-height:36px;font-size:14.5px}.preview-srt-overlay span{font-size:clamp(11px, calc(var(--frame-w,800px) * .022), 18px);padding:5px 12px}.transport-row button{width:44px;min-height:38px;font-size:15px}.transport-row .play{width:54px}.timecode,.aspect,.preview-meta{font-size:14px}.timeline-editor{flex-direction:column;display:flex}.timeline-body{grid-template-columns:180px 1fr}.track-label,.lane{height:64px;font-size:14px}.clip{height:44px;padding:0 10px;font-size:13px;top:10px}.clip-thumb{width:40px;height:30px}.status-bar{padding:0 22px;font-size:14px}.filmora-export-window{width:min(1180px,90vw);font-size:15.5px}.fe-titlebar{height:46px}.fe-title,.fe-tab{font-size:15.5px}.fe-body{grid-template-columns:300px 1fr;gap:32px;padding:26px 32px}.fe-thumb-box{height:172px}.fe-field,.fe-summary-row,.fe-toggle-row,.fe-render-notice,.fe-meta{font-size:14px}.fe-field input,.fe-field select,.fe-grid-2 select,.fe-adv-preset-bar select{height:44px;font-size:15px}.fe-btn{min-height:44px;padding:0 24px;font-size:15px}.fe-adv-window{width:min(740px,90vw)}}@media (width<=1280px){.workspace{grid-template-columns:minmax(240px,30%) 176px minmax(0,1fr);gap:8px}.media-panel{grid-template-columns:1fr}.media-side{display:none}.app-menubar{gap:8px;padding:6px 12px}.menubar-left-group,.menubar-actions{gap:6px}.ghost,.file-action{min-height:32px;padding:0 10px;font-size:11.5px}}@media (width<=960px){html,body,#root{height:auto;min-height:100%;overflow:hidden auto}.filmora-shell{flex-direction:column;gap:10px;height:auto;min-height:100vh;max-height:none;padding:8px 10px 16px;display:flex;overflow:visible}.app-menubar{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding:8px 12px}.menubar-left-group,.menubar-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.workspace{flex-direction:column;gap:10px;height:auto;display:flex;overflow:visible}.preview-pane{order:-1;height:auto;min-height:300px;max-height:62vh}.preview-stage{min-height:210px}.media-panel{grid-template-columns:1fr;height:auto;max-height:520px}.media-main{max-height:460px}.project-info{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:8px 14px;height:auto;max-height:none;display:grid}.project-info h3,.project-info .align-btn{grid-column:1/-1;margin:0}.project-info label{margin-bottom:0}.timeline-editor{min-height:280px;max-height:420px}.status-bar{flex-wrap:wrap;gap:6px;min-height:36px;padding:6px 12px}.dropdown-menu.left-dropdown,.dropdown-menu.left-dropdown.wide{min-width:min(320px,100vw - 28px);max-width:calc(100vw - 24px)}.filmora-export-window{width:min(680px,96vw);max-height:94vh}.fe-body{grid-template-columns:1fr;gap:14px;padding:14px 16px}.fe-thumb-col{flex-direction:row;align-items:center;gap:12px}.fe-thumb-box{flex-shrink:0;width:140px;height:80px}}@media (width<=640px){.filmora-shell{gap:8px;padding:6px 6px 14px}.app-menubar{border-radius:14px;padding:8px 10px}.menubar-left-group,.menubar-actions{justify-content:flex-start;gap:6px}.brand-block{width:100%;margin-bottom:2px}.import-row-pair{grid-template-columns:1fr}.preview-pane{min-height:250px}.preview-stage{min-height:180px;padding:6px}.preview-srt-overlay span{font-size:clamp(8px, calc(var(--frame-w,300px) * .022), 11px);padding:2px 6px}.transport-row{flex-wrap:wrap;gap:4px}.timeline-toolbar{flex-wrap:wrap;gap:6px;height:auto;padding:6px 10px}.timeline-editor{flex-direction:column;min-height:250px;display:flex}.timeline-body{grid-template-columns:92px 1fr}.track-label{padding:0 6px;font-size:10px}.fe-tabs{flex-wrap:wrap;gap:4px;padding:8px 10px}.fe-grid-2{grid-template-columns:1fr}.fe-footer,.fe-adv-footer{flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}.fe-actions{flex-wrap:wrap;justify-content:stretch}.fe-actions .fe-btn{text-align:center;flex:auto}.preview-pane.enlarged{inset:8px!important}}