/* KYMA · video.css — the Video studio */
/* ---------- video studio ---------- */
.video{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}
.vd-player{position:relative;padding:0;min-height:300px;display:grid;place-items:center;background:#0e1012}
.vd-player video{width:100%;height:100%;max-height:62vh;display:block;object-fit:contain;background:#000;border-radius:var(--r)}
.vd-player video:not([src]){display:none}
.vd-empty{display:grid;gap:8px;justify-items:center;text-align:center;padding:30px}
.vd-empty b{font-size:22px;font-weight:600;letter-spacing:-.03em}
.vd-empty span{font-family:var(--font-mono);font-size:11px;opacity:.65}
.vd-player.dropping{outline:2px dashed var(--orange);outline-offset:-8px}
.vd-side{display:flex;flex-direction:column;gap:9px}
.vd-title{margin:0;font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1}
.vd-title i{font-style:normal;color:var(--orange)}
.mono-sm{font-family:var(--font-mono);font-size:11px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-stats{display:flex;align-items:flex-end;gap:16px}
.vd-stats>div{display:grid}
.vd-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vd-levels label{display:grid;gap:2px}
.vd-levels input{width:100%;accent-color:#14171a}
.vd-acts{display:grid;gap:6px}
.vd-side .progress{margin-bottom:auto}
#vdFit{margin-top:3px}
.vd-side>.check:first-of-type{margin-top:auto}
.vd-stripwrap{grid-column:1/-1;display:grid;gap:8px;padding:12px}
#vdStrip{width:100%;height:120px;display:block;border-radius:10px;cursor:pointer;touch-action:none}/* KYMA: the picture lives on the timeline */
.vd-lanehint{font-size:11.5px;opacity:.75;color:inherit}
.vd-player.loaded .vd-empty{display:none}
.studio-video .ws{box-shadow:inset 0 3px 0 var(--orange)}