.scenario-editor{min-width:0;position:relative;margin-top:6px}
.scenario-field{display:grid;gap:4px;min-width:0}.scenario-field-label{font-weight:600}
.scenario-toolbar{display:flex;gap:2px;align-items:center;flex-wrap:nowrap;padding:4px;border:1px solid var(--line);border-radius:6px 6px 0 0;background:var(--card)}
.scenario-toolbar button,.live-copy{width:32px;min-width:32px;height:32px;padding:6px;display:inline-grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}
.scenario-toolbar button:hover,.live-copy:hover{background:var(--bg)}
.scenario-toolbar svg,.live-copy svg{width:18px;height:18px}
.scenario-rich{min-height:200px;max-width:100%;padding:12px;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;background:var(--card);color:var(--ink);font-weight:400;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.scenario-rich p{margin:0 0 .6em}.scenario-rich mark{background:#fff2a8;color:#202020}
.scenario-rich:focus{outline:2px solid var(--accent);outline-offset:1px}
.live-copy{justify-self:end;vertical-align:middle;flex-shrink:0}
.live-copy[hidden],.scenario-toolbar[hidden]{display:none}
.scenario-editor>.live-copy{position:absolute;right:3px;top:4px;background:var(--card)}
.scenario-editor .scenario-toolbar{padding-right:36px}
.reel-row.viewed td,.media-card.reel-row.viewed{background:#e7f2ff;color:var(--ink)}
.reel-row.viewed td:first-child{box-shadow:inset 3px 0 #3684c9}
.media-card.reel-row.viewed{box-shadow:inset 3px 0 #3684c9}
.reel-row.viewed:hover td,.media-card.reel-row.viewed:hover{background:#d8eaff}
[data-theme="dark"] .reel-row.viewed td,[data-theme="dark"] .media-card.reel-row.viewed{background:#19374c;color:var(--ink)}
[data-theme="dark"] .reel-row.viewed:hover td,[data-theme="dark"] .media-card.reel-row.viewed:hover{background:#24465e}
@media(max-width:480px){.scenario-toolbar{gap:0;padding:2px 34px 2px 2px}.scenario-toolbar button{width:28px;min-width:28px;padding:4px}.scenario-rich{padding:10px}}