/* Clip driver gate. Load after the site stylesheet. */
.video-frame{position:relative;display:grid;max-width:100%;max-height:82vh;border-radius:14px;overflow:hidden}
.video-frame video{grid-area:1/1;border:0;border-radius:0}
.video-frame.needs-driver .control-layer{filter:blur(4px)}
.clip-controls{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:12px}
.clip-play{width:34px;height:34px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:50%;
  background:rgba(7,10,20,.72);color:#fff;cursor:pointer}
.clip-play svg{width:12px;height:14px;fill:#fff;display:block}
.clip-play svg.is-play{transform:translateX(2px)}
.clip-progress{flex:1;height:4px;margin:0;border:0;border-radius:999px;cursor:pointer;appearance:none;-webkit-appearance:none;
  background:rgba(255,255,255,.35)}
.clip-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.clip-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}

.driver-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:24px;
  background:rgba(4,6,12,.55)}
.driver-modal[hidden]{display:none}
.driver-card{width:min(420px,100%);background:#12182a;border:1px solid var(--line, rgba(255,255,255,.1));
  border-radius:18px;padding:28px 26px 24px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.45);
  color:var(--fg, #eef1f8);font-family:"Space Grotesk",system-ui,sans-serif}
.driver-card h3{margin:0 0 10px;font-family:"Instrument Serif",serif;font-size:32px;font-weight:400}
.driver-card p{margin:0 0 22px;color:var(--dim, #9aa3bb);line-height:1.5}
.driver-card .btn{cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;
  padding:13px 22px;border-radius:999px;border:1px solid var(--line, rgba(255,255,255,.1));
  background:rgba(255,255,255,.04);color:inherit;font-size:15px;font-weight:500}
.driver-card .btn.primary{background:var(--amber, #f2b45c);color:#1a1205;border-color:var(--amber, #f2b45c);font-weight:600}
.driver-copy{display:flex;gap:8px;margin:0 0 16px}
.driver-copy input{flex:1;min-width:0;border:1px solid var(--line, rgba(255,255,255,.1));
  background:rgba(255,255,255,.04);color:inherit;border-radius:999px;padding:11px 16px;
  font-family:"JetBrains Mono",monospace;font-size:13px}
.driver-copy .btn{flex:none;padding:11px 16px}
.driver-actions{display:flex;justify-content:center;gap:10px}
.toast{z-index:80}
.driver-instructions{display:flex;flex-direction:column;gap:10px;text-align:left;margin:0 0 16px}
.driver-instructions p{margin:0;font-size:13px;color:var(--dim, #9aa3bb);line-height:1.0}