/* Layout and styling follow Pipe3D/index.html and montage/js/ve_render.js.
   Timeline geometry follows ve_state.js: headers 44px, ruler 24px, tracks 56px. */
.montage-editor{--edit-position:0%;--edit-base:#181c30;--edit-panel:#20263f;--edit-border:#ffffff0f;--edit-text:#b7bdd1;--edit-muted:#8590ac;color:var(--edit-text);background:var(--edit-base);border:1px solid #65729340;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0008;font:11px/1.4 system-ui,sans-serif;text-align:left;scroll-margin-top:110px;container-type:inline-size}
.montage-editor *{box-sizing:border-box}.edit-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;min-height:36px;background:#191d30;border-bottom:1px solid var(--edit-border);font-size:13px;letter-spacing:.5px}.edit-titlebar b{font-weight:700}.edit-window-marks{color:var(--edit-muted);white-space:nowrap;cursor:default}
.edit-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px}.edit-main{min-width:0;display:flex;flex-direction:column}.edit-monitor{position:relative;aspect-ratio:960/536;background:#000;overflow:hidden}.edit-monitor>img,.edit-monitor>video,.edit-monitor>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.edit-monitor>video,.edit-monitor>canvas{opacity:0;pointer-events:none}.has-picture .edit-monitor>canvas{opacity:1}.has-picture .edit-poster{visibility:hidden}
.montage-editor .edit-sr-only,.edit-play>span,.edit-sound>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.edit-loading{position:absolute;inset:0;display:grid;place-items:center;background:#10101e85;pointer-events:none}.edit-loading[hidden]{display:none}.edit-load-card{display:grid;grid-template-columns:1fr auto;gap:12px;width:min(320px,calc(100% - 32px));padding:22px 24px;background:#20203aeb;border:1px solid #ffffff14;border-radius:13px;box-shadow:0 16px 50px #0005;color:#e8e4f0;font-size:12px}.edit-load-card>span{font-weight:600}.edit-load-card>output{font:11px/1.5 monospace;color:#c0bbdc;font-variant-numeric:tabular-nums}.edit-loading progress{grid-column:1/-1;display:block;width:100%;height:6px;accent-color:#7a7cff;border:0;border-radius:3px;overflow:hidden;background:#ffffff17}.edit-loading progress::-webkit-progress-bar{background:#ffffff17;border-radius:3px}.edit-loading progress::-webkit-progress-value{background:linear-gradient(90deg,#7a7cff,#5db8a9);border-radius:3px}.edit-loading progress::-moz-progress-bar{background:linear-gradient(90deg,#7a7cff,#5db8a9);border-radius:3px}.edit-status{position:absolute;bottom:12px;left:12px;right:12px;margin:0;padding:10px 12px;background:#20203af2;color:#e8e4f0;font:12px/1.6 system-ui,sans-serif;border-radius:7px}.edit-status:empty{display:none}
.edit-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:6px 12px;background:var(--edit-panel);border-block:1px solid var(--edit-border);min-width:0}.edit-tools-group,.edit-transport,.edit-output-tools{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.edit-tool,.edit-toolbar button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:3px 7px;min-height:23px;border:1px solid #ffffff0d;border-radius:7px;background:#161b2c;color:var(--edit-text);font:600 10px/1.3 system-ui,sans-serif;white-space:nowrap;cursor:default}.edit-toolbar button{cursor:pointer;min-width:32px;min-height:28px;position:relative}.edit-toolbar button:not(:disabled):hover{background:#3c4267;color:#fff;border-color:#7a7cff}.edit-toolbar button:focus-visible{outline:2px solid #acb4ff;outline-offset:3px}.edit-toolbar svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.edit-toolbar .edit-play{width:36px;min-height:30px}.edit-play-symbol{display:block}.edit-pause-symbol{display:none}.is-playing .edit-play-symbol{display:none}.is-playing .edit-pause-symbol{display:block}.edit-toolbar .edit-snap{background:#6366f159;border-color:#6366f1;box-shadow:0 0 8px #6366f17f,inset 0 0 6px #6366f14d}.edit-time{font:11px monospace;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:3px}.edit-time strong{font-weight:400;color:#c7cce1}.edit-time>span{color:#9ba4bd}.edit-toolbar .edit-sound{color:#ff7777}.edit-toolbar .edit-sound:disabled{opacity:.45;cursor:default}.sound-on .edit-toolbar .edit-sound{color:#c7cce1}.edit-sound-waves,.edit-sound-cross{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.edit-sound-waves{display:none}.sound-on .edit-sound-waves{display:block}.sound-on .edit-sound-cross{display:none}.edit-toolbar .edit-export{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:transparent}.edit-toolbar .edit-premiere{background:linear-gradient(135deg,#00005b,#6666ac);color:#d8d8ff;border-color:transparent}
.edit-timeline{display:grid;grid-template-columns:44px minmax(0,1fr);min-width:0;background:#1a1a2e;padding:0 8px 10px 0}.edit-track-labels{display:grid;grid-template-rows:24px 56px 56px;color:#888;font-size:9px}.edit-track-labels>span{display:flex;flex-direction:column;align-items:center;gap:3px;border-bottom:1px solid #2a2a44;background:#1e1e34;padding-top:3px}.edit-track-labels>span:first-child{background:#12121f;padding:0}.edit-track-labels b{font-size:9px;line-height:10px}.edit-track-labels i{display:flex;gap:1px;font-style:normal}.edit-track-labels em{display:grid;place-items:center;width:12px;height:12px;background:#ffffff0f;border:1px solid #ffffff26;font:bold 8px system-ui}.edit-track-labels small{font-size:11px;color:#e07a5f80}.edit-tracks{position:relative;min-width:0;border-left:1px solid #2a2a44}.edit-ruler{height:24px;position:relative;border-bottom:1px solid #333355;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 52.375 - 1px),#333355 calc(100% / 52.375 - 1px),#333355 calc(100% / 52.375)) left bottom / 100% 4px no-repeat #12121f}.edit-ruler>span{position:absolute;top:5px;font:8px monospace;color:#8888aa;white-space:nowrap}.edit-video-track{display:flex;height:56px;padding:3px 0;gap:0;border-bottom:1px solid #2a2a44}.edit-clip{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:#4959a6;border:1px solid #7684c4;border-inline-width:4px;border-radius:3px;padding:3px 4px;color:#fff}.edit-clip:nth-child(3n+2){background:#ac517b;border-color:#d286a5}.edit-clip:nth-child(3n){background:#238884;border-color:#56ada9}.edit-clip.is-current{outline:1px solid #fff;outline-offset:-1px;z-index:1}.edit-clip-shot{display:block;color:#d3c6ff;font-size:8px;line-height:12px;white-space:nowrap}.edit-clip-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:12px;font-weight:600;color:#fff}.edit-clip-duration{display:block;font:8px/12px monospace;color:#e1e5ff;white-space:nowrap}.edit-audio-track{position:relative;height:50px;margin:3px 0;border:1px solid #789ede;border-inline-width:4px;border-radius:3px;overflow:hidden;background:#315faf}.edit-audio-track>span{position:absolute;top:5px;left:5px;z-index:1;font-size:9px;color:#fff}.edit-audio-track b{font-weight:600}.edit-audio-track small{display:block;font:8px/13px monospace}.edit-audio-track>img{display:block;width:100%;height:100%;object-fit:fill;opacity:.35}.edit-playhead{position:absolute;top:0;bottom:-10px;width:1px;background:#ff4444;left:var(--edit-position);z-index:3;pointer-events:none}.edit-playhead:before{content:'';position:absolute;top:0;left:-4px;width:9px;height:10px;background:#ff4444;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.edit-tracks>input{position:absolute;left:-8px;top:0;width:calc(100% + 16px);height:100%;margin:0;z-index:4;cursor:ew-resize;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y;border:0;outline:0;opacity:.001}.edit-tracks>input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:136px;background:transparent;border:0}.edit-tracks>input::-moz-range-thumb{width:16px;height:136px;background:transparent;border:0}.edit-tracks>input::-moz-range-track{background:transparent;border:0}.edit-tracks:focus-within{outline:2px solid #a6adf0;outline-offset:-2px}
.edit-inspector{display:flex;flex-direction:column;border-left:5px solid var(--edit-base);background:var(--edit-panel);min-width:0;position:relative;max-height:100%;overflow:hidden}.edit-inspector-title{padding:10px 12px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--edit-muted);border-bottom:1px solid var(--edit-border)}.edit-source-list{list-style:none;margin:0;padding:4px;flex:1 1 150px;min-height:100px;max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:#596080 transparent}.edit-source{display:flex;align-items:center;gap:7px;height:44px;padding:6px;border:1px solid transparent;border-radius:8px;cursor:default}.edit-source.is-current{background:#6366f126;border-color:#6366f14d}.edit-source>i{width:6px;height:6px;border-radius:50%;background:#5db8a9;flex-shrink:0}.edit-source-audio>i{background:#60a5fa}.edit-source-icon{font-size:15px;color:#aeb8d6}.edit-source>div{min-width:0;flex:1}.edit-source b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce0ee;font-weight:600}.edit-source em{font-style:normal;color:#a78bfa}.edit-source small{display:block;font:8px/1.5 monospace;color:#929eb8;white-space:nowrap}.edit-remove{color:#68748e;cursor:default}
.edit-properties{padding:10px 12px;border-top:1px solid var(--edit-border)}.edit-shot-name{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.5px;color:var(--edit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.edit-precision{padding:8px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff04;margin-bottom:10px}.edit-precision>b{display:block;font-size:9px;color:#e4e6f0;margin-bottom:4px}.edit-shot-details{display:flex;justify-content:space-between;gap:4px;font-size:7px;color:#929eb8;margin-bottom:7px}.edit-shot-details i{font:inherit;white-space:nowrap}.edit-precision-row{display:flex;justify-content:space-between;align-items:center;margin:5px 0;font-size:9px;gap:3px}.edit-precision-row>span:last-child{display:flex;gap:2px}.edit-precision .edit-tool{padding:3px 4px;min-height:20px;min-width:22px;font-size:9px}.edit-precision>small{display:block;color:var(--edit-muted);font-size:8px;margin-top:6px}.edit-property{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0;color:var(--edit-muted);font-size:9px}.edit-property>i{font:9px monospace;font-style:normal;border:1px solid var(--edit-border);border-radius:5px;padding:2px 7px;background:#161b2c;color:#c8cede;min-width:50px;text-align:right}.edit-property>b{font-weight:600;color:#c8cede}.edit-property>small{font-size:8px}.edit-property-divider{padding-top:9px;border-top:1px solid var(--edit-border)}.edit-swatches{display:flex;gap:3px}.edit-swatches i{width:13px;height:15px;border-radius:3px}.edit-fake-slider{position:relative;width:70px;height:5px;background:linear-gradient(90deg,#7066f0 65%,#bec2d6 65%);border-radius:4px;margin-left:auto}.edit-fake-slider:after{content:'';position:absolute;left:60%;top:-3px;width:11px;height:11px;background:#7066f0;border-radius:50%}.edit-export-settings{border-top:1px solid var(--edit-border);padding:10px 12px;margin-top:auto}.edit-export-settings>b{font-size:9px;color:var(--edit-muted);text-transform:uppercase;letter-spacing:.5px}
@container (max-width:1000px){.edit-workspace{grid-template-columns:minmax(0,1fr) 220px}.edit-toolbar{gap:6px}.edit-tool{padding:3px 5px}.edit-transport{gap:4px}.edit-properties{padding:8px}.edit-inspector-title{padding:8px}.edit-source-list{max-height:144px}.edit-property{margin:5px 0}}
@container (max-width:760px){.edit-workspace{display:block}.edit-inspector{display:none}.edit-toolbar{padding:7px 8px}.edit-titlebar{font-size:11px}.edit-ruler>span:nth-child(even){display:none}}
@container (max-width:430px){.edit-toolbar{gap:7px}.edit-tools-group{gap:3px}.edit-tools-group .edit-tool{padding:3px 5px;font-size:9px}.edit-tools-group .edit-tool:nth-child(4),.edit-tools-group .edit-tool:nth-child(6),.edit-tools-group .edit-tool:nth-child(7),.edit-tools-group .edit-tool:nth-child(8){display:none}.edit-transport{width:100%;gap:5px}.edit-transport .edit-step:nth-of-type(2),.edit-transport .edit-step:nth-of-type(3),.edit-transport .edit-step:nth-of-type(6),.edit-transport .edit-step:nth-of-type(8),.edit-transport .edit-step:nth-of-type(9){display:none}.edit-time{font-size:9px;margin-left:auto}.edit-output-tools{gap:4px}.edit-output-tools .edit-tool:nth-child(1),.edit-output-tools .edit-tool:nth-child(3),.edit-output-tools .edit-tool:nth-child(4),.edit-output-tools .edit-tool:nth-child(6),.edit-output-tools .edit-tool:nth-child(7),.edit-output-tools .edit-tool:nth-child(8),.edit-premiere{display:none}.edit-ruler>span{font-size:7px}.edit-clip{border-inline-width:2px;padding:3px 1px}.edit-clip-shot{font-size:7px;letter-spacing:-.5px}.edit-clip-name{font-size:8px}.edit-clip-duration{font-size:7px}.edit-load-card{padding:16px;font-size:11px;gap:9px}}