.montage-studio{margin:22px 0 28px;padding:24px;background:linear-gradient(145deg,#1c2230,#11151e 55%);border:1px solid #394253;border-radius:14px;color:#f2f4f8;min-width:0}.montage-studio [hidden]{display:none!important}.montage-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.montage-step>span,.studio-flow-heading>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid #ff536b66;background:#ff365523;border-radius:50%;font-weight:800;color:#ff8294;font-size:13px}.montage-step h3{margin:0 0 7px;font-size:22px;letter-spacing:-.025em}.montage-step p,.montage-hint,.montage-fit-note{font-size:12px;color:#aeb9ca;line-height:1.7;margin:0}.montage-format{display:flex;gap:10px;margin:16px 0 9px}.montage-studio button{font-family:inherit;cursor:pointer}.montage-format button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;border:1px solid #39485c;border-radius:8px;min-height:55px;background:#111723;color:#c3cddd;font-weight:700;font-size:13px}.montage-format button[aria-pressed=true]{background:#3b1d2c;border-color:#ff4866;color:#fff}.montage-format button>span{font-size:22px}.montage-format small{color:#a7b2c5;font-size:10px;font-weight:500}.montage-fit-note{font-size:10px;text-align:center;margin-bottom:20px}.montage-add{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:130px;justify-content:center;padding:18px;border:1px dashed #68758c;border-radius:10px;background:#1b24324d;cursor:pointer;text-align:center;margin:16px 0 20px}.montage-add>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#ff36551f;color:#ff7e94;font-size:25px}.montage-add>strong{font-size:14px}.montage-add>small{font-size:10px;color:#a4b1c4}.montage-add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.montage-add:focus-within{outline:2px solid #ff7c91;outline-offset:3px}.montage-add:has(input:disabled){opacity:.45;cursor:default}.montage-player{display:block;width:100%;aspect-ratio:16/9;max-height:380px;object-fit:contain;background:#07090d;border-radius:9px}.montage-studio:has([data-montage-kind=short][aria-pressed=true]) .montage-player{aspect-ratio:9/16;max-height:390px}.montage-selected{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0 16px;min-width:0}.montage-selected strong{font-size:11px;color:#c7d2e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.montage-selected span{font:11px ui-monospace,monospace;color:#96a6bc;white-space:nowrap}.montage-trim{display:grid;gap:11px;margin:16px 0 19px;padding:16px;background:#0c111a;border:1px solid #313c4d;border-radius:8px}.montage-trim>label{display:grid;grid-template-columns:40px minmax(50px,1fr) 85px;align-items:center;gap:10px;font-size:11px;color:#b8c5d9}.montage-trim input[type=range]{accent-color:#ff5874;width:100%;margin:0;min-height:32px;cursor:ew-resize;padding:0;border:0;touch-action:pan-y}.montage-trim output{font:11px ui-monospace,monospace;text-align:right;color:#e9d8dc}.montage-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.montage-actions button,.montage-reorder button,.montage-reset,.montage-progress button,[data-montage-resume-button]{border:1px solid #3c495e;background:#202a3a;border-radius:6px;color:#dce5f3;font-size:11px;min-height:40px;padding:9px 12px}.montage-actions [data-montage-split]{border-color:#d4546a;background:#572333;color:#ffe6ec;font-weight:700}.montage-actions [data-montage-undo]{margin-left:auto;background:transparent;font-size:10px;color:#9eabc0}.montage-strip-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px}.montage-strip-heading strong{font-size:12px}.montage-strip-heading span{font:10px ui-monospace,monospace;color:#9aaac0}.montage-strip{list-style:none;margin:0;padding:0;display:grid;gap:8px}.montage-strip>li{display:flex;min-width:0;gap:8px;padding:6px;border:1px solid #334056;border-radius:8px;background:#111926}.montage-strip>li.is-selected{border-color:#f3637d;background:#35202e}.montage-clip-select{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;color:#e9edf6;text-align:left;padding:0}.montage-clip-number{font:700 11px ui-monospace,monospace;min-width:16px;text-align:center;color:#e1a6b3}.montage-clip-select canvas{display:block;width:72px;height:45px;object-fit:contain;background:linear-gradient(135deg,#37475e,#182133);border-radius:4px;flex-shrink:0}.montage-clip-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.montage-clip-copy strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.montage-clip-copy small{font:9px ui-monospace,monospace;color:#9eadc2;white-space:nowrap}.montage-reorder{display:flex;align-items:center;gap:4px}.montage-reorder button{width:32px;padding:0;min-height:34px}.montage-hint{font-size:10px;margin-top:13px}.montage-render-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.montage-render-button{min-height:50px!important;flex:1}.montage-reset{background:transparent;border:0;color:#9cabbf;text-decoration:underline;font-size:10px}.montage-status{font-size:12px;line-height:1.7;color:#b8d2c2;margin:15px 0 0}.montage-status:empty{display:none}.montage-error{font-size:12px;line-height:1.7;color:#ffb7c5;margin:15px 0 0}.montage-progress{margin-top:18px}.montage-progress progress{display:block;width:100%;height:8px;accent-color:#f8496b}.montage-progress button{margin-top:10px;background:transparent;font-size:10px}.montage-studio [data-montage-resume]{padding:12px 15px;border:1px solid #4d6a5d;background:#162d2540;border-radius:7px;margin:15px 0}.montage-studio [data-montage-resume] p{font-size:12px;line-height:1.6;margin:0 0 8px}.studio-flow-heading{display:flex;align-items:center;gap:12px;font-size:18px;margin:28px 0 17px}.studio-flow-stage[hidden]{display:none!important}.studio-flow-stage{min-width:0}.studio-flow-wait{padding:18px;color:#9caabd;font-size:12px;line-height:1.7;border:1px dashed #374052;border-radius:8px}.studio-render-preview{width:100%;aspect-ratio:16/9;max-height:350px;background:#080a10;object-fit:contain;border-radius:8px}.studio-render-ready{display:flex;align-items:center;gap:8px;margin:12px 0 14px;font-size:11px;color:#bdd4bc}.studio-render-ready:before{content:'✓';color:#b8e4a5;font-weight:700}.studio-flow-metadata{border-top:1px solid #303b4d;margin-top:24px;padding-top:3px}
@media(max-width:760px){.montage-studio{padding:16px;margin:18px -5px 22px}.montage-step{gap:10px}.montage-step h3{font-size:19px}.montage-step p{font-size:11px}.montage-format button{min-height:52px;font-size:12px}.montage-add{min-height:122px}.montage-trim{padding:12px}.montage-trim>label{grid-template-columns:35px minmax(45px,1fr) 78px;gap:5px}.montage-trim output{font-size:10px}.montage-actions{gap:6px}.montage-actions button{font-size:10px;min-height:44px;flex:1;padding:8px}.montage-actions [data-montage-undo]{flex-basis:100%;margin-left:0}.montage-clip-select{gap:6px}.montage-clip-select canvas{width:48px;height:36px}.montage-clip-copy strong{font-size:10px}.montage-clip-copy small{font-size:8px}.montage-clip-number{min-width:11px;font-size:9px}.montage-reorder{flex-direction:column;gap:3px}.montage-reorder button{width:30px;min-height:29px}.montage-player{max-height:290px}.montage-studio:has([data-montage-kind=short][aria-pressed=true]) .montage-player{max-height:320px}.montage-strip-heading strong{font-size:11px}.montage-strip-heading span{font-size:9px}.montage-render-button{font-size:13px!important}.studio-flow-heading{font-size:17px}.studio-flow-heading>span{flex-basis:28px;height:28px}}
.montage-extractor{position:fixed!important;left:-4px!important;top:-4px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important}
/* One continuous, duration-proportional track. Only the grip intercepts touch
   dragging: the filmstrip itself keeps native horizontal/page scrolling. */
.montage-transport{display:flex;align-items:center;gap:12px;padding:13px 0 17px}.montage-transport>button{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #43506a;border-radius:50%;background:#222d40;color:#fff;font-size:15px}.montage-transport [data-montage-play]{background:#f02e55;border-color:#ff6280;box-shadow:0 4px 16px #ed31552b}.montage-transport [data-montage-sound]{flex-basis:34px;height:34px;background:transparent;font-size:14px}.montage-transport .montage-selected{flex:1;display:grid;gap:5px;margin:0}.montage-selected strong{font-size:12px}.montage-selected span{font-size:12px;color:#d4ddec}.montage-actions{margin-bottom:18px}.montage-actions [data-montage-undo]{flex:initial;margin-left:auto;white-space:nowrap}.montage-actions [data-montage-remove]{color:#ffc5d0}.montage-strip-heading{margin-bottom:9px}.montage-zoom{display:flex;align-items:center;gap:3px}.montage-zoom button{min-width:32px;min-height:32px;padding:3px 7px;border:1px solid #35425a;background:#141d2c;color:#d6e1ef;border-radius:5px;font-size:15px}.montage-zoom [data-montage-zoom=fit]{font-size:10px}.montage-timeline-viewport{width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;border:1px solid #334158;background:#090f19;border-radius:9px;padding:0 0 12px;scrollbar-color:#5a6780 #111a28;scrollbar-width:thin;overscroll-behavior-x:contain}.montage-timeline{position:relative;min-height:143px;isolation:isolate;margin:0 13px;box-sizing:content-box;user-select:none;-webkit-user-select:none}.montage-ruler{position:relative;height:32px;background:repeating-linear-gradient(90deg,transparent 0,transparent 29px,#8493b51c 29px,#8493b51c 30px);cursor:ew-resize;touch-action:none}.montage-ruler span{position:absolute;top:0;height:32px;padding:6px 0 0 4px;border-left:1px solid #8c9cbc5c;color:#9faec3;font:9px ui-monospace,monospace;pointer-events:none}.montage-strip{display:flex;gap:0;list-style:none;padding:0;margin:0;height:102px;align-items:stretch}.montage-strip>li{position:relative;flex:none;display:block;box-sizing:border-box;min-width:0;height:102px;padding:0;border:1px solid #63728c;border-radius:4px;background:#1c2d46;overflow:visible}.montage-strip>li+li{margin:0}.montage-strip>li.is-selected{border-color:#ff7590;background:#35202e;box-shadow:inset 0 0 0 1px #ff7590;z-index:2}.montage-clip-select{display:block;position:relative;width:100%;height:100%;min-width:0;overflow:hidden;padding:0;border-radius:3px;text-align:left;background:transparent;touch-action:pan-x pan-y}.montage-filmstrip{position:absolute;display:flex;inset:0 0 24px;overflow:hidden;background:#152339;pointer-events:none}.montage-clip-select canvas{display:block;flex:1 0 0;min-width:0;width:0;height:100%;object-fit:cover;border-radius:0;background:linear-gradient(135deg,#37475e,#182133)}.montage-clip-copy{position:absolute;inset:auto 0 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:7px;height:25px;padding:4px 7px;background:#101b2cef;pointer-events:none;box-sizing:border-box}.montage-clip-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#eff3fb}.montage-clip-copy small{font:9px ui-monospace,monospace;color:#afc0d8;flex-shrink:0}.montage-drag{position:absolute;top:4px;left:4px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce5f166;border-radius:5px;background:#0c152cdd;color:#fff;padding:0;font-size:22px;line-height:1;cursor:grab!important;touch-action:none;overflow:hidden;max-width:calc(100% - 6px)}.montage-drag:focus-visible,.montage-clip-select:focus-visible{outline:2px solid #fff;outline-offset:-3px}.montage-strip>li.is-dragging{opacity:.5;outline:2px dashed #ffa4b9}.montage-studio.is-dragging{cursor:grabbing}.montage-playhead{position:absolute;z-index:5;top:0;bottom:0;width:22px;margin-left:-11px;touch-action:none;cursor:ew-resize}.montage-playhead:before{content:'';position:absolute;width:2px;top:12px;bottom:0;left:10px;background:#ff557c;box-shadow:0 0 8px #ff365561;pointer-events:none}.montage-playhead>span{position:absolute;top:0;left:3px;width:16px;height:15px;background:#ff557c;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%);pointer-events:none}.montage-playhead:focus-visible{outline:1px dashed #ffb4c5;outline-offset:2px}.montage-drop-marker{position:absolute;top:28px;bottom:6px;width:4px;margin-left:-2px;border-radius:2px;background:#7ceec6;box-shadow:0 0 12px #53e6bb88;z-index:7;pointer-events:none}.montage-drop-marker:before{content:'';position:absolute;top:-5px;left:-4px;width:12px;height:8px;background:#7ceec6;clip-path:polygon(0 0,100% 0,50% 100%)}.montage-timeline-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}.montage-timeline-footer>span{font:10px ui-monospace,monospace;color:#a5b3ca}.montage-timeline-footer .montage-reorder{display:flex;flex-direction:row;gap:5px}.montage-reorder button{min-height:32px;width:36px;background:#182235}.montage-hint{line-height:1.7;margin-top:10px;color:#aebdd1}.montage-studio [aria-disabled=true]{pointer-events:none;opacity:.5}.montage-studio button:disabled{cursor:default!important;opacity:.4}
@media(max-width:760px){.montage-transport{gap:9px;padding-top:12px}.montage-transport .montage-selected strong{font-size:10px}.montage-transport .montage-selected span{font-size:10px}.montage-actions{gap:5px;flex-wrap:nowrap}.montage-actions button{flex:1;min-height:41px;padding:7px 5px;font-size:10px}.montage-actions [data-montage-undo]{flex:1;margin-left:0;font-size:10px}.montage-drag{width:32px;height:32px;top:3px;left:3px}.montage-clip-select canvas{width:0;height:100%}.montage-clip-copy strong{font-size:9px}.montage-clip-copy small{font-size:8px}.montage-strip-heading strong{font-size:11px}.montage-zoom button{min-height:34px}.montage-playhead{width:28px;margin-left:-14px}.montage-playhead:before{left:13px}.montage-playhead>span{left:6px}.montage-timeline-viewport{border-radius:7px}.montage-hint{font-size:10px}}