.mv-workspace{width:100%;max-width:1860px;padding:32px clamp(18px,2.4vw,42px) 48px;grid-column:2}.mv-workspace button{cursor:pointer}.mv-workspace button:disabled{cursor:not-allowed;opacity:.5}.mv-workspace input,.mv-workspace textarea,.mv-workspace select{width:100%;min-height:36px;padding:8px 10px;border:1px solid #d7dee6;border-radius:5px;background:white;color:var(--ink);font:inherit;font-size:12px}.mv-workspace input:focus,.mv-workspace textarea:focus,.mv-workspace select:focus{outline:2px solid #b8e4df;outline-offset:1px}.mv-workspace label{display:block;font-size:12px;color:#475467}.mv-workspace label input,.mv-workspace label textarea,.mv-workspace label select{margin-top:6px}.connection-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) auto;align-items:end;gap:12px;margin-top:24px}.connection-state{margin-top:5px;padding:6px 10px;color:#667085;background:#e8ecf1;border-radius:4px;font-size:12px}.connection-state.online{color:var(--teal);background:#e4f5f0}.field-hint{color:var(--muted);font-size:11px;line-height:1.6}.connection-hint{margin:7px 0 20px}.mv-layout{display:grid;grid-template-columns:260px minmax(320px,1fr) 260px;gap:26px;border-top:1px solid var(--line);padding-top:24px}.task-column,.production-column,.billing-column{min-width:0}.task-column{padding-right:22px;border-right:1px solid var(--line)}.billing-column{padding-left:22px;border-left:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.section-heading h2{margin:0;font-size:14px;font-weight:650}.section-heading h2 small{font-size:11px;color:var(--muted);margin-left:5px}.section-heading>span{font-size:11px}.text-button{padding:0;border:0;background:none;color:var(--teal);font-size:12px;line-height:1.6}.composer form>label{margin-top:14px}.composer form>label:first-child{margin-top:0}.composer textarea{resize:vertical;line-height:1.6}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.input-audio{width:100%;height:32px;margin-top:8px}.create-cost{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:12px;border-top:1px solid var(--line);font-size:12px}.create-cost strong{color:var(--teal);font-size:17px}.create-cost small{font-size:11px;font-weight:400}.full-width{width:100%}.task-history{margin-top:30px}.history-item{display:flex;justify-content:space-between;gap:8px;width:100%;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:11px;color:#475467}.history-item:hover{background:#edf5f3}.history-item.selected{background:#e6f4f1;box-shadow:inset 2px 0 0 var(--teal)}.history-item span:last-child{text-align:right}.history-item b{font-size:13px}.history-item small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.task-heading{display:flex;justify-content:space-between;gap:12px}.task-heading h2{margin:0 0 7px;font-size:23px;line-height:1.3}.task-heading .eyebrow{font-size:10px;margin-bottom:7px}.task-id{display:block;max-width:280px;overflow-wrap:anywhere;color:var(--muted);font:10px Consolas,monospace}.task-heading button{align-self:flex-start}.stage-track{display:flex;gap:0;padding:0;margin:24px 0 13px;list-style:none}.stage-track li{display:flex;align-items:center;gap:6px;flex:1;color:#98a2b3;font-size:11px;border-bottom:2px solid #e3e8ee;padding:0 0 12px}.stage-track li span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d7dee6;border-radius:50%;font-size:10px}.stage-track li.reached{color:var(--teal);border-color:var(--teal)}.stage-track li.reached span{background:var(--teal);border-color:var(--teal);color:white}.sync-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;color:var(--muted);font-size:10px}.stage-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:15px 0;margin:10px 0;border-bottom:1px solid var(--line)}.stage-actions strong{font-size:12px;font-weight:500}.stage-actions p{font-size:11px;color:var(--amber);margin:6px 0 0}.action-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-buttons .primary-action{font-size:12px}.result-section{margin:24px 0}.result-section select{width:auto;min-height:30px;padding:4px 6px}.video-stage{background:#16202a;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border-radius:5px}.video-stage>video{display:block;width:100%;height:100%;max-height:560px;object-fit:contain}.video-placeholder{text-align:center;color:#b6c0ca;padding:18px}.film-symbol{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;border:1px solid #5b6874;border-radius:50%;font-size:15px;padding-left:2px}.video-placeholder strong{font-size:13px;font-weight:500}.video-placeholder p{font-size:11px;color:#8996a2;line-height:1.6}.media-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--teal);text-decoration:none}.assets-section{padding-top:10px}.asset-row{border-top:1px solid var(--line);padding:18px 0}.asset-header{display:flex;gap:10px;align-items:center;margin-bottom:12px}.asset-header strong{font-size:12px}.asset-header span{font-size:11px;color:var(--muted)}.asset-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px}.asset-previews>div{min-width:0}.asset-previews img,.asset-previews video,.asset-placeholder{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e9edf1;border-radius:4px;display:block}.asset-previews video{background:#16202a}.asset-previews a,.asset-previews span{display:block;font-size:11px;color:var(--muted);margin-top:7px;text-decoration:none}.asset-previews a{color:var(--teal)}.asset-placeholder{display:grid;place-items:center;font-size:11px;color:#8996a2}.asset-row details{margin-top:14px;color:#667085;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.asset-row summary{cursor:pointer}.asset-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.asset-controls button{font-size:11px}.asset-controls .secondary-action{padding:5px 8px;min-height:30px}.asset-error,.warning-text{color:var(--amber);font-size:11px;line-height:1.6}.asset-error{overflow-wrap:anywhere}.account-section{padding-bottom:22px}.balance-number{font-size:31px;letter-spacing:-1px;color:var(--teal);margin:7px 0 3px;font-variant-numeric:tabular-nums}.billing-column dl{margin:20px 0 0}.billing-column dl>div{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:12px 0}.billing-column dt{color:#667085}.billing-column dd{margin:0;font-variant-numeric:tabular-nums}.task-billing,.ledger-section{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.task-billing dl{margin-top:0}.final-cost{border-top:1px dashed var(--line);padding-top:14px;font-weight:650}.cost-events{font-size:11px;padding:8px 0 14px}.cost-events>div{display:flex;justify-content:space-between;gap:8px;line-height:2}.cost-events small{color:var(--muted)}.cost-events b{font-weight:500}.ledger-row{padding:13px 0;border-bottom:1px solid var(--line)}.ledger-row>div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.ledger-row strong{font-weight:500}.ledger-row b{font-variant-numeric:tabular-nums}.ledger-row small{display:block;color:#8996a2;font-size:9px;margin-top:7px}.ledger-row p{color:#8996a2;font-size:10px;margin:5px 0 0}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:14px}.pagination button{padding:4px 6px;border:1px solid var(--line);background:white;border-radius:3px;color:#667085;font-size:11px}.workspace-empty{text-align:center;padding:100px 20px;color:var(--muted)}.workspace-empty .film-symbol{border-color:#c9d4dc;color:var(--teal);width:52px;height:52px}.workspace-empty h2{font-size:19px;color:#344054;font-weight:550}.workspace-empty p{font-size:12px;line-height:1.8;max-width:310px;margin:0 auto}.workflow-guide{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:11px;color:#8996a2}.empty-copy{padding:20px 0;font-size:12px;color:var(--muted)}.notice-banner{margin:12px 0;padding:10px 12px;background:#ecf7f3;color:#0f665e;border-left:2px solid #5cae9f;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.recovery-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 20px;padding:14px;background:#fff8e9;border:1px solid #edd8ad;border-radius:5px;color:#7b5613;font-size:12px}.recovery-banner p{margin:5px 0;font-size:11px}.recovery-banner code{font-size:10px;overflow-wrap:anywhere}.dialog-label input{width:100%;margin-top:8px}.el-dialog__footer button+button{margin-left:10px}.mv-workspace .error-banner{overflow-wrap:anywhere}.task-heading,.asset-row{animation:mv-reveal .18s ease-out}@keyframes mv-reveal{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.history-item,.secondary-action{transition:background-color .15s,color .15s}
@media(min-width:1001px) and (max-width:1200px){.app-shell{grid-template-columns:176px minmax(0,1fr)}.sidebar{width:176px}.mv-layout{grid-template-columns:220px minmax(280px,1fr);gap:22px}.billing-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;border-left:0;border-top:1px solid var(--line);padding:22px 0}.task-billing,.ledger-section{border:0;padding:0;margin:0}.balance-number{font-size:28px}.task-column{padding-right:20px}}
@media(max-width:1000px){.mv-workspace{grid-column:1;padding:25px 20px}.mv-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.billing-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-left:0;border-top:1px solid var(--line);padding:22px 0}.task-billing,.ledger-section{border:0;padding:0;margin:0}.side-nav .nav-item{font-size:12px}.task-column{padding-right:18px}.connection-bar{grid-template-columns:1fr 1.1fr auto}}
@media(max-width:640px){.mv-workspace{padding:22px 14px}.connection-bar{grid-template-columns:1fr}.connection-bar button{width:100%}.mv-layout{grid-template-columns:1fr;padding-top:18px}.task-column{border-right:0;padding:0}.composer{padding-bottom:20px;border-bottom:1px solid var(--line)}.task-history{margin-top:20px}.history-item{padding:10px 8px}.production-column{border-top:1px solid var(--line);padding-top:22px}.billing-column{grid-template-columns:1fr;gap:12px}.task-billing,.ledger-section{border-top:1px solid var(--line);padding-top:20px}.workspace-empty{padding:45px 18px}.balance-number{font-size:32px}.recovery-banner{align-items:flex-start;flex-direction:column;gap:12px}.task-heading h2{font-size:21px}.asset-previews{gap:8px}.connection-state{white-space:nowrap}.stage-track li{font-size:10px}.stage-track li span{width:18px;height:18px}.stage-track{gap:8px}.stage-actions{align-items:flex-start}.sidebar .brand small{display:none}}
@media(prefers-reduced-motion:reduce){.task-heading,.asset-row{animation:none}.history-item,.secondary-action{transition:none}}
.app-shell.mv-generator-shell { display: block; }
.mv-generator-shell > .mv-workspace { grid-column: auto; }
.composer-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.composer-fields > label { margin-top: 14px; }
.composer-fields > label:first-child { margin-top: 0; }
.audio-source-actions { display: flex; align-items: center; gap: 12px; margin: 8px 0; }
.composer .audio-file-label { position: relative; display: inline-block; overflow: hidden; margin: 0; color: var(--accent, #2563eb); cursor: pointer; font-size: 12px; }
.audio-file-label input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.audio-file-label:focus-within { outline: 2px solid #2563eb; outline-offset: 3px; }
.audio-segment { margin: 14px 0 18px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #f8fafc; }
.audio-source-name { font-size: 11px; color: #64748b; margin: 0 0 8px; overflow-wrap: anywhere; }
.segment-presets { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 12px 0; }
.segment-presets button { border: 1px solid var(--line); border-radius: 5px; background: white; padding: 6px 4px; cursor: pointer; font-size: 11px; }
.segment-presets button:hover:enabled { border-color: #2563eb; color: #2563eb; }
.segment-presets button:disabled { opacity: .45; cursor: default; }
.composer .segment-slider { display: flex; align-items: center; gap: 8px; font-size: 11px; margin: 8px 0; }
.composer .segment-slider input { flex: 1; min-width: 0; width: 100%; padding: 0; accent-color: #2563eb; }
.segment-selection { margin: 12px 0; font-size: 12px; color: #1d4ed8; line-height: 1.6; font-variant-numeric: tabular-nums; }
.task-audio-segment { margin-top: -8px; margin-bottom: 16px; }

.composer .first-frame-toggle { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.composer .first-frame-toggle input { width: 16px; height: 16px; min-height: 0; margin: 0; padding: 0; accent-color: var(--teal); }
.sync-warning{background:#fff8e9;color:#7b5613;border-color:#c79439}.sync-warning p{margin:4px 0}