/* Final reviewer interaction polish: gutter composer + precise time-range editing */
.range-editor .range-precision{grid-column:1/-1;display:grid;gap:6px;padding-bottom:2px}.range-time-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px}.range-time-inputs label{display:grid;gap:3px}.range-time-inputs label span{font-size:8px!important;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)!important}.range-time-inputs i{font-style:normal;color:var(--muted);padding-bottom:7px}.range-time-inputs input{min-width:0;width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;padding:6px 7px;font-size:10px;font-variant-numeric:tabular-nums;outline:none}.range-time-inputs input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgb(110 159 229 / .2)}.range-drag-help{font-size:8px;color:var(--muted);line-height:1.35}
.draft-range-overlay{position:absolute;inset:0;z-index:24;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s}.draft-range-overlay.show{visibility:visible;opacity:1}.draft-range-fill{position:absolute;top:calc(50% - 4px);height:8px;border-radius:999px;background:rgb(245 200 76 / .72);box-shadow:0 0 0 1px rgb(245 200 76 / .35) inset;pointer-events:none}.draft-range-handle{position:absolute;top:50%;width:14px;height:24px;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;pointer-events:auto;cursor:ew-resize;z-index:3}.draft-range-handle::before{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:3px;transform:translateX(-50%);border-radius:999px;background:var(--accent);box-shadow:0 0 0 2px var(--panel2),0 2px 8px rgba(0,0,0,.55)}.draft-range-handle::after{content:attr(data-time);position:absolute;left:50%;bottom:27px;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--panel2);color:var(--accent);border-radius:6px;padding:3px 5px;font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;transition:opacity .12s;pointer-events:none}.draft-range-handle:hover::after,.draft-range-overlay.dragging .draft-range-handle::after{opacity:1}.draft-range-handle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.draft-range-overlay.dragging .draft-range-fill{background:rgb(245 200 76 / .88)}

.range-editor>span{display:none}.canvas-composer{max-height:calc(100% - 32px);overflow:auto;scrollbar-width:thin}