.visual{aspect-ratio:4/3;background:#08080a0f;flex-direction:column;gap:14px;width:100%;padding:clamp(16px,2vw,28px);display:flex}.visual__body{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.visual__note,.visual__label{color:var(--paper-soft);font-size:var(--step-small);line-height:1.4}.visual__frame{background:var(--paper-ink);width:100%;height:auto;display:block}.visual__item{gap:8px;min-width:0;margin:0;display:grid}.visual__body>.visual__item{justify-items:center;width:34%}.visual__body>.visual__item .visual__label{white-space:nowrap}.visual__pair{align-items:end;gap:clamp(10px,1.2vw,16px);width:100%;display:flex}.visual__pair>.visual__item:first-child{flex:1 1 0}.visual__pair>.visual__item:last-child{flex:0 0 31%}.visual__arrow{width:22px;height:22px;color:var(--paper-ink);flex:none;align-self:center}.visual--scores .visual__pair{align-items:center}.visual--scores .visual__pair>.visual__frame{flex:0 0 34%;width:34%}.visual__bars{align-content:center;gap:14px;width:100%;display:grid}.visual__bar{font-size:var(--step-small);grid-template-columns:minmax(0,1fr) auto;row-gap:6px;line-height:1.2;display:grid}.visual__bar-label{font-weight:500}.visual__bar-value{font-variant-numeric:tabular-nums;font-weight:600}.visual__track{background:#08080a1f;grid-column:1/-1;height:12px;position:relative}.visual__fill{width:calc(var(--share,1) * 100%);background:var(--paper-ink);position:absolute;inset:0 auto 0 0}.visual__bar--gate .visual__bar-label{font-weight:700}.visual--scores .visual__bar:not(.visual__bar--gate) .visual__fill{background:var(--paper-soft)}.visual__track--full{background:var(--paper-ink);height:30px}.visual__clip{top:5px;bottom:5px;left:calc(var(--at,.5) * 100%);background:var(--lime);width:6%;position:absolute;translate:-50%}.visual__ruler{gap:10px;width:100%;display:grid}.visual__platforms{font-size:var(--step-small);flex-wrap:wrap;gap:4px 14px;font-weight:600;display:flex}.visual__scale{background:#08080a1f;height:64px;position:relative}.visual__band{inset:0 0 0 calc(var(--from,.25) * 100%);background:var(--paper-ink);color:var(--paper);font-family:var(--font-display);font-size:var(--step-lead);white-space:nowrap;align-items:center;padding-inline:14px;font-weight:700;line-height:1;display:flex;position:absolute}.visual__ticks{height:1.4em;color:var(--paper-soft);font-size:var(--step-small);position:relative}.visual__tick{left:calc(var(--at,0) * 100%);position:absolute;translate:-50%}.visual__tick:first-child{translate:0}.visual__tick:last-child{translate:-100%}.visual__job{gap:14px;width:100%;display:grid}.visual__recording{background:var(--paper-ink);height:30px;position:relative}.visual__kept{top:0;bottom:0;left:calc(var(--left,0) * 100%);width:max(6px, calc(var(--width,0) * 100%));background:var(--lime);position:absolute}.visual__miss{top:7px;bottom:7px;left:calc(var(--at,.5) * 100%);background:var(--muted);width:3px;position:absolute;translate:-50%}.visual__kept-clips{justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none;display:flex}.visual__kept-clip{flex:1 1 0;min-width:0;max-width:72px;position:relative}.visual__kept-clip:after{content:attr(data-n);background:var(--lime);min-width:18px;height:18px;color:var(--paper-ink);font:700 11px/1 var(--font-body);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.visual--transcript .visual__pair{align-items:center}.visual--transcript .visual__pair>.visual__frame{flex:0 0 30%;width:30%}.visual__words{flex-wrap:wrap;flex:1 1 0;align-content:center;gap:12px 14px;min-width:0;font-weight:600;line-height:1.1;display:flex}.visual__word{gap:4px;display:grid}.visual__word-time{color:var(--paper-soft);font-size:var(--step-small);font-variant-numeric:tabular-nums;font-weight:500}.visual__pair--verticals{justify-content:center}.visual__pair--verticals>.visual__item:first-child,.visual__pair--verticals>.visual__item:last-child{flex:0 0 34%;justify-items:center}.visual__layout{aspect-ratio:9/16;background:var(--paper-ink);flex-direction:column;width:100%;display:flex}.visual__tile{flex:0 0 calc(var(--h,.5) * 100%);position:relative;overflow:hidden}.visual__tile--screen{background:var(--paper)}.visual__tile--speaker{background:var(--surface-3)}.visual__slide{gap:7%;display:grid;position:absolute;inset:18% 12% auto}.visual__slide>i{background:#08080a38;height:6px;display:block}.visual__slide>i:first-child{background:var(--paper-soft);width:80%;height:11px;margin-bottom:4%}.visual__slide>i:nth-child(3){width:90%}.visual__slide>i:last-child{width:64%}.visual__tile--speaker:before,.visual__tile--speaker:after{content:"";background:var(--paper-soft);position:absolute;left:50%;translate:-50%}.visual__tile--speaker:before{aspect-ratio:1;border-radius:50%;width:24%;top:16%}.visual__tile--speaker:after{border-radius:50% 50% 0 0;width:60%;height:44%;bottom:-20%}.visual__tile-name{z-index:1;background:var(--paper-ink);color:var(--paper);font-size:var(--step-small);padding:2px 6px;font-weight:600;line-height:1.3;position:absolute;bottom:6px;left:8px}.visual__strips{align-content:center;gap:8px;width:100%;display:grid}.visual__strip{grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:12px;margin:0;display:grid}.visual__strip-frame{aspect-ratio:4;object-fit:cover;object-position:50% calc(var(--y,.9) * 100%);background:var(--paper-ink);width:100%;height:auto;display:block}.visual__bar--ours .visual__bar-label{font-weight:700}.visual__bar-line{color:var(--paper-soft);grid-column:1/-1;line-height:1.4}.visual--firstPlan .visual__bars{gap:24px}.visual__credit{color:var(--paper-soft);font-size:var(--step-small);line-height:1.4}