.v21-media-shell{border:1px solid var(--line);border-radius:30px;background:var(--paper);overflow:hidden;box-shadow:var(--shadow-soft)}
.v21-media-head{padding:24px 24px 18px;border-bottom:1px solid var(--line)}
.v21-media-head h2{margin:.25rem 0 .6rem}.v21-media-head p{max-width:72ch}
.v21-media-state{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.v21-media-state div{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--paper2)}
.v21-media-state strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.v21-media-state span{display:block;margin-top:4px;color:var(--muted)}
.v21-media-stage{padding:24px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:18px}
.v21-video-wrap{min-width:0}
.v21-media-placeholder{min-height:330px;border:2px dashed var(--line);border-radius:22px;display:grid;place-items:center;text-align:center;padding:30px;background:linear-gradient(145deg,var(--paper2),var(--paper))}
.v21-media-placeholder strong{font-size:1.2rem}.v21-media-placeholder p{max-width:52ch;color:var(--muted)}
.v21-video{width:100%;border-radius:20px;background:#000}
.v21-media-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v21-media-actions button{min-height:44px}
.v21-media-actions button[disabled]{opacity:.6;cursor:not-allowed}
.v21-media-side{display:grid;gap:12px;align-content:start}
.v21-media-panel{border:1px solid var(--line);border-radius:18px;background:var(--paper2);padding:16px}
.v21-media-panel h3{margin:0 0 .6rem}
.v21-media-panel [role=status]{color:var(--muted)}
.v21-transcript{border-top:1px solid var(--line);padding:22px 24px;background:var(--paper2)}
.v21-transcript[hidden],.v21-sign-region[hidden]{display:none}
.v21-transcript h3,.v21-sign-region h3{margin:.1rem 0 .7rem}
.v21-transcript-body{max-width:78ch;line-height:1.7}
.v21-sign-region{border-top:1px solid var(--line);padding:22px 24px;background:var(--paper)}
.v21-sign-grid{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:18px;align-items:center}
.v21-sign-placeholder{min-height:220px;border:2px dashed var(--line);border-radius:22px;display:grid;place-items:center;text-align:center;padding:24px;background:var(--paper2)}
.v21-sign-video{width:100%;border-radius:18px;background:#000}
.v21-media-notice{border-left:5px solid var(--purple);padding:14px 16px;background:var(--paper2);border-radius:0 16px 16px 0;margin-top:16px}
.v21-media-notice strong{display:block;margin-bottom:4px}
@media(max-width:860px){.v21-media-stage,.v21-sign-grid{grid-template-columns:1fr}.v21-media-state{grid-template-columns:1fr}.v21-media-placeholder{min-height:250px}}
@media(forced-colors:active){.v21-media-placeholder,.v21-sign-placeholder{border:2px dashed CanvasText}.v21-media-shell,.v21-media-panel{border:1px solid CanvasText}}