/* YouTube Playlist Length Calculator - range bar, per-video table. */

.ypl-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 16px 0 12px; }
.ypl-range { display: flex; align-items: center; gap: 8px; }
.ypl-range .ytl-label { margin-right: 2px; }
.ypl-range-num { width: 84px; flex: 0 0 auto; }
.ypl-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ypl-actions .ghost-btn { font-size: 0.82rem; padding: 6px 12px; }

.ypl-table-wrap { overflow-x: auto; }
.ypl-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; min-width: 640px; }
.ypl-table th, .ypl-table td { padding: 8px 10px; border-bottom: 1px solid #eef0f3; text-align: left; vertical-align: top; }
.ypl-table th { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }
.ypl-table tbody tr:last-child td { border-bottom: 0; }
.ypl-table tr.is-outside td { opacity: 0.38; }
.ypl-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ypl-col-title { max-width: 380px; }
.ypl-link { color: #0b57d0; text-decoration: none; }
.ypl-link:hover { text-decoration: underline; }