.video-audio-hero{background:linear-gradient(135deg,#f7f4ed 0%,#e9f2ed 100%);margin-bottom:34px}.video-audio-empty{max-width:1064px;margin:0 auto 80px;padding:0 28px}.video-drop{background:var(--white);border-radius:20px;min-height:390px}.video-drop .upload-icon{border-radius:50%;padding-left:4px;font-size:21px}.video-audio-global-error{color:#9d413b;background:#fff4f2;border:1px solid #e5c9c5;border-radius:9px;margin:12px 0 0;padding:11px 13px;font-size:10px;line-height:1.5}.video-audio-shell{max-width:1120px;margin:0 auto 80px;padding:0 28px}.video-audio-toolbar{border:1px solid var(--line);background:var(--white);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:66px;margin-bottom:12px;padding:10px 16px;display:flex}.video-audio-toolbar>div{align-items:center;gap:11px;min-width:0;display:flex}.video-audio-toolbar>div>div{flex-direction:column;gap:4px;min-width:0;display:flex}.video-audio-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.video-audio-toolbar small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;overflow:hidden}.video-audio-layout{grid-template-columns:minmax(0,1.42fr) minmax(330px,.8fr);align-items:start;gap:12px;display:grid}.video-preview-panel,.audio-track-panel,.audio-timeline,.video-export-panel{border:1px solid var(--line);background:var(--white);border-radius:18px}.video-preview-panel{position:sticky;top:82px;overflow:hidden}.video-stage{aspect-ratio:16/9;background:#111713;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.video-frame{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%;display:block}.video-stage.portrait{aspect-ratio:auto;height:clamp(520px,66vh,760px)}.video-stage.portrait .video-frame{background:#080b09;justify-self:center;width:auto;max-width:100%;height:100%}.video-stage.portrait .video-frame video{object-fit:fill}.video-export-overlay{color:#fff;background:#0c1410c4;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.video-export-overlay .spinner{width:22px;height:22px}.video-export-overlay .pause-icon{color:#d6ebe1;width:24px;height:24px;font:10px var(--font-geist-mono), monospace;border:1px solid #8bb7a3;border-radius:50%;place-items:center;display:grid}.video-export-overlay strong{font-size:13px}.video-export-overlay small{color:#bdd5c8;font-size:9px}.video-meta-row{border-top:1px solid var(--line);background:var(--line);grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid}.video-meta-row span{background:var(--white);min-width:0;color:var(--muted);text-align:center;font:9px var(--font-geist-mono), monospace;padding:12px 10px}.video-preview-note{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:13px 16px;font-size:9px;line-height:1.5}.audio-track-panel{padding:19px}.audio-track-panel .panel-heading{padding-bottom:16px}.audio-track-card{background:#fbfcfa;border:1px solid #dce4df;border-radius:13px;margin-top:10px;padding:14px}.audio-track-card.original-track{background:#f0f7f3;border-color:#b9d1c5;margin-top:15px}.audio-track-head{grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.track-icon{background:var(--mint);width:31px;height:31px;color:var(--green);font:10px var(--font-geist-mono), monospace;border-radius:9px;place-items:center;font-weight:700;display:grid}.audio-track-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.audio-track-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.audio-track-head small{color:var(--muted);font-size:8px}.audio-track-head button{color:#8a938d;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:18px}.audio-track-head button:hover{color:#9c423c;background:#f1e6e3}.track-badge{color:var(--green);background:#dceee5;border-radius:999px;padding:4px 7px;font-size:7px}.audio-track-card>label{justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;display:flex}.audio-track-card output{color:var(--green);font:9px var(--font-geist-mono), monospace}.audio-track-card>input[type=range]{width:100%;accent-color:var(--green);margin:9px 0 0}.track-options{border-top:1px solid #e1e7e3;gap:8px;margin-top:11px;padding-top:11px;display:grid}.track-options>label{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:8px;display:flex}.time-input{align-items:center;gap:5px;display:flex}.time-input input{width:70px;height:30px;color:var(--ink);text-align:right;background:#fff;border:1px solid #cbd7d1;border-radius:7px;padding:0 7px;font-size:9px}.loop-option>span{flex-direction:column;gap:3px;display:flex}.loop-option strong{color:var(--ink);font-size:8px}.loop-option small{color:var(--muted);font-size:7px}.loop-option>input{width:16px;height:16px;accent-color:var(--green)}.place-at-playhead{min-height:30px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #c9d8d0;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex}.place-at-playhead:hover{background:#f2f8f5;border-color:#7faa96}.place-at-playhead span{font-size:12px}.add-audio-button{width:100%;min-height:42px;color:var(--green);cursor:pointer;background:#f3f8f5;border:1px dashed #9fbcae;border-radius:10px;margin-top:12px;font-size:9px;font-weight:650}.add-audio-button:hover:not(:disabled){border-color:var(--green);background:#eaf5ef}.add-audio-button:disabled{opacity:.45;cursor:not-allowed}.track-limit{color:var(--muted);text-align:center;margin-top:8px;font-size:7px;display:block}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.audio-timeline{margin-top:12px;padding:20px;overflow:hidden}.timeline-heading,.timeline-heading>div,.timeline-heading>div>div{display:flex}.timeline-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px}.timeline-heading>div{align-items:flex-start;gap:11px;min-width:0}.timeline-heading>div>div{flex-direction:column;gap:5px;min-width:0}.timeline-heading h2{margin:-3px 0 0;font-size:17px}.timeline-heading p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.timeline-heading output{color:var(--green);font:9px var(--font-geist-mono), monospace;background:#edf5f1;border-radius:7px;flex:none;padding:7px 10px}.timeline-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.timeline-zoom-control,.export-range-inputs{align-items:center;gap:7px;display:flex}.timeline-zoom-control>span,.export-range-inputs>span{color:var(--muted);font-size:8px}.timeline-zoom-control button{min-width:27px;height:27px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cbd7d1;border-radius:7px;font-size:11px}.timeline-zoom-control button:disabled{cursor:not-allowed;opacity:.4}.timeline-zoom-control input{width:100px;accent-color:var(--green)}.timeline-zoom-control output{min-width:36px;color:var(--green);font:8px var(--font-geist-mono), monospace}.timeline-zoom-control .fit-timeline{width:auto;color:var(--muted);padding-inline:8px;font-size:7px}.export-range-inputs label{color:var(--muted);align-items:center;gap:5px;font-size:7px;display:flex}.export-range-inputs input{width:68px;height:27px;color:var(--ink);text-align:right;font:8px var(--font-geist-mono), monospace;background:#fff;border:1px solid #cbd7d1;border-radius:7px;padding:0 6px}.export-range-inputs i{color:#a7b2ac;font-style:normal}.export-range-inputs strong{min-width:48px;color:var(--green);text-align:center;font:8px var(--font-geist-mono), monospace;background:#edf5f1;border-radius:6px;padding:6px 8px}.timeline-scroll-shell{overscroll-behavior-x:contain;scrollbar-color:#95b5a6 #eef2ef;scrollbar-width:thin;overflow-x:auto}.timeline-scroll-shell::-webkit-scrollbar{height:9px}.timeline-scroll-shell::-webkit-scrollbar-track{background:#eef2ef;border-radius:999px}.timeline-scroll-shell::-webkit-scrollbar-thumb{background:#95b5a6;border:2px solid #eef2ef;border-radius:999px}.timeline-content{min-width:100%}.timeline-ruler-row,.timeline-track-row{grid-template-columns:145px minmax(0,1fr);display:grid}.timeline-ruler-row{align-items:end;margin-top:12px}.timeline-ruler-row>span{z-index:8;background:var(--white);color:var(--muted);padding:0 11px 8px;font-size:8px;position:sticky;left:0}.timeline-ruler{border-bottom:1px solid #cbd7d1;height:31px;position:relative}.timeline-ruler:after{content:"";opacity:.65;background:repeating-linear-gradient(90deg,#aebeb6 0 1px,#0000 1px 5%);position:absolute;inset:22px 0 0}.timeline-ruler span{z-index:1;color:var(--muted);font:7px var(--font-geist-mono), monospace;position:absolute;bottom:10px;transform:translate(-50%)}.timeline-ruler span:first-child{transform:none}.timeline-ruler span:last-child{transform:translate(-100%)}.timeline-track-row{border-bottom:1px solid #e4e9e6;min-height:58px}.timeline-track-label{z-index:8;background:#fafbf9;border-right:1px solid #dbe3df;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 11px;display:grid;position:sticky;left:0;box-shadow:5px 0 10px #1e3e2f0a}.timeline-track-label .track-icon{border-radius:8px;width:29px;height:29px}.timeline-track-label>div{flex-direction:column;gap:3px;min-width:0;display:flex}.timeline-track-label strong,.timeline-track-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-track-label strong{font-size:8px}.timeline-track-label small{color:var(--muted);font-size:7px}.timeline-track-label small.has-clipping{color:#a75a42}.range-icon{width:29px;height:29px;color:var(--green);background:#e8eee9;border-radius:8px;place-items:center;font-size:12px;display:grid}.timeline-lane{touch-action:none;cursor:crosshair;background:repeating-linear-gradient(90deg,#2f6b4f0e 0 1px,#0000 1px 5%);outline:none;min-width:0;height:58px;position:relative;overflow:hidden}.timeline-lane:focus-visible{box-shadow:inset 0 0 0 2px #62a38a}.timeline-video-clip{z-index:1;color:#4c7563;background:linear-gradient(90deg,#e8f5ef,#f2f8f5);border:1px solid #b8d0c4;border-radius:7px;align-items:center;padding:0 12px;font-size:8px;display:flex;position:absolute;top:8px;bottom:8px;left:0}.timeline-audio-clip{z-index:4;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#2f8268,#4da087);border:1px solid #56a287;border-radius:7px;align-items:center;gap:7px;min-width:22px;padding:0 9px;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden;box-shadow:0 4px 10px #205b4521}.timeline-audio-clip:active{cursor:grabbing}.timeline-audio-clip:focus-visible{outline-offset:1px;outline:3px solid #2f6b4f38}.timeline-audio-clip.looping{background:repeating-linear-gradient(135deg,#2f8268 0 12px,#3f9278 12px 24px)}.timeline-audio-clip>span:not(.clip-grip){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;font-weight:650;overflow:hidden}.timeline-audio-clip small{white-space:nowrap;color:#d9eee5;margin-left:auto;font-size:7px}.clip-grip{color:#d9eee5;letter-spacing:-2px;flex:none;font-size:8px}.timeline-audio-clip.fully-clipped{border-color:#94796f}.clip-trim-mask{z-index:3;pointer-events:none;background:repeating-linear-gradient(135deg,#202723c2 0 6px,#414743b3 6px 12px);border-color:#ffffff40;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.clip-trim-mask.head{border-right:1px dashed #ffffffa6;left:0}.clip-trim-mask.tail{border-left:1px dashed #ffffffa6;right:0}.clip-trim-mask i{color:#f0d9cf;font:6px var(--font-geist-mono), monospace;white-space:nowrap;background:#1418169e;border-radius:4px;padding:3px 5px;font-style:normal}.timeline-outside{z-index:3;pointer-events:none;background:repeating-linear-gradient(135deg,#535b5624 0 6px,#535b560d 6px 12px);position:absolute;top:0;bottom:0}.timeline-outside.before{border-right:1px dashed #6d777199;left:0}.timeline-outside.after{border-left:1px dashed #6d777199;right:0}.timeline-playhead{z-index:6;pointer-events:none;background:#d0564b;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.timeline-playhead i{background:#d0564b;border-radius:0 0 5px 5px;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.export-range-row{min-height:64px}.timeline-selection-lane{background:#f7f9f7;height:64px;position:relative;overflow:hidden}.timeline-export-selection{z-index:2;min-width:2px;color:var(--green);background:#5ca5852e;border:1px solid #4b9679;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;bottom:12px}.timeline-export-selection>span{font:7px var(--font-geist-mono), monospace;white-space:nowrap;background:#e2f1e9;border-radius:999px;padding:3px 7px}.export-boundary{z-index:5;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:18px;padding:0;position:absolute;top:5px;bottom:5px;transform:translate(-50%)}.export-boundary i{background:#2f8268;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.export-boundary span{color:#fff;background:#2f8268;border-radius:5px;min-width:18px;padding:3px 4px;font-size:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.export-boundary:focus-visible{outline-offset:1px;outline:3px solid #2f826840}.timeline-empty{min-height:72px;color:var(--muted);background:#f8fbf9;border:1px dashed #c1d1c9;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin:12px 0 0 145px;display:flex}.timeline-empty>span{color:var(--green);font-size:16px}.timeline-empty p{margin:0;font-size:8px}.timeline-empty button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:650}.video-export-panel{margin-top:12px;padding:22px}.export-mode-copy{align-items:flex-start;gap:12px;display:flex}.export-mode-copy h2{margin:-3px 0 6px;font-size:17px}.export-mode-copy p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.export-mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.export-mode-switch button{border:1px solid var(--line);min-height:53px;color:var(--muted);text-align:left;background:#fafbf9;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 12px;display:flex}.export-mode-switch button.active{color:var(--green);background:#edf7f1;border-color:#77a991}.export-mode-switch button:disabled{opacity:.52}.export-mode-switch strong{font-size:10px}.export-mode-switch small{font-size:7px}.output-settings-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.output-setting-group{border:1px solid var(--line);background:#fbfcfa;border-radius:12px;min-width:0;padding:12px}.output-setting-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.output-setting-heading strong{font-size:9px}.output-setting-heading small{color:var(--muted);font-size:7px}.format-selector,.quality-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.format-selector button,.quality-selector button{min-width:0;min-height:68px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #d7dfda;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.format-selector button:hover:not(:disabled),.quality-selector button:hover:not(:disabled){border-color:#8ab7a3}.format-selector button.active,.quality-selector button.active{color:var(--green);background:#edf7f1;border-color:#4c987b;box-shadow:inset 0 0 0 1px #4c987b}.format-selector button:disabled,.quality-selector button:disabled{cursor:not-allowed;opacity:.46}.format-selector strong,.quality-selector strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.format-selector span,.quality-selector span{color:var(--muted);font-size:7px}.format-selector small,.quality-selector small{color:#638274;font-size:6px}.export-summary{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.export-summary div{background:#f4f6f3;border-radius:9px;flex-direction:column;gap:4px;padding:11px;display:flex}.export-summary small{color:var(--muted);font-size:7px}.export-summary strong{font-size:9px}.video-export-button{margin-top:10px}.export-time-note{color:var(--muted);text-align:center;margin:9px 0 0;font-size:7px;line-height:1.5}.export-progress-block{grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:12px;display:grid}.export-progress-block>div{grid-column:1/-1;justify-content:space-between;font-size:9px;display:flex}.export-progress-block progress{width:100%;height:8px;accent-color:var(--green)}.secondary-button{min-height:34px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #c7d3cd;border-radius:8px;font-size:8px}.video-output-card{background:#edf7f1;border:1px solid #b7d1c4;border-radius:16px;grid-template-columns:minmax(210px,.7fr) minmax(300px,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding:16px;display:grid}.video-output-card>div{align-items:center;gap:11px;min-width:0;display:flex}.output-check{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.video-output-card>div>div{flex-direction:column;gap:4px;min-width:0;display:flex}.video-output-card small,.video-output-card span{color:var(--muted);font-size:8px}.video-output-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.video-output-card video{background:#101612;border-radius:9px;width:100%;max-height:170px}.video-output-card .download-button{white-space:nowrap}.export-canvas{pointer-events:none;position:fixed;top:0;left:-100000px}@media (max-width:900px){.video-audio-layout{grid-template-columns:1fr}.video-preview-panel{position:static}.video-output-card{grid-template-columns:1fr 1fr}.video-output-card>div{grid-column:1/-1}}@media (max-width:760px){.video-audio-empty,.video-audio-shell{margin-bottom:58px;padding:0 12px}.video-drop{min-height:330px}.video-audio-toolbar{padding:10px 12px}.video-audio-toolbar .step-number{display:none}.video-stage{aspect-ratio:16/10}.video-stage.portrait{aspect-ratio:auto;height:min(68vh,620px);min-height:420px}.video-meta-row{grid-template-columns:1fr 1fr}.video-meta-row span:last-child{grid-column:1/-1}.audio-track-panel,.audio-timeline,.video-export-panel{padding:16px}.timeline-heading{align-items:flex-start}.timeline-heading p{max-width:210px}.timeline-toolbar{flex-direction:column;align-items:stretch;gap:10px}.timeline-zoom-control,.export-range-inputs{justify-content:space-between}.timeline-zoom-control input{flex:1;min-width:60px}.export-range-inputs>span{display:none}.export-range-inputs label{flex:1}.export-range-inputs input{width:100%;min-width:52px}.timeline-ruler-row,.timeline-track-row{grid-template-columns:92px minmax(0,1fr)}.timeline-ruler-row>span{padding-left:4px}.timeline-track-label{grid-template-columns:24px minmax(0,1fr);gap:5px;padding-inline:4px}.timeline-track-label .track-icon{width:24px;height:24px}.timeline-empty{text-align:center;margin-left:92px;padding:10px}.timeline-empty p,.timeline-audio-clip small,.clip-grip{display:none}.output-settings-grid{grid-template-columns:1fr}.output-setting-heading{flex-direction:column;align-items:flex-start}.export-summary{grid-template-columns:1fr}.export-summary div{flex-direction:row;justify-content:space-between}.video-output-card{grid-template-columns:1fr}.video-output-card>div{grid-column:auto}.video-output-card .download-button{width:100%}}