.preview-shell{position:relative;background:#000}.clip video{object-fit:cover}.clip-number{position:absolute;left:12px;top:12px;border:1px solid #ffffff33;border-radius:7px;background:#000a;padding:6px 8px;color:#fff;font-size:11px;font-weight:900}.clip-head small{display:block;margin-top:5px;color:var(--muted)}.score{display:grid;place-items:center;min-width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;font-size:14px;font-weight:900}.opus-editor{margin:16px 0;padding:14px;border:1px solid #282828;border-radius:12px;background:#0b0b0b}.timeline-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.1em}.timeline-head b{color:var(--gold2)}.range-track{position:relative;height:34px;margin:10px 0}.range-track:before,.range-fill{content:"";position:absolute;top:15px;height:4px;border-radius:4px}.range-track:before{left:0;right:0;background:#333}.range-fill{background:var(--gold);left:0;right:0}.range-track input{position:absolute;inset:0;width:100%;margin:0;background:transparent;pointer-events:none;appearance:none}.range-track input::-webkit-slider-thumb{appearance:none;width:16px;height:26px;border:3px solid #111;border-radius:5px;background:var(--gold2);cursor:ew-resize;pointer-events:auto;box-shadow:0 0 0 1px #d6ad55}.time-fields{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px}.time-fields label,.caption-control{display:grid;gap:5px;color:#817b72;font-size:9px;font-weight:900;letter-spacing:.1em}.time-fields input,.caption-control select{width:100%;border:1px solid var(--line);border-radius:8px;background:#151515;color:#fff;padding:9px}.time-fields>span{padding-bottom:9px;color:var(--gold)}.caption-control{margin:12px 0}.opus-editor .gold{padding:11px}.download:disabled,.rerender:disabled{opacity:.45;cursor:wait}

/* High-contrast numeric values for fast scanning in the editor. */
.clip-head .timing{color:#e9e2d4;font-size:13px;font-weight:750;letter-spacing:.015em;font-variant-numeric:tabular-nums}
.score{min-width:52px;height:52px;color:#171006;background:linear-gradient(145deg,#f7dfa0,#c89738);font-size:18px;font-weight:950;letter-spacing:-.02em;box-shadow:0 0 0 3px #d6ad5518,0 8px 22px #0008;font-variant-numeric:tabular-nums}
.timeline-head .duration-label{color:#f1eadc;font-size:12px;font-weight:800;letter-spacing:.025em;font-variant-numeric:tabular-nums}
.time-fields input{min-height:48px;color:#fff9ea;border-color:#504735;background:#191713;font-size:17px;font-weight:850;letter-spacing:.025em;text-align:center;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #ffffff08}
.time-fields input:focus{border-color:var(--gold2);outline:2px solid #d6ad5538;outline-offset:1px;background:#211c13}
.time-fields label{color:#b9ae9b;font-size:10px}