
/* --- Timeline Trimmer Styles --- */
.trimmer-wrap{user-select:none}
.timeline-bar{position:relative;height:56px;border-radius:8px;overflow:hidden;background:#e5e7eb}
.timeline-track{position:absolute;left:0;right:0;top:20px;height:16px;background:#cbd5e1}
.tick{position:absolute;top:0;bottom:0;width:1px;background:#94a3b8;opacity:.6}
.tick-label{position:absolute;top:0;font-size:10px;color:#64748b;transform:translateX(-50%)}
.selection{position:absolute;top:20px;height:16px;background:rgba(59,130,246,.25);border:2px solid #3b82f6}
.handle{position:absolute;top:14px;width:12px;height:28px;background:#2563eb;border-radius:3px;cursor:ew-resize;display:flex;align-items:center;justify-content:center}
.handle:after{content:'';width:2px;height:16px;background:white;border-radius:1px}
.marker{position:absolute;top:10px;width:2px;height:36px;background:#ef4444}
.time-readout{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem 1rem}
.btn-primary{background:#2563eb;color:#fff}
.btn-primary:hover{background:#1d4ed8}
.btn-secondary{background:#e5e7eb;color:#111827}
.badge{display:inline-flex;gap:.25rem;align-items:center;background:#eff6ff;color:#1d4ed8;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}
.ad-box{background:#f3f4f6;border:1px dashed #cbd5e1;border-radius:.5rem;color:#6b7280}
/* Player bigger (50% higher) */
.video-h{height:540px}@media (max-width:1024px){.video-h{height:360px}}
