.reel-cover-picker{z-index:90;background:#080705eb;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.reel-cover-picker-panel{color:#f5f0e6;background:#12100c;border:1px solid #f5f0e62e;flex-direction:column;gap:.85rem;width:min(92vw,34rem);max-height:min(96dvh,58rem);padding:1.15rem 1.25rem 1.25rem;display:flex}.reel-cover-picker-panel.is-landscape{width:min(94vw,52rem)}.reel-cover-picker-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.reel-cover-picker-title{font-family:var(--font-sans), Jost, sans-serif;letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:500}.reel-cover-picker-x{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:1px solid #f5f0e647;font-size:1.25rem;line-height:1}.reel-cover-picker-x:disabled{opacity:.45;cursor:default}.reel-cover-picker-stage{background:#000;flex:auto;place-items:center;min-height:0;display:grid}.reel-cover-picker-video{object-fit:contain;pointer-events:none;background:#000;width:min(100%,39.375dvh,24rem);height:min(70dvh,100%);max-height:70dvh}.reel-cover-picker-video.is-landscape{aspect-ratio:16/9;width:min(100%,48rem);height:auto;max-height:min(56dvh,100%)}.reel-cover-picker-scrub{font-family:var(--font-sans), Jost, sans-serif;letter-spacing:.12em;color:#f5f0e69e;flex-direction:column;gap:.45rem;font-size:.62rem;display:flex}.reel-cover-picker-scrub input[type=range]{accent-color:#c9a227;cursor:pointer;width:100%}.reel-cover-picker-scrub input[type=range]:disabled{opacity:.4;cursor:default}.reel-cover-picker-error{font-family:var(--font-sans), Jost, sans-serif;color:#e8a090;margin:0;font-size:.72rem}.reel-cover-picker-loading{font-family:var(--font-sans), Jost, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f5f0e673;text-align:center;margin:0;padding:2.5rem 1rem;font-size:.68rem}.reel-cover-picker-actions{justify-content:flex-end;gap:.55rem;display:flex}.reel-cover-picker-actions button{min-height:2.35rem;color:inherit;font-family:var(--font-sans), Jost, sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #f5f0e647;padding:.45rem 1rem;font-size:.68rem;font-weight:500}.reel-cover-picker-actions button.is-primary{color:#12100c;background:#c9a227;border-color:#c9a227}.reel-cover-picker-actions button:disabled{opacity:.45;cursor:default}.reel-cover-picker-actions button:not(:disabled):hover{background:color-mix(in srgb, currentColor 10%, transparent)}.reel-cover-picker-actions button.is-primary:not(:disabled):hover{background:#cfad41}
