#visual-editor{border:1px solid #465338;border-radius:14px;padding:20px;margin:20px 0 30px;min-width:0}#visual-editor h3{font-size:24px;margin:8px 0}#visual-editor button{white-space:normal;max-width:100%}.timeline-clips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.timeline-clips .selected{box-shadow:inset 0 0 0 2px #d2f85b}.timeline-previews{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.timeline-previews>div{min-width:0}.timeline-previews h4{font-size:13px;margin:10px 0}#crop-stage{position:relative;height:300px;background:#000;overflow:hidden;isolation:isolate}#timeline-video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0}#crop-box{position:absolute;border:3px solid #d2f85b;box-shadow:0 0 0 1500px #0008;cursor:move;touch-action:none;min-width:8px;min-height:8px;z-index:1}#crop-box span{position:absolute;top:4px;left:4px;font-size:9px;color:#132100;background:#d2f85b;padding:3px;pointer-events:none;white-space:nowrap}#crop-preview{display:block;max-width:100%;width:100%;height:300px;object-fit:contain;background:#000}.timeline-playback{margin:18px 0 12px;align-items:center}#timeline-time{font-size:13px;font-variant-numeric:tabular-nums}.timeline-playback>button{margin-bottom:0}#timeline-track{position:relative;height:90px;background:#111914;touch-action:none;user-select:none;border-radius:6px}#timeline-filmstrip{width:100%;height:90px;opacity:.65;pointer-events:none}#timeline-selection{position:absolute;top:0;height:100%;min-width:4px;border:3px solid #d2f85b;background:#d2f85b22;cursor:grab;touch-action:none}#timeline-region-label{position:absolute;bottom:5px;left:25px;right:25px;text-align:center;font-size:9px;font-weight:800;color:white;overflow:hidden;white-space:nowrap;text-shadow:0 1px 3px black;pointer-events:none}#visual-editor .trim-handle{position:absolute;top:-3px;bottom:-3px;width:26px;min-width:26px;min-height:44px;padding:0;background:#d2f85b;touch-action:none;cursor:ew-resize;z-index:2}#trim-start{left:-3px}#trim-end{right:-3px}#timeline-playhead{position:absolute;top:-5px;height:100px;width:2px;background:#ff8b64;pointer-events:none;z-index:3}#timeline-scrub{padding:0;accent-color:#ff8b64;cursor:ew-resize}.timeline-ruler{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;margin-top:-10px;margin-bottom:18px}#visual-editor .row>label{min-width:160px}#visual-editor input[type=range]{min-height:36px}#visual-editor p{overflow-wrap:anywhere}@media(max-width:750px){#visual-editor{padding:12px}.timeline-previews{grid-template-columns:1fr}#crop-stage,#crop-preview{height:230px}#timeline-region-label{display:none}.timeline-playback{gap:6px}.timeline-playback button{padding:8px 10px}.timeline-clips button{padding:8px 10px}#visual-editor .row>button{flex:1 1 130px}}
