/* ai-shorts-clipper.php: builds on css/theme.css, css/landing.css and subtitle-remover/style.css (.sr-card). */
.sc-note { margin: 16px 0; }
.sc-sources { display: grid; gap: 8px; max-height: 340px; overflow-y: auto; margin-bottom: 14px; }
.sc-source { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--sv-line, #e5e7eb); border-radius: 10px; cursor: pointer; margin: 0; }
.sc-source:hover { border-color: #a5b4fc; }
.sc-source input { margin: 0; }
.sc-source .sc-name { font-weight: 600; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-source .sc-meta { color: #6b7280; font-size: 13px; white-space: nowrap; }
.sc-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sc-msg { margin-top: 10px; }
.sc-msg.sc-error { color: #b91c1c; }
.sc-msg.sc-ok { color: #047857; }
.sc-job { border-top: 1px solid var(--sv-line, #e5e7eb); padding: 16px 0; }
.sc-job:first-child { border-top: 0; padding-top: 0; }
.sc-job-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.sc-job-head h3 { font-size: 17px; margin: 0; }
.sc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.sc-clip { border: 1px solid var(--sv-line, #e5e7eb); border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.sc-frame { position: relative; aspect-ratio: 9 / 16; background: #111827; color: #e5e7eb; display: grid; place-items: center; text-align: center; font-size: 13px; }
.sc-frame video, .sc-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sc-frame .fa { font-size: 28px; display: block; margin-bottom: 6px; }
.sc-score { position: absolute; top: 8px; left: 8px; background: rgba(17, 24, 39, .8); color: #fff; border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 700; }
.sc-body { padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sc-body b { font-size: 14px; line-height: 1.3; }
.sc-body small { color: #6b7280; line-height: 1.35; }
.sc-body .btn { margin-top: auto; }
@media (max-width: 600px) { .sc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }