.video-audio-hero{max-width:980px;margin-bottom:22px}.video-audio-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.03em}.video-audio-hero p{max-width:760px}
.video-audio-app{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.video-audio-workspace{padding:18px;background:#f9fafc}.video-audio-inspector{position:sticky;top:20px;padding:20px;background:#fff}
.video-audio-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:2px 2px 16px;border-bottom:1px solid var(--line)}.video-audio-toolbar__title{display:flex;align-items:center;gap:12px}.toolbar-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#131a2b;color:#fff;font-size:13px}.video-audio-toolbar strong,.video-audio-toolbar small{display:block}.video-audio-toolbar small{margin-top:4px;color:var(--muted);font-size:11px}.video-audio-toolbar__meta{display:flex;align-items:center;gap:9px;font-size:11px;color:#657086;font-variant-numeric:tabular-nums}.toolbar-separator{opacity:.5}
.video-audio-preview{position:relative;margin-top:16px;min-height:445px;border-radius:22px;overflow:hidden;background:#0b1020;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#f8fafc;text-align:center;padding:20px}.preview-empty strong{font-size:17px}.preview-empty small{color:#9ca3af;font-size:12px;margin-bottom:8px}.preview-empty .button{margin-top:6px}.preview-icon{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:24px}.video-audio-player{display:block;width:100%;height:445px;object-fit:contain;background:#0b1020}.preview-overlay{position:absolute;left:16px;right:16px;bottom:58px;display:flex;justify-content:space-between;gap:10px;color:#fff;font-size:11px;pointer-events:none}.preview-overlay span{padding:6px 8px;background:rgba(8,13,24,.7);border:1px solid rgba(255,255,255,.08);border-radius:8px;backdrop-filter:blur(8px)}
.video-audio-transport{display:flex;align-items:center;gap:7px;padding:12px 2px 2px}.transport-button{border:1px solid #dfe3ee;background:#fff;color:#283149;border-radius:10px;height:34px;min-width:34px;padding:0 9px;font-size:12px;font-weight:800;cursor:pointer}.transport-button--soft{font-size:10px;color:#657086}.transport-time{display:flex;align-items:center;gap:6px;margin-inline:auto;font-size:12px;color:#657086}.transport-time strong{color:#111827;font-variant-numeric:tabular-nums}
.video-audio-timeline{margin-top:16px}.timeline-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px}.timeline-header strong,.timeline-header span{display:block}.timeline-header span{font-size:10px;color:var(--muted);margin-top:3px}.timeline-total{font-variant-numeric:tabular-nums}.timeline-ruler{position:relative;display:flex;justify-content:space-between;gap:10px;min-height:23px;margin-inline:92px 8px;font-size:10px;color:#98a2b3}.timeline-canvas{position:relative}.timeline-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;margin-top:7px}.timeline-row-label{display:flex;align-items:center;gap:7px;color:#5b6578;font-size:10px;font-weight:800;white-space:nowrap}.timeline-row-label span{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:#eef0ff;color:var(--brand)}.timeline-row--audio .timeline-row-label span{background:#fff0f4;color:#d9465f}.timeline-track{position:relative;height:66px;min-width:0;border:1px solid #dfe3ed;background:#f3f5f9;border-radius:12px;overflow:visible}.timeline-track--audio{height:72px;background:repeating-linear-gradient(90deg,#f9fafc 0,#f9fafc 79px,#eef1f5 79px,#eef1f5 80px)}.timeline-video-clip{position:absolute;inset:7px 4px;border-radius:9px;background:linear-gradient(90deg,#26304a 0%,#4d5a73 12%,#2f3a54 24%,#606d86 36%,#34405a 49%,#62718b 61%,#2d3953 74%,#56657f 86%,#263149 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.timeline-video-clip::after{content:'';position:absolute;inset:7px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 56px);opacity:.7}.timeline-empty-audio{position:absolute;inset:0;display:grid;place-items:center;color:#a1a9b8;font-size:11px;border:1px dashed #cfd5e2;border-radius:11px}.timeline-audio-clip{position:absolute;top:9px;height:54px;border-radius:9px;background:linear-gradient(90deg,#6d5ef4,#8b7cf9);box-shadow:0 7px 18px rgba(82,72,210,.22);display:flex;align-items:center;padding:0 9px;color:#fff;cursor:grab;user-select:none;touch-action:none;min-width:58px;overflow:hidden}.timeline-audio-clip.is-dragging{cursor:grabbing;box-shadow:0 11px 26px rgba(82,72,210,.28);z-index:5}.audio-clip-grip{width:5px;height:28px;border-radius:99px;background:rgba(255,255,255,.35);flex:0 0 auto}.audio-waveform{height:32px;flex:1;min-width:14px;margin:0 8px;display:flex;align-items:center;gap:2px;overflow:hidden}.audio-waveform i{display:block;width:2px;border-radius:2px;background:rgba(255,255,255,.72);flex:0 0 2px}.audio-clip-text{min-width:76px;max-width:40%;overflow:hidden}.audio-clip-text strong,.audio-clip-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-clip-text strong{font-size:10px}.audio-clip-text small{margin-top:2px;font-size:8px;opacity:.8}.playhead{position:absolute;top:-6px;bottom:-10px;width:2px;background:#ff4d67;z-index:8;pointer-events:none;left:82px;display:none}.playhead::before{content:'';position:absolute;top:0;left:50%;transform:translate(-50%,-1px);width:9px;height:9px;border-radius:50%;background:#ff4d67;box-shadow:0 0 0 3px rgba(255,77,103,.14)}.timeline-tip{padding:8px 2px 0 92px;color:#9aa3b3;font-size:10px}
.video-audio-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.source-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.source-card--audio{background:#fffafd}.source-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.source-badge{padding:4px 7px;border-radius:6px;background:#eef0ff;color:#554bdb;font-size:9px;font-weight:900;letter-spacing:.08em}.source-badge--audio{background:#fff0f3;color:#db4161}.source-card strong,.source-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card strong{font-size:11px}.source-card small{margin-top:3px;color:var(--muted);font-size:10px}.link-button{border:0;background:transparent;color:var(--brand);font-size:10px;font-weight:800;cursor:pointer}.video-audio-upload-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.upload-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid #dadff0;border-radius:9px;background:#fff;color:#31394c;font-size:10px;font-weight:800;cursor:pointer}.upload-chip--audio{border-color:#f2d1d9}.upload-chip span{font-size:14px}.upload-strip-hint{font-size:10px;color:#9aa3b3}
.video-audio-inspector .inspector-title--app{padding-bottom:17px;border-bottom:1px solid var(--line)}.inspector-icon{background:#efefff!important;color:#5d56e8!important}.inspector-section{padding:16px 0;border-bottom:1px solid var(--line)}.section-label{display:block;margin-bottom:10px;font-size:11px;font-weight:900;color:#2a3142}.section-label-row{display:flex;justify-content:space-between;align-items:center}.section-label-row .section-label{margin:0}.editor-number-row{display:flex;align-items:end;gap:7px}.editor-number-row label{display:grid;gap:6px;flex:1;font-size:10px;font-weight:800;color:#647087}.editor-number-row input{width:100%;height:40px;border:1px solid #dfe3ec;border-radius:10px;background:#f9fafc;padding:0 10px;font-weight:800;color:#171d2b}.editor-number-unit{padding-bottom:12px;font-size:10px;color:#9aa3b3}.studio-range{width:100%;accent-color:var(--brand);cursor:pointer}.studio-range--volume{margin-top:2px}.field-grid--compact{gap:8px}.field-grid--compact .field{font-size:10px}.field-grid--compact .field input{height:38px}.mode-options{display:grid;gap:8px}.mode-card{display:grid;grid-template-columns:22px 34px 1fr;align-items:center;gap:8px;border:1px solid #e0e4ed;border-radius:12px;padding:9px;background:#fff;cursor:pointer}.mode-card:has(input:checked){border-color:#bcb7ff;background:#f8f7ff;box-shadow:0 0 0 2px rgba(92,87,224,.07)}.mode-card input{accent-color:var(--brand)}.mode-card__icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0efff;color:var(--brand);font-weight:900}.mode-card strong,.mode-card small{display:block}.mode-card strong{font-size:10px}.mode-card small{margin-top:3px;color:var(--muted);font-size:8px}.fade-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fade-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:8px 9px;border:1px solid #e1e5ee;border-radius:10px;background:#fafbfc}.fade-control span{font-size:8px;font-weight:900;color:#8791a3}.fade-control input{grid-column:1/3;width:100%}.fade-control strong{font-size:9px;color:#657086}.inspector-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.inspector-summary div{padding:9px 10px;border:1px solid #e4e7ee;border-radius:10px;background:#fafbfc}.inspector-summary span,.inspector-summary strong{display:block}.inspector-summary span{font-size:8px;color:#8a93a5}.inspector-summary strong{margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums}.video-audio-export{height:48px;box-shadow:0 8px 18px rgba(92,87,224,.18)}.button--soft{background:#fff;border:1px solid var(--line);color:var(--ink)}.video-audio-inspector .button--soft{margin-top:8px}.video-audio-inspector .tool-status{text-align:center;font-size:10px;min-height:18px;margin:11px 0 0}.result-card{margin-top:20px}
.video-audio-app [hidden],[data-result][hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:980px){.video-audio-app{grid-template-columns:1fr}.video-audio-inspector{position:static}.video-audio-preview,.video-audio-player{height:370px;min-height:370px}.video-audio-toolbar__meta{display:none}}
@media(max-width:720px){.video-audio-source-grid{grid-template-columns:1fr}.video-audio-preview,.video-audio-player{height:300px;min-height:300px}.timeline-row{grid-template-columns:66px minmax(0,1fr);gap:7px}.timeline-ruler{margin-inline:73px 4px}.timeline-tip{padding-inline-start:73px}.timeline-row-label{font-size:9px}.video-audio-workspace,.video-audio-inspector{padding:13px}}