.r2v-page [hidden] { display: none !important; }
.r2v-page fieldset { border: 0; min-width: 0; }
.r2v-page h2 { font-size: 1.08rem; letter-spacing: 0; margin-bottom: 12px; display:flex; align-items:center; gap:10px; }
.step { color: var(--accent-cyan); font-size:.7rem; border:1px solid #455580; border-radius:7px; padding:4px 7px; }
.section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
#imageCount, #promptCount { color:var(--text-muted); font-size:.75rem; white-space:nowrap; }
.help { color:var(--text-muted); font-size:.85rem; line-height:1.6; margin-bottom:14px; }
.drop-zone { display:flex; align-items:center; flex-direction:column; gap:8px; padding:26px 16px; border:1px dashed #6579a3; border-radius:14px; background:linear-gradient(135deg,#25335a66,#141e30); text-align:center; }
.drop-zone.dragging { border-color:#a9baff; background:#4263dc30; }
.upload-symbol { font-size:1.7rem; color:var(--accent-cyan); }
.drop-zone .help { margin:0 0 4px; }
.r2v-page .secondary { background:#253450; border-color:#50648b; }
.reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.reference-card { border:1px solid var(--border-color); background:var(--input-bg); border-radius:12px; overflow:hidden; min-width:0; }
.reference-card img { width:100%; aspect-ratio:4/3; object-fit:contain; border-radius:0; background:#090f1a; }
.reference-card .card-body { padding:10px; }
.reference-card .tag { min-height:36px; padding:6px 9px; width:100%; background:#a9baff12; border-color:#455580; color:#d4deff; font-size:.8rem; }
.filename { font-size:.72rem; color:var(--text-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:8px 0 4px; }
.card-actions { display:flex; gap:8px; }
.r2v-page .text-button { min-height:36px; padding:4px 0; border:0; background:transparent; color:var(--accent-cyan); font-size:.8rem; }
.r2v-page .text-button:hover:not(:disabled) { background:transparent; text-decoration:underline; }
.card-actions .text-button { flex:1; }
.prompt-panel { padding:20px; border:1px solid #7189d6; border-radius:14px; background:#4263dc12; }
.prompt-panel textarea { min-height:180px; }
.prompt-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.feedback { margin-top:10px; font-size:.83rem; line-height:1.6; overflow-wrap:anywhere; color:var(--text-muted); }
.feedback:empty { display:none; }
.warning { color:var(--warning); }
.r2v-page .error { color:#ffadb8; }
.job-panel { border:1px solid var(--border-color); border-radius:12px; padding:20px; margin-top:24px; background:var(--input-bg); }
.job-heading { display:flex; gap:12px; align-items:center; }
#jobStatus { color:var(--text-muted); font-size:.85rem; margin:12px 0; }
.result-inner { width:100%; }
.result-inner h2 { margin-bottom:16px; }
.page-note { color:var(--text-muted); font-size:.75rem; text-align:center; margin-top:20px; }
.r2v-page fieldset:disabled .drop-zone { opacity:.65; }
@media(max-width:600px) { .reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .prompt-panel { padding:16px; } }

.character-video-tutorial{margin:20px 0 12px;padding:16px;border:1px solid #67e8f9;border-radius:12px;background:#153445;color:#ecfeff;text-align:left}.character-video-tutorial p{margin:0 0 12px;line-height:1.6}.character-video-tutorial button{width:auto;margin:0;min-height:44px;padding:8px 16px}#generateBtn.character-generate-highlight{outline:3px solid #67e8f9;outline-offset:4px;box-shadow:0 0 22px #67e8f966}