#trim-timeline{background:#f2f5fc;border:1px solid #dce5f5;border-radius:12px;padding:14px;margin:12px 0 16px}.trim-selection-track{height:20px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#d8e1ef 0,#d8e1ef 18px,#e8edf6 18px,#e8edf6 20px);border-radius:5px;margin-bottom:14px}#trim-selection{position:absolute;height:100%;background:#2e5bff66;border:2px solid #2e5bff;border-radius:4px}.trim-slider-label{font-size:12px;margin:12px 0}.trim-slider-label input[type=range]{display:block;width:100%;accent-color:#2e5bff;padding:0;min-height:34px;margin-top:4px;touch-action:pan-y}.trim-preview-actions{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.trim-preview-actions button{display:flex;align-items:center;gap:6px;color:#2e5bff;font-size:12px;min-height:42px;text-align:left}.trim-preview-actions button .icon{width:18px;height:18px}.trim-preview-actions b{font-size:12px;color:#62738e}@media(max-width:768px){#trim-timeline{padding:12px}.trim-slider-label input[type=range]{min-height:42px}.compose-stage{height:32dvh}.trim-fields input{padding:10px}}

.trim-clock-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}.trim-clock-panel span{font-size:11px;color:#53627a}.trim-clock-panel b{display:block;font-size:22px;color:#183a87;margin-top:5px;font-variant-numeric:tabular-nums}.compose-stage{position:relative}.trim-video-clock{position:absolute;top:12px;left:12px;z-index:2;background:#101827d9;color:white;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;border-radius:9px;padding:8px 12px;pointer-events:none}#trim-timeline>h3{margin:0;font-size:15px}.trim-preview-actions b{font-size:15px;color:#234d9e}@media(max-width:768px){.trim-clock-panel b{font-size:20px}.compose-stage{height:25dvh;min-height:160px}.trim-slider-label{margin:7px 0}.trim-slider-label input[type=range]{min-height:34px}}