/* Optional trim composition and compact two-column rundown. */
.trim-modal-card .modal-body{overflow:auto;}
.trim-modal-card .trim-grid{flex:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);}
.trim-source-box .trim-player{max-width:560px;margin-inline:auto;}
.trim-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.trim-pane-heading h3{margin:0;font-size:14px;}
.trim-rundown-box{display:flex;flex-direction:column;gap:8px;}
.trim-rundown-box .trim-export-actions{margin-top:0;}
.trim-rundown-hint{line-height:1.5;}
.trim-composition-box{min-width:0;margin:0;}
#trimSegmentsPanel[hidden],#trimOverlayCanvas[hidden]{display:none;}
#trimOverlayComposition[hidden],#trimOverlayControlsPanel[hidden],#trimOverlayCanvasTools[hidden]{display:none;}
.trim-modal-card .trim-overlay-editor{display:block;padding:0;border:0;background:transparent;}

.trim-live-overlays{--line:#293d5b;--muted:#9fb5df;min-width:0;}
.trim-live-add-row,.trim-live-preset-row{display:flex;gap:5px;align-items:center;margin-bottom:8px;}
.trim-live-add-row{justify-content:space-between;}
.trim-live-preset-row{flex-wrap:wrap;}
.trim-live-preset-row select{min-width:100px;flex:1;}
.trim-live-overlays .icon-only{padding:5px;width:30px;min-width:30px;min-height:30px;}
.trim-live-overlays .overlay-name{display:flex;align-items:center;gap:7px;font-size:12px;}
.trim-live-overlays .overlay-name img{width:26px;height:26px;object-fit:contain;background:#10182a;}
.trim-live-overlays .overlay-item.editing{border:1px solid #e4ad55;background:#312718;border-radius:7px;padding:6px;}
.trim-live-overlays .overlay-edit-indicator{display:inline-block;font-size:9px;color:#ffd68f;}
.trim-live-overlays .overlay-pos{flex-wrap:wrap;overflow:visible;gap:4px;min-width:0;}
.trim-live-overlays .overlay-pos label{display:flex;gap:3px;align-items:center;font-size:10px;}
.trim-live-overlays .overlay-pos input[type=number]{flex:none;width:46px;min-width:46px;max-width:46px;padding:3px 2px;height:27px;min-height:27px;font-size:11px;}
.trim-live-overlays .overlay-editor-controls{width:auto;min-width:0;flex:0 1 auto;padding:0;gap:5px;flex-wrap:wrap;}
.trim-opacity{display:flex;align-items:center;gap:3px;margin:0;font-size:10px;}
.trim-opacity input{width:44px;min-width:44px;padding:3px 2px;height:27px;min-height:27px;font-size:11px;}
.trim-live-overlays .overlay-canvas-tools{flex-wrap:wrap;margin-top:10px;}
.trim-live-overlays [aria-pressed=true]{border-color:#e4ad55;color:#ffd68f;}
#trimOverlayLayerList{max-height:260px;overflow-y:auto;overflow-x:hidden;padding:0 5px;}
#trimOverlayLibraryModal{z-index:1300;}
#trimOverlayLibraryModal .overlay-library-card{width:min(920px,95vw);max-height:90dvh;display:flex;flex-direction:column;}
#trimOverlayLibraryModal .modal-body{overflow:auto;}
@media(max-width:900px){.trim-modal-card .trim-grid,.trim-modal-card .trim-overlay-editor{grid-template-columns:1fr;}.trim-source-box .trim-player{max-width:520px;}}

.trim-live-overlays .overlay-editor-controls{flex-direction:row;align-items:center;}
/* Four segment actions in one top row; use the remaining space for the list. */
.trim-modal-card .trim-rundown-box .trim-export-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;flex:none;}
.trim-modal-card .trim-rundown-box .trim-export-actions .trim-icon-button{height:42px;min-height:42px;padding:6px;grid-row:auto;}
.trim-modal-card .trim-rundown-box .trim-export-actions .trim-icon-button i{font-size:21px;}
.trim-preview-heading-actions{display:flex;align-items:center;gap:6px;min-width:0;}
.trim-modal-card .trim-preview-utility{width:34px;min-width:34px;min-height:34px;padding:6px;}
.trim-modal-card .trim-rundown-box .segment-list{max-height:480px;}
@media(max-width:480px){.trim-source-box .trim-pane-heading{flex-wrap:wrap;}.trim-preview-heading-actions{margin-left:auto;}.trim-modal-card .trim-rundown-box .trim-export-actions{gap:6px;}}


/* Transparent editor above the existing video; transport controls stay usable. */
.trim-modal-card #trimPlayer{overflow:visible;isolation:isolate;}
.trim-modal-card #trimOverlayCanvas{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;margin:0;border:0;background:none;pointer-events:none;z-index:3;}
.trim-modal-card #trimOverlayCanvas.is-editing{pointer-events:auto;}
.trim-modal-card #trimPlayer .trim-player-controls{z-index:5;}
.trim-modal-card #trimPlayer video{border-radius:9px;}
#trimOverlayCanvas:not(.is-editing) .trim-overlay-layer{pointer-events:none;}
.trim-live-overlays .overlay-item-top{flex-wrap:wrap;gap:6px;min-width:0;}
.trim-live-overlays .overlay-name{flex:1 1 95px;min-width:65px;max-width:160px;gap:4px;}
.trim-live-overlays .overlay-name strong{font-size:11px;}
.trim-live-overlays .overlay-name img{width:22px;height:22px;}
.trim-live-overlays .overlay-item.editing .overlay-name{min-width:65px;max-width:110px;}
.trim-live-overlays .overlay-item-actions{flex:none;gap:2px;}
.trim-live-overlays .overlay-item-actions .icon-only{width:26px;min-width:26px;min-height:27px;min-height:27px;font-size:11px;}
.trim-live-overlays .overlay-edit-indicator{font-size:0;}
.trim-live-overlays .overlay-edit-indicator::before{content:'●';font-size:10px;}
.trim-live-overlays .overlay-pos input::-webkit-inner-spin-button,.trim-opacity input::-webkit-inner-spin-button{appearance:none;margin:0;}
.trim-live-overlays input[type=number]{-moz-appearance:textfield;}
#trimOverlayComposition .trim-pane-heading{flex-wrap:wrap;}

.trim-modal-card #trimOverlayCanvas:not(.is-editing){overflow:hidden;}

/* Override the dashboard's generic input padding so all digits remain visible. */
.trim-modal-card .trim-live-overlays .overlay-pos input[type=number],
.trim-modal-card .trim-live-overlays .trim-opacity input[type=number]{box-sizing:border-box;flex:0 0 64px;width:64px;min-width:64px;max-width:64px;min-height:30px;height:30px;padding:4px 5px;font-size:12px;text-align:center;border-radius:5px;}
.trim-modal-card .trim-live-overlays #trimOverlayGrid{box-sizing:border-box;flex:0 0 68px;width:68px;min-width:68px;max-width:68px;min-height:32px;height:32px;padding:4px 6px;font-size:12px;text-align:center;}
.trim-modal-card .trim-live-overlays .overlay-canvas-tools .overlay-inline{flex:0 0 auto;flex-wrap:nowrap;}
.trim-live-overlays .overlay-item-top>.overlay-editor-controls{margin-left:auto;}
.trim-live-overlays .overlay-item-top>.overlay-item-actions{margin-left:auto;}
@media(max-width:900px){.trim-modal-card .trim-grid{grid-template-columns:1fr;}}