.frame-picker{margin:-6px 0 28px;padding:20px;background:#171412;color:#fff;border-left:4px solid var(--gold)}
.frame-picker[hidden]{display:none}
.frame-picker-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:14px}
.frame-picker-heading p{margin:4px 0 0;color:#b8ada4;font-size:12px;line-height:1.5}
.frame-picker-heading strong{font:700 22px var(--display);color:var(--gold)}
.frame-picker-stage{aspect-ratio:16/9;background:#000;overflow:hidden;display:grid;place-items:center}
.frame-picker-stage video,.frame-picker-stage canvas{width:100%;height:100%;object-fit:contain}
.frame-slider{width:100%;accent-color:var(--red);margin:15px 0 10px}
.frame-picker-actions{display:flex;align-items:center;gap:14px}
.frame-picker-actions button{border:0;background:var(--red);color:#fff;padding:11px 14px;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.05em}
.frame-picker-actions span{color:#b8ada4;font-size:11px}
.frame-picker.has-frame{border-left-color:#55cc88}
.frame-picker.has-error{border-left-color:var(--red)}
@media(max-width:600px){.frame-picker-heading{display:block}.frame-picker-heading strong{display:block;margin-top:8px}.frame-picker-actions{align-items:flex-start;flex-direction:column}}