/* 🎬 Монтаж (#917) — «Тёплая сцена»: бордо/золото/крем; текст ≥14px, кнопки ≥44px, 360px. */
.mg-ov { position: fixed; inset: 0; z-index: 1500; display: flex; flex-direction: column; background: #1b0c10; color: #fbf1de; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mg-ov[hidden] { display: none; }
.mg-head { display: flex; align-items: center; gap: 8px; padding: calc(6px + env(safe-area-inset-top, 0px)) 12px 6px 2px; border-bottom: 1.5px solid rgba(242,196,109,.26); background: #241114; flex: none; position: sticky; top: 0; z-index: 2; }
.mg-back { width: 44px; height: 44px; border: 0; background: transparent; color: #f2c46d; font-size: 30px; line-height: 1; flex: none; }
.mg-title { font-size: 17px; font-weight: 800; flex: 1; }
.mg-total { font-size: 15px; font-weight: 700; color: #f2c46d; font-variant-numeric: tabular-nums; }
.mg-body { padding: 10px 12px calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; flex-direction: column; gap: 14px; }
.mg-sec h3 { margin: 0 0 8px; font-size: 16px; }
.mg-sec h3 small { font-size: 14px; color: #cbb89c; font-weight: 400; }
.mg-btn { min-height: 48px; padding: 0 16px; border-radius: 14px; border: 1.5px solid rgba(242,196,109,.5); background: rgba(40,19,21,.9); color: #f2c46d; font-size: 16px; font-weight: 700; font-family: inherit; width: 100%; }
.mg-btn.sm { width: auto; flex: 1 1 40%; font-size: 15px; }
.mg-btn.ok { border: 0; background: linear-gradient(#f6d58b, #e0a43a); color: #2a1a12; flex: 1 1 56%; }
.mg-btn:disabled { opacity: .5; }
.mg-row { display: flex; gap: 8px; margin-bottom: 8px; }
.mg-clips { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.mg-empty { margin: 4px 0 8px; font-size: 15px; line-height: 1.4; color: #cbb89c; }
.mg-clip { display: grid; grid-template-columns: 64px 1fr 44px; gap: 8px; align-items: stretch; padding: 8px; border-radius: 14px; background: #241114; border: 1.5px solid rgba(242,196,109,.2); }
.mg-thumb { width: 64px; height: 64px; border-radius: 10px; background: #0d0507; }
.mg-clip-main { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.mg-clip-main b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mg-clip-len { font-size: 14px; color: #cbb89c; font-variant-numeric: tabular-nums; }
.mg-trim { display: flex; flex-direction: column; gap: 2px; }
.mg-range { width: 100%; height: 44px; margin: 0; padding: 0; accent-color: #e0a43a; }
.mg-clip-btns { display: flex; flex-direction: column; gap: 2px; }
.mg-clip-btns button { width: 44px; height: 44px; border-radius: 10px; border: 1px solid rgba(242,196,109,.35); background: rgba(27,12,16,.8); color: #f2c46d; font-size: 16px; }
.mg-clip-btns button:disabled { opacity: .35; }
.mg-music { margin: 0 0 6px; font-size: 15px; display: flex; align-items: center; gap: 8px; }
.mg-x { width: 44px; height: 44px; border-radius: 10px; border: 1px solid rgba(242,196,109,.35); background: rgba(27,12,16,.8); color: #f2c46d; font-size: 16px; }
.mg-opt { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; }
.mg-opt input[type=checkbox] { width: 22px; height: 22px; accent-color: #e0a43a; }
.mg-vol input { flex: 1; accent-color: #e0a43a; height: 28px; }
.mg-stage canvas { display: block; width: 100%; max-height: 52vh; object-fit: contain; border-radius: 14px; background: #000; border: 1px solid rgba(242,196,109,.22); }
.mg-prog { margin: 8px 0 0; font-size: 14px; color: #cbb89c; }
.mg-prog[hidden] { display: none; }
.mg-prog-bar { height: 8px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; margin-bottom: 4px; }
.mg-prog-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #f6d58b, #e0a43a); transition: width .2s; }
.mg-actions { display: flex; gap: 8px; margin-top: 10px; }
.mg-result { margin-top: 10px; }
.mg-result[hidden] { display: none; }
.mg-result video { display: block; width: 100%; max-height: 52vh; border-radius: 14px; background: #000; }
.mg-hint { margin: 10px 0 0; font-size: 14px; line-height: 1.4; color: #8a8179; }
.mg-sheet { position: fixed; inset: 0; z-index: 1600; background: rgba(0,0,0,.55); }
.mg-sheet[hidden] { display: none; }
.mg-sheet-in { position: absolute; left: 0; right: 0; bottom: 0; max-height: 82vh; overflow-y: auto; padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0; background: #241114; border-top: 2px solid rgba(242,196,109,.5); }
.mg-sheet-in h3 { margin: 0 0 10px; font-size: 18px; }
.mg-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.mg-pick { display: flex; flex-direction: column; gap: 4px; padding: 0 0 6px; border-radius: 12px; border: 1.5px solid rgba(242,196,109,.25); background: #1b0c10; color: #fbf1de; font-family: inherit; overflow: hidden; min-height: 44px; }
.mg-pick img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; background: #0d0507; }
.mg-pick i { display: grid; place-items: center; width: 100%; aspect-ratio: 1; font-style: normal; font-size: 32px; background: #0d0507; }
.mg-pick span { font-size: 14px; padding: 0 6px; line-height: 1.25; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }