/* Bilibili Video Downloader — card + results. Shared bits from css/tool-base.css. */
.blv-card { display: flex; flex-direction: column; gap: .85rem; }
.blv-input-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.blv-input { flex: 1 1 240px; min-width: 0; padding: .7rem 1rem; border-radius: 100px; border: 1px solid var(--t-border); background: var(--t-bg); color: inherit; font-size: 1rem; }
.blv-btn { padding: .7rem 1.4rem; border-radius: 100px; border: 0; cursor: pointer; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--t-accent), var(--t-accent-2)); }
.blv-btn.secondary { background: var(--t-bg-2, rgba(127,127,127,.15)); color: inherit; border: 1px solid var(--t-border); font-weight: 600; text-decoration: none; display: inline-block; }
.blv-hint { opacity: .75; font-size: .9rem; }
.blv-error { display: none; color: #d33; background: rgba(255,0,0,.07); border: 1px solid rgba(255,0,0,.25); border-radius: 12px; padding: .6rem .9rem; }
.blv-meta { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: .8rem; }
.blv-thumb { width: 120px; border-radius: 12px; flex-shrink: 0; }
.blv-mtext p { margin: .2rem 0 0; opacity: .85; }
.blv-preview { width: 100%; max-height: 420px; border-radius: 12px; background: #000; margin-bottom: .8rem; }
.blv-bar { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.blv-bar select { padding: .55rem .8rem; border-radius: 100px; border: 1px solid var(--t-border); background: var(--t-bg); color: inherit; }
@media (max-width: 480px) { .blv-thumb { width: 84px; } }