.media-source-switch{width:min(680px,100%);margin:0 auto 22px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #cbd4e5;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(21,39,79,.08)}
.media-source-switch button{padding:13px 18px;display:grid;gap:3px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800;text-align:left}
.media-source-switch button small{font-size:9px;font-weight:500}
.media-source-switch button.selected{background:var(--ink);color:#fff;box-shadow:0 7px 18px rgba(18,32,63,.18)}
.media-source-switch button.selected small{color:#bdc7dc}
.video-stage{position:relative;margin-top:14px;overflow:hidden;border-radius:13px;background:#071020}
.video-stage .video-preview{margin:0;border-radius:0}
.subtitle-crop{position:absolute;left:0;right:0;top:55%;height:35%;pointer-events:none;border:2px solid #ffcc62;background:rgba(255,204,98,.12);box-shadow:inset 0 0 0 1px rgba(18,32,63,.35)}
.subtitle-crop span{position:absolute;right:7px;top:6px;padding:4px 6px;border-radius:5px;background:#ffcc62;color:#3f3109;font:800 8px Consolas,monospace}
.crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.crop-controls .field+.field{margin-top:0}
.crop-controls input[type=range]{padding:0;accent-color:var(--blue)}
.subtitle-unified{margin-top:20px;padding:25px}
.subtitle-unified .subtitle-source{min-height:210px}
.unified-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.unified-options label{padding:12px;display:flex;gap:9px;border:1px solid var(--line);border-radius:12px;background:#f8faff}
.unified-options input{width:17px;height:17px;accent-color:var(--blue)}
.unified-options span{display:grid;gap:3px}.unified-options strong{font-size:10px}.unified-options small{color:var(--muted);font-size:8px}
.unified-timeline{max-height:500px;margin-bottom:16px;padding:5px;overflow:auto;border-left:2px solid #c9d2e3}
.unified-timeline article{display:grid;grid-template-columns:30px 82px minmax(0,1fr) 44px 30px;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #e7ebf3}
.timeline-seek,.timeline-delete{height:30px;border:0;border-radius:8px}.timeline-seek{background:#e8ebff;color:var(--blue)}.timeline-delete{background:#f4e9ec;color:var(--danger)}
.timeline-time{padding:8px!important;font:9px Consolas,monospace!important}
.timeline-text{min-height:48px!important;padding:8px 10px!important;resize:vertical;font:12px/1.5 Georgia,serif!important}
.timeline-source{padding:4px 5px;border-radius:999px;background:#e8ebff;color:#3447ba;font-size:8px;font-weight:800;text-align:center}.timeline-source.画面{background:#fff3cc;color:#795a08}.timeline-source.字幕{background:#e2f5f0;color:#177e72}
.video-result-sheet #video-output{width:100%;min-height:190px;box-sizing:border-box;resize:vertical}
.timeline-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}
@media(max-width:620px){.media-source-switch{margin-bottom:16px}.media-source-switch button{padding:11px}.crop-controls,.unified-options{grid-template-columns:1fr}.unified-timeline article{grid-template-columns:28px 72px minmax(0,1fr) 28px}.timeline-source{grid-column:2/4;width:max-content}.timeline-actions{align-items:stretch;flex-direction:column}.timeline-actions .button{width:100%}}