/* Kick Clip Downloader — card + results. Shared bits from css/tool-base.css. */
.kck-card { display: flex; flex-direction: column; gap: .85rem; }
.kck-input-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.kck-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; }
.kck-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)); }
.kck-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; }
.kck-hint { opacity: .75; font-size: .9rem; }
.kck-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; }
.kck-meta { display: flex; gap: .8rem; align-items: flex-start; margin-bottom: .8rem; }
.kck-thumb { width: 160px; border-radius: 12px; flex-shrink: 0; }
.kck-mtext p { margin: .2rem 0 0; opacity: .85; }
.kck-duration { opacity: .65; font-size: .85rem; }
.kck-bar { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.kck-bar .kck-btn { text-decoration: none; display: inline-block; }
@media (max-width: 480px) { .kck-thumb { width: 110px; } }