.tool-tabs a.tool-tab { display:inline-flex; align-items:center; text-decoration:none; }
.video-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:22px 0; }
.video-preview { padding:14px; border:1px solid #d9e4ec; border-radius:12px; background:#f7fafc; min-width:0; }
.video-preview h3 { margin:0 0 10px; color:var(--navy); font-size:13px; }
.video-preview video { display:block; width:100%; max-height:300px; min-height:160px; background:#0b1730; border-radius:8px; }
.video-preview p { margin:9px 0 0; color:var(--muted); font-size:12px; }
.video-preview[hidden], .video-preview video[hidden] { display:none !important; }
.video-progress { height:9px; margin:16px 0 8px; overflow:hidden; border-radius:99px; background:#e6edf5; }
.video-progress span { display:block; width:0; height:100%; background:#187bd1; transition:width .18s ease; }
.video-progress[hidden] { display:none; }
.video-result { display:none; margin-top:22px; padding:18px; border:1px solid #bededb; border-radius:12px; background:#f1faf8; }
.video-result.is-visible { display:block; }
.video-result h3 { margin:0 0 5px; font-size:17px; color:var(--navy); }
.video-result p { margin:0 0 15px; color:var(--muted); font-size:12px; }
.video-note { margin:16px 0; padding:12px 14px; border-left:3px solid #5ea7a5; border-radius:7px; background:#f2faf8; color:#4d6875; font-size:12px; line-height:1.6; }
.video-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:18px 0; }
.video-controls .tool-field { min-width:0; }
.video-controls .tool-field input, .video-controls .tool-field select { width:100%; }
@media(max-width:700px) { .video-preview-grid,.video-controls { grid-template-columns:1fr; } }