@import url('/assets/phosphor/style.css');
.mediarip-promotion{width:52.5%;margin:8px auto;container-type:inline-size}
.add-source:has(+.mediarip-promotion)>.editor-dropzone{margin-bottom:0}
.mediarip-promotion+.add-audio,.mediarip-promotion+.audio-track{border-top:0;margin-top:8px;padding-top:0}
.mediarip-promotion+.add-audio>.editor-dropzone{margin-top:0}
.mediarip-banner{display:block;overflow:hidden;border-radius:8px;background:#fadaec;color:#10151f;text-decoration:none;transition:filter .2s}
.mediarip-banner:hover{filter:brightness(1.035)}
.mediarip-banner:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.mediarip-banner-art{display:block;position:relative;overflow:hidden;aspect-ratio:1950/468}
.mediarip-banner-frame{display:block;position:absolute;overflow:hidden;inset:0;width:100%}
.mediarip-banner-frame>img{display:block;position:absolute;left:-3.58974%;top:-29.91453%;width:107.12821%;height:160.89744%;max-width:none}
.mediarip-mobile-copy{display:none}
@media(max-width:760px){
 .mediarip-promotion{width:calc(100% - 32px)}
 @container(max-width:640px){
 .mediarip-banner-art{height:110px;aspect-ratio:auto;width:100%;max-width:280px;margin:0 auto}
 .mediarip-banner-frame{left:calc(50% - 314px);right:auto;width:458.333px;height:110px}
 .mediarip-banner-frame>img{top:-29.91453%}
 .mediarip-mobile-copy{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;font-family:'Segoe UI',Arial,sans-serif}
 .mediarip-mobile-copy strong{font-size:23px;line-height:1.18;letter-spacing:-.6px}
 .mediarip-mobile-copy em{display:block;color:#087f78;font-style:normal}
 .mediarip-mobile-copy>span{font-size:15px;line-height:1.4}
 }
}
/* The approved artwork is reused exactly, with a tight CSS viewport. Dark
   pixels blend into the editor surface; no regenerated lettering or halos. */
.veditor-logo{display:block;position:relative;aspect-ratio:852/271;overflow:hidden;mix-blend-mode:lighten;flex-shrink:0}
.veditor-logo>img{position:absolute;width:208.216%;height:auto;max-width:none;left:-55.047%;top:-112.546%;pointer-events:none}
.brand .veditor-logo{width:124.2px}
@media(max-width:760px){.brand .veditor-logo{width:104.4px}}
.editor-welcome>.welcome-logo{width:min(352.12px,100%);height:auto;aspect-ratio:852/194;margin:0 auto}
.editor-welcome>.welcome-logo>img{top:-157.2165%}
.presentation-logo{width:min(340px,90%);margin:0 auto 22px}
.footer-brand.veditor-logo{width:160px}
.neutral-logo{width:min(340px,90vw);margin-bottom:12px}
@media(max-height:740px){.editor-welcome>.welcome-logo{width:min(251.52px,100%)}}
:root{color-scheme:dark;--bg:#111214;--panel:#191a1e;--line:#2c2e34;--text:#edeef0;--muted:#999da8;--accent:#dfefae}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:transparent;color:inherit;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}button:hover{background:#2a2c32}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button i{font-size:21px}input,textarea,select{color:var(--text);background:#22242a;border:1px solid var(--line);border-radius:5px;padding:8px}input[type=range]{accent-color:var(--accent);padding:0;height:4px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);cursor:pointer}header{height:72px;display:flex;align-items:center;gap:28px;padding:0 26px;background:#16171a;border-bottom:1px solid var(--line)}.brand{padding:0;white-space:nowrap}.brand>i{font-size:34px;color:var(--accent)}.brand b{font-size:22px;letter-spacing:-.6px}.brand b span{font-weight:350;color:#b5b8c0;margin-left:4px}nav{display:flex;align-items:center;gap:7px;margin-left:auto}.private{color:var(--muted);display:flex;align-items:center;gap:7px;font-size:15px}.private i{color:var(--accent);font-size:18px}.primary{background:var(--accent);color:#202719;font-weight:650;padding:10px 16px}.primary:hover{background:#efffc4}.divider{height:21px;width:1px;background:var(--line);margin:0 8px}.eyebrow{font-size:14px;letter-spacing:2.5px;color:#a4b18b}.landing{max-width:1100px;margin:0 auto;text-align:center;padding:55px 24px 30px}.landing h1{font-size:66px;line-height:1.08;letter-spacing:-3px;font-weight:500;margin:22px 0}.landing h1 span{color:var(--accent)}.intro{color:var(--muted);line-height:1.8;font-size:18px}.dropzone{max-width:650px;border:1px dashed #51574a;border-radius:14px;background:#191c19;margin:30px auto 0;padding:26px;transition:.2s}.dropzone>i{display:block;font-size:32px;color:var(--accent);margin:5px}.dropzone h2{font-size:23px;font-weight:500}.dropzone p{color:var(--muted);font-size:16px;margin:0 0 23px}.dropzone small{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:21px;color:#a4aaa0;font-size:15px}.dropzone.dragging{background:#303924;border-color:var(--accent);transform:scale(1.01)}.demo-link{color:var(--muted);margin:16px;font-size:16px}.demo-link button{color:var(--accent);font-size:16px}.steps{display:flex;justify-content:center;gap:60px;margin-top:34px;color:#b4b7bf;font-size:16px}.steps b{color:#69715f;font-size:15px;margin-right:12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 32px;color:#777c85;font-size:14px;letter-spacing:.5px}.project{padding-left:25px;border-left:1px solid var(--line)}.project input{background:transparent;border:0;padding:0;width:210px;font-weight:550}.project small{display:flex;align-items:center;gap:5px;color:#a1ae8d;font-size:14px;margin-top:6px}.project small span{color:#7e838d}.workspace{height:calc(100dvh - 72px);display:grid;grid-template-columns:72px 272px minmax(0,1fr);grid-template-rows:minmax(225px,1fr) auto;overflow:hidden}.rail{grid-row:1/3;border-right:1px solid var(--line);padding:12px 5px;display:flex;flex-direction:column;align-items:center;background:#16171a}.rail>button{width:60px;flex-direction:column;gap:7px;padding:13px 0;margin:2px 0;color:#9297a2;font-size:13px}.rail>button i{font-size:22px}.rail>button.active{background:#2b3025;color:var(--accent)}.rail-bottom{margin-top:auto}.rail-bottom button span{display:none}.panel{grid-row:1/3;padding:24px 17px;background:var(--panel);border-right:1px solid var(--line);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:21px;font-weight:550;margin:0}.mini{font-size:13px;letter-spacing:.8px;color:#8b919d}.panel-heading .mini{color:#a0ac8b;border:1px solid #3b4133;border-radius:4px;padding:3px 5px}.muted{color:var(--muted);font-size:15px;line-height:1.7}.upload-btn{width:100%;border:1px solid #40463a;background:#252a22;color:#dce6c9;margin:15px 0;padding:11px;font-size:16px}.media-list{display:flex;flex-direction:column;gap:9px}.media-card{padding:8px;text-align:left;justify-content:flex-start;border:1px solid var(--line);gap:9px}.media-card.chosen{border-color:#89976e;background:#252a23}.media-card>img{width:59px;height:46px;object-fit:cover;border-radius:4px}.media-card div{min-width:0;flex:1}.media-card b{font-weight:500;font-size:15px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card small{display:block;color:var(--muted);font-size:14px;margin-top:7px}.media-card>i{font-size:16px}.selection-panel{margin-top:28px}.panel h3{font-size:14px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:#959ba6;margin:24px 0 13px}.panel h3 small{margin-left:7px;color:#b9b299;font-size:13px}.range-editor{border:1px solid var(--line);background:#1d1f24;border-radius:7px;padding:13px}.range-editor>div:first-child{display:flex;align-items:center;gap:7px;font-size:15px}.range-editor>div:first-child>span:last-child{margin-left:auto;color:var(--range);font-variant-numeric:tabular-nums}.range-editor b{font-weight:500}.color-dot{width:7px;height:7px;background:var(--range);border-radius:50%}.time-fields{display:flex;gap:10px;margin:15px 0 9px}.time-fields label{min-width:0;flex:1;font-size:14px;color:var(--muted)}.time-fields input{display:block;width:100%;margin-top:7px;padding:7px;font-size:16px;font-variant-numeric:tabular-nums}.range-editor>small{font-size:13px;color:#8b919d}.panel-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:#8b929b;font-size:15px;line-height:1.7}.panel-note>i{color:#a9bc8a;font-size:21px;display:block;margin-bottom:10px}.panel-note b{font-weight:500;color:#b8c2ac}.panel-note p{font-size:14px}.studio{min-width:0;min-height:0;display:flex;flex-direction:column;background:#111214}.studio-top{padding:15px 23px;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#b5bac4;gap:10px}.studio-top>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-top small{color:#737987;margin-left:8px}.studio-top select{padding:5px 9px;font-size:14px}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 25px 15px}.canvas{height:100%;max-width:100%;max-height:100%;position:relative;background:#08090a;border-radius:3px;overflow:hidden;box-shadow:0 10px 35px #0005}.canvas video{height:100%;width:100%;object-fit:contain}.overlay-text{position:absolute;bottom:10%;left:5%;width:90%;text-align:center;font-size:25px;font-weight:600;text-shadow:0 2px 4px #000;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere}.preview-controls{height:57px;flex-shrink:0;border-top:1px solid #24262b;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:10px}.transport{display:flex;align-items:center;gap:6px}.transport button{padding:7px}.transport .play{background:#2d3036;border-radius:50%;width:34px;height:34px;color:#f0f3ec}.transport #clock{font:15px Consolas,monospace;margin-left:8px;color:#e2e5eb}.transport em{font-style:normal;color:#7e8490}.subtle{color:#9298a3;font-size:14px}.timeline{grid-column:3;min-width:0;background:#1a1b20;border-top:1px solid #3b3d43;display:flex;flex-direction:column;position:relative;max-height:calc(100dvh - 300px)}#resize{position:absolute;top:-4px;width:100%;height:8px;cursor:ns-resize;z-index:4}#resize:after{content:'';position:absolute;top:3px;width:32px;height:2px;background:#5f646d;left:50%;border-radius:2px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:49px;border-bottom:1px solid var(--line);padding:0 18px;gap:10px}.timeline-toolbar>div{display:flex;gap:9px;align-items:center}.timeline-toolbar h2{font-size:16px;font-weight:550;margin:0}.timeline-toolbar button{font-size:14px;padding:6px}.timeline-toolbar input{width:70px}.timeline-toolbar>div>i{font-size:18px;color:#8b919b}.source-tracks{overflow:auto;flex:1;min-height:0;padding:5px 18px 15px}.source-row{padding:9px 0 10px;border-bottom:1px solid var(--line)}.source-row.excluded .film,.source-row.excluded .range-chips{opacity:.42}.source-row.drop-target{outline:1px dashed var(--accent)}.source-head{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-size:14px}.source-head button{padding:4px}.source-number{font-size:13px;color:#747c88}.source-head .source-name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;max-width:35%}.source-head>small{color:#9097a3;font-size:14px}.source-head .grip{color:#787f89;cursor:grab}.source-head .grip i{font-size:18px}.include{display:flex;align-items:center;white-space:nowrap;font-size:14px;color:#abb1bb;margin-left:auto}.include input{width:12px;height:12px;margin-right:6px}.order-buttons{display:flex;gap:0}.order-buttons button i{font-size:16px}.source-head>button:last-child i{font-size:17px}.film-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.film-width{min-width:100%}.ruler{display:flex;justify-content:space-between;height:18px;color:#818793;font-size:13px;cursor:crosshair;font-variant-numeric:tabular-nums}.ruler span{border-left:1px solid #414650;padding-left:4px}.film{height:55px;position:relative;background:#0c0e11;border-radius:5px;isolation:isolate}.thumbs{position:absolute;inset:0;display:flex;overflow:hidden;border-radius:5px}.thumbs img{height:100%;width:12.5%;object-fit:cover;user-select:none;pointer-events:none}.film-shade{position:absolute;inset:0;background:#03060b99;pointer-events:none;border-radius:5px}.selection{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--range) 18%,transparent);border:2px solid var(--range);border-radius:4px;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 200px #ffffff08;min-width:2px;overflow:hidden}.selection.active{box-shadow:0 0 0 1px #eeeeeebb,inset 0 0 0 200px #ffffff10;z-index:2}.selection b{position:absolute;top:5px;left:10px;background:var(--range);color:#1d2428;border-radius:3px;min-width:16px;text-align:center;padding:1px 3px;font-size:13px}.selection .range-duration{position:absolute;bottom:5px;left:10px;color:white;text-shadow:0 1px 3px #000;font-size:13px;white-space:nowrap}.range-handle{position:absolute;top:0;bottom:0;width:8px;background:var(--range);cursor:ew-resize;z-index:3}.range-handle:after{content:'';width:2px;height:14px;background:#242a2b;position:absolute;left:3px;top:calc(50% - 7px);border-radius:2px}.range-handle.left{left:-1px}.range-handle.right{right:-1px}.playhead{position:absolute;top:-3px;bottom:-3px;width:1px;background:white;pointer-events:none;z-index:4}.range-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.chip{padding:3px 6px;border:1px solid #353942;border-radius:4px;color:#a3aab5;font:13px Consolas,monospace;gap:5px}.chip>span{background:var(--range);color:#1f2525;padding:1px 4px;border-radius:2px}.chip.chosen{border-color:var(--range);color:#e5e9ef}.add-range{font-size:13px;color:#b7c39e;padding:3px 6px}.add-range i{font-size:16px}.add-source{padding:10px 0 5px}.add-source button{font-size:15px;color:#ccd5bc;padding-left:0}.music-track{display:flex;justify-content:flex-start;width:100%;border:1px dashed #42433c;background:#23251e;color:#afb798;padding:9px 12px;font-size:14px}.music-track small{margin-left:auto;color:#79826e;font-size:13px}.montage-bar{display:flex;align-items:center;gap:10px;min-height:57px;border-top:1px solid #34363d;padding:8px 18px;background:#202127}.montage-bar>div{margin-right:auto;display:flex;align-items:center;gap:12px}.montage-bar b{font:19px Consolas,monospace;color:#e0eacb}.montage-bar>div span{font-size:14px;color:#8f97a4}.montage-bar>button{font-size:15px}.montage-bar>button i{font-size:18px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button{font-size:15px;border:1px solid var(--line);background:#22242a;justify-content:flex-start;padding:10px}.tool-grid i{font-size:18px}.pills{display:flex;gap:5px}.pills button{flex:1;border:1px solid var(--line);font-size:15px}.chosen{border-color:#9bac78!important;color:var(--accent)}.control{display:block;font-size:15px;margin:19px 0 23px;color:#afb5c0}.control output{float:right;font-size:14px;background:#282b32;padding:2px 6px;border-radius:4px;color:#c5cbd4}.control input{display:block;width:100%;margin-top:17px}.check-row{font-size:15px;line-height:1.6;display:flex;align-items:center;gap:5px}.badge{display:inline-block;font-size:13px;padding:5px 7px;color:#b7bf9e;background:#2a2e24;border-radius:4px;margin:12px 0}.panel textarea{resize:vertical;width:100%;height:110px;margin:12px 0;line-height:1.6}.transition-list{display:flex;flex-direction:column;gap:9px;margin:15px 0}.transition-list button{justify-content:flex-start;border:1px solid var(--line);padding:14px;font-size:16px}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dialog{color:var(--text);background:#1c1e23;border:1px solid #40434a;border-radius:12px;padding:30px;width:min(490px,calc(100vw - 32px));max-height:88dvh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-weight:550;font-size:24px;letter-spacing:-.5px;margin:13px 30px 10px 0}dialog>p{color:var(--muted);font-size:16px;line-height:1.8}.dialog-close{position:absolute;right:16px;top:16px;padding:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger{background:#b25252;color:white}.export-summary{display:flex;gap:50px;background:#262a23;padding:17px;border-radius:6px;margin:20px 0}.export-summary b{display:block;font:23px Consolas,monospace;color:var(--accent)}.export-summary small{display:block;margin-top:8px;color:#929b86;font-size:14px}.export-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:16px}.export-row select{min-width:170px;padding:8px}.export-row>b{font-size:15px;font-weight:500}.export-notice{display:flex;align-items:flex-start;gap:11px;background:#29291f;border:1px solid #414131;border-radius:6px;padding:13px;margin:20px 0 15px;color:#c2c4a4;font-size:15px;line-height:1.6}.export-notice>i{font-size:21px}.export-notice b{font-weight:500}.export-notice p{font-size:14px;color:#999c83;margin-bottom:0}.progress{height:5px;background:#34363c;border-radius:5px;margin-top:18px}.full{width:100%;margin-top:12px}.montage-list{display:flex;flex-direction:column;gap:9px;max-height:320px;overflow:auto;margin:22px 0}.montage-item{border:1px solid var(--line);border-left:3px solid var(--range);padding:11px;text-align:left;justify-content:flex-start;font-size:15px}.montage-item>b{color:var(--range);font-size:14px;margin-right:5px}.montage-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.montage-item small{display:block;color:var(--muted);margin-top:6px;font:14px Consolas,monospace}.montage-item strong{margin-left:auto;font-size:14px;font-weight:400;color:var(--range)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;z-index:20;background:#343b2e;color:#e6eddb;border:1px solid #5f6d4f;border-radius:8px;padding:13px 22px;font-size:16px;max-width:min(600px,90vw);transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#464b55;border-radius:5px}::-webkit-scrollbar-track{background:#191b1f}
@media(min-width:1600px){.workspace{grid-template-columns:78px 300px minmax(0,1fr)}.timeline{height:380px}.film{height:66px}.stage{padding:5px 50px 22px}.panel{padding:26px 23px}}
@media(max-width:1150px){header{gap:16px;padding:0 18px}.workspace{grid-template-columns:66px 235px minmax(0,1fr)}.private{display:none}.project input{width:160px}.brand b{font-size:20px}.timeline-toolbar>div:first-child .mini{display:none}.timeline-toolbar button span{display:none}.montage-bar>div{display:block}.montage-bar>div span{display:block;margin-top:3px}.source-head .source-name{max-width:30%}}
@media(max-width:760px){header{height:64px;padding:0 12px;gap:8px}.brand b{font-size:18px}.brand>i{font-size:27px}.project{padding-left:10px}.project input{width:115px;font-size:15px}.project small{font-size:13px}.project small span{display:none}nav{gap:1px}nav [data-act=save],nav [data-act=undo],nav [data-act=redo],nav .divider{display:none}nav button{font-size:14px;padding:8px}nav .primary{padding:8px 10px}nav .primary i{display:none}.workspace{height:calc(100dvh - 64px);grid-template-columns:54px minmax(0,1fr);grid-template-rows:minmax(190px,1fr) auto}.rail{grid-row:1/3;padding:5px 2px}.rail>button{width:48px;font-size:13px;padding:11px 0}.rail>button i{font-size:22px}.panel{display:none}.studio{grid-column:2;grid-row:1}.studio-top{padding:10px;font-size:14px}.studio-top small{display:none}.stage{padding:0 10px 10px}.preview-controls{padding:0 8px;height:45px}.transport{gap:1px}.transport #clock{font-size:14px;margin-left:4px}.transport button{padding:5px}.subtle{font-size:13px;padding:4px}.timeline{grid-column:2;grid-row:2;height:330px!important;max-height:47dvh}.timeline-toolbar{padding:0 9px;min-height:40px}.timeline-toolbar h2{font-size:14px}.timeline-toolbar>div{gap:2px}.timeline-toolbar input{width:40px}.timeline-toolbar i{font-size:17px}.source-tracks{padding:5px 9px 10px}.source-head{gap:3px}.source-head .source-name{max-width:31%;font-size:14px}.source-head .order-buttons{display:none}.include{font-size:0}.include input{width:14px;height:14px}.source-number{display:none}.source-head>small{font-size:13px}.source-head .grip i{font-size:16px}.film{height:50px}.ruler{font-size:13px}.ruler span:nth-child(even){visibility:hidden}.montage-bar{padding:7px 9px;gap:4px;min-height:55px;flex-wrap:wrap}.montage-bar b{font-size:17px}.montage-bar>div span{font-size:13px}.montage-bar>button{font-size:13px;padding:7px 6px}.montage-bar>button i{display:none}.music-track small{display:none}.music-track{font-size:13px}.range-chips{gap:4px}.chip{font-size:13px}.landing{padding-top:40px}.landing h1{font-size:48px;letter-spacing:-2px}.intro{font-size:16px}.dropzone{padding:24px 14px}.dropzone h2{font-size:21px}.dropzone small{font-size:14px;line-height:1.6}.steps{gap:20px}.steps>div{display:flex;flex-direction:column;gap:8px;font-size:14px}.steps b{margin:0}footer{padding:20px;font-size:13px}.mobile-panel{position:fixed;inset:90px 20px 30px 65px;z-index:10;display:block;border:1px solid #51564a;border-radius:10px;box-shadow:0 20px 80px #000c}.panel.mobile-panel{grid-row:auto}.panel.mobile-panel:before{content:'×';position:fixed;right:28px;top:99px;font-size:22px;pointer-events:none}.mobile-panel .panel-heading{padding-right:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.mobile-close{display:none}@media(max-width:760px){.mobile-close{display:flex;position:absolute;right:9px;top:10px;padding:5px;z-index:2}.panel.mobile-panel:before{content:none}}
.stage{container-type:size}.canvas{width:min(100%,calc(100cqh * var(--ratio,1.77778)));height:auto}.mobile-close span{display:none}@media(max-width:760px){nav [data-act=lang]{white-space:nowrap;font-size:13px;padding:6px}.project input{width:100px}.mobile-panel .panel-heading .mini{display:none}}
.grip{touch-action:none}
/* Larger reading sizes; source rows expand with the page instead of scrolling in a box. */
:root{--muted:#b3b9c4}body{line-height:1.5}header{height:80px;position:sticky;top:0;z-index:12}.workspace{height:auto;min-height:calc(100dvh - 80px);overflow:visible;grid-template-columns:100px 320px minmax(0,1fr);grid-template-rows:var(--preview-height,clamp(360px,52dvh,620px)) auto}.rail,.panel{align-self:start;position:sticky;top:80px;height:calc(100dvh - 80px)}.rail>button{width:88px;padding:12px 2px;font-size:14px}.rail>button i{font-size:24px}.panel{padding:24px 20px}.panel-heading h2{font-size:23px}.media-card>img{width:68px;height:54px}.media-card b{font-size:15px}.media-card small{font-size:14px}.project input{font-size:17px}.project small{font-size:14px}.studio-top{min-height:59px;font-size:16px}.studio-top small{font-size:14px;color:#a7afbd}.studio-top select{font-size:15px}.preview-controls{min-height:66px;flex-wrap:wrap;height:auto;padding:10px 20px}.transport #clock{font-size:15px}.timeline{height:auto!important;max-height:none;min-height:0;overflow:visible}.source-tracks{overflow:visible;flex:none;min-height:auto;padding:8px 20px 20px}.source-row{padding:16px 0}.source-head{gap:9px;flex-wrap:wrap;min-height:40px}.source-head .source-name{font-size:16px;max-width:45%;padding:5px 0}.source-head>small,.include{font-size:14px}.source-number{font-size:14px;color:#a7afbd}.source-head .grip{padding:7px}.source-head .grip i{font-size:20px}.source-head input[type=checkbox]{width:17px;height:17px}.timeline-toolbar{min-height:65px;flex-wrap:wrap;padding:12px 20px;gap:12px}.timeline-toolbar h2{font-size:18px}.timeline-toolbar button{font-size:15px}.film{height:78px}.ruler{height:28px;font-size:13px;color:#b8bec9}.range-chips{gap:9px;margin-top:12px}.chip{font-size:14px;padding:6px 8px}.add-range{font-size:15px;padding:6px 8px}.selection b,.selection .range-duration{font-size:13px}.selection .range-duration{bottom:8px}.selection b{top:8px}.range-handle{width:10px}.range-handle:after{left:4px}.add-source button{font-size:16px}.music-track{font-size:16px;padding:14px}.music-track small{font-size:14px}.montage-bar{flex-wrap:wrap;padding:16px 20px;gap:14px;min-height:82px}.montage-bar>div{gap:14px}.montage-bar b{font-size:23px}.montage-bar>div span{font-size:15px}.montage-bar>button{font-size:16px}.time-fields input{font-size:17px}.range-editor>small{font-size:14px}.control{font-size:16px}.panel-note,.panel-note p,.muted{font-size:15px}.private{font-size:14px}.subtle{font-size:15px}.order-buttons button i{font-size:16px}.mobile-close span{display:none}
@media(max-width:1150px) and (min-width:761px){.workspace{grid-template-columns:90px 280px minmax(0,1fr)}.rail>button{width:80px;font-size:13px}header{gap:15px;padding:0 16px}.project{padding-left:14px}.project input{width:160px}.private{display:none}nav button{padding:8px}.source-head .source-name{max-width:60%}.include{margin-left:0}.timeline-toolbar>div{flex-wrap:wrap}.montage-bar>div{width:100%}}
@media(max-width:760px){header{height:auto;min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}.brand{grid-column:1;grid-row:1;justify-self:start}.brand b{font-size:19px}header>nav{grid-column:2;grid-row:1;margin:0}nav button,nav [data-act=lang]{font-size:14px;padding:7px}nav .primary{font-size:14px;padding:8px}.project{grid-column:1/-1;grid-row:2;border:0;padding:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.project input{width:170px;font-size:16px}.project small{font-size:13px;margin:0}.workspace{height:auto;min-height:calc(100dvh - 110px);grid-template-columns:80px minmax(0,1fr);grid-template-rows:var(--preview-height,360px) auto;overflow:visible}.rail{top:110px;height:calc(100dvh - 110px)}.rail>button{width:72px;padding:12px 0;font-size:13px}.panel.mobile-panel{top:125px;left:90px;right:12px;bottom:15px;height:auto;position:fixed}.studio-top{padding:12px;font-size:15px;min-height:55px}.studio-top select{font-size:14px}.preview-controls{padding:10px;gap:8px;justify-content:center}.transport{gap:4px}.transport #clock{font-size:14px}.subtle{font-size:14px}.timeline{height:auto!important;max-height:none;overflow:visible}.timeline-toolbar{padding:12px;gap:10px}.timeline-toolbar h2{font-size:17px}.timeline-toolbar>div{flex-wrap:wrap}.timeline-toolbar input{width:60px}.source-tracks{padding:5px 12px 18px;overflow:visible}.source-head{gap:8px}.source-head .source-name{max-width:calc(100% - 40px);font-size:16px;flex:1}.source-head>small{font-size:14px}.include{font-size:14px;margin-left:0;order:2;flex:1;white-space:normal}.source-head input[type=checkbox]{width:18px;height:18px}.source-head>button:last-child{order:3}.film{height:76px}.ruler{font-size:13px}.ruler span:nth-child(even){display:none}.ruler span:nth-child(odd){visibility:visible}.chip{font-size:14px}.add-range{font-size:15px}.montage-bar{padding:14px 12px;gap:12px}.montage-bar>div{width:100%;display:flex;flex-wrap:wrap}.montage-bar b{font-size:22px}.montage-bar>div span{font-size:15px}.montage-bar>button{font-size:15px;flex:1}.music-track{font-size:15px}.steps{gap:20px;flex-wrap:wrap}.steps>div{font-size:15px}.dropzone small{font-size:15px}.intro{font-size:17px}.private{display:none}}
@media(max-width:760px){.panel.mobile-panel{inset:112px 12px 16px 90px;height:calc(100dvh - 128px);max-height:calc(100dvh - 128px);min-height:0;align-self:auto;overflow:auto}.mobile-close{position:sticky;top:0;right:auto;float:right;margin-left:8px;background:var(--panel);z-index:3}.mobile-panel .panel-heading{min-height:38px}}
.playhead{will-change:transform;transition:none;left:0}.range-order-hint{font-size:14px;color:var(--muted);margin:8px 0 0}.chip{cursor:grab;touch-action:none;user-select:none}.chip.dragging{opacity:.65;cursor:grabbing}.chip.drop-target{outline:2px solid var(--range);outline-offset:3px}.selection.blocked{outline:2px dashed #fa9b96;cursor:not-allowed}
/* Selected footage retains its original colors; only excluded time ranges are shaded. */
.selection{background:transparent;box-shadow:none}.selection.active{box-shadow:0 0 0 1px #eeeeeebb}
.editor-dropzone{border:1px dashed #71805c;border-radius:9px;padding:22px 18px;margin:8px 0 16px;background:#20251d;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.editor-dropzone>i{font-size:27px;color:var(--accent)}.editor-dropzone>button{font-size:17px;padding:9px 14px;border:1px solid #60704d;background:#303a28;color:var(--accent)}.editor-dropzone>p{width:100%;margin:3px 0 0;color:#c3cbb9;font-size:16px}.editor-dropzone>small{width:100%;font-size:14px;color:#a8b39c}.editor-dropzone:hover,.editor-dropzone.dragging{border-color:var(--accent);background:#303c26}.editor-dropzone.dragging{outline:2px solid var(--accent);outline-offset:3px}.editor-dropzone.compact{margin:18px 0;padding:18px 12px;gap:10px}.editor-dropzone.compact>button{margin:0;width:100%;font-size:16px}.editor-dropzone.compact>p{font-size:15px}.add-source .editor-dropzone>button{padding:9px 14px;font-size:17px}.add-source .editor-dropzone{margin-bottom:12px}@media(max-width:760px){.editor-dropzone{padding:20px 12px}.editor-dropzone>button,.add-source .editor-dropzone>button{font-size:16px}.editor-dropzone>p{font-size:15px}}
.selection-playback-window{position:absolute;left:9px;right:9px;top:0;bottom:0;overflow:hidden;pointer-events:none;z-index:4}.selection-playback-window>.playhead{position:absolute;left:0;top:0;bottom:0;width:1px;height:auto;background:#fff;will-change:transform;transform:translate3d(0,0,0);transition:none;pointer-events:none}
/* Inline explanation uses the same film and range components as the editor. */
.selection{container-type:inline-size}.range-remove{position:absolute;right:12px;top:4px;width:26px;height:26px;min-width:0;display:flex;padding:0;align-items:center;justify-content:center;border:1px solid #ffffff5c;border-radius:5px;background:#111820e8;color:#fff;z-index:7;cursor:pointer;touch-action:manipulation}.range-remove i{font-size:18px}.range-remove:hover,.range-remove:focus-visible{background:#a94040;border-color:#ffc3c3}.range-remove:focus-visible{outline:2px solid white;outline-offset:1px}.selection-guide{font-size:15px;color:#d5dfc4}.selection-guide>summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 10px;border:1px solid #414a39;border-radius:6px}.selection-guide>summary::-webkit-details-marker{display:none}.selection-guide>summary:hover{background:#2c3325}.selection-guide[open]{flex-basis:100%;max-width:650px;margin-top:6px}.selection-guide[open]>summary{display:inline-flex;background:#2a3223}.selection-guide-body{padding:18px;margin-top:10px;border:1px solid #414638;border-radius:8px;background:#20251f;color:#c6cdbf}.selection-guide-intro{font-size:16px;line-height:1.7;margin:0 0 18px;color:#e0e8d6}.selection-guide ol{padding-left:23px;margin:18px 0 12px;font-size:15px;line-height:1.7}.selection-guide li{padding-left:4px;margin:10px 0}.example-film{position:relative;height:72px;border-radius:6px;overflow:hidden;background:#111}.example-film .selection{pointer-events:none;cursor:default}.example-caption{display:flex;justify-content:space-around;margin-top:9px;font-size:14px;color:#ccd7be;gap:12px}.example-range-2{animation:explain-new-selection 4.8s ease both}.example-caption>span:last-child{animation:explain-new-caption 4.8s ease both}.guide-replay{font-size:15px;color:var(--accent);padding:7px 0}.guide-replay i{font-size:18px}.selection-guide:not([open]) .selection-example{display:none}@keyframes explain-new-selection{0%,22%{opacity:0;width:5%}38%{opacity:1;width:8%}75%,100%{opacity:1;width:30%}}@keyframes explain-new-caption{0%,22%{opacity:0}38%,100%{opacity:1}}@container(max-width:70px){.range-remove{right:50%;transform:translateX(50%);width:22px;height:22px;max-width:calc(100% - 4px)}.selection>b{display:none}.range-remove i{font-size:16px}}@media(prefers-reduced-motion:reduce){.example-range-2,.example-caption>span:last-child{animation:none!important;opacity:1}.example-range-2{width:30%}}@media(max-width:760px){.selection-guide{flex-basis:100%}.selection-guide>summary{font-size:15px}.selection-guide-body{padding:14px}.selection-guide-intro{font-size:16px}.selection-guide ol{font-size:15px}.range-remove{width:26px;height:26px}}
.selection-guide>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.guide-replay{display:none}}
.example-film .selection>b{display:block}

/* Shared outlined add control with a larger, vivid help target. */
.selection-add-control{display:inline-flex;align-items:center;border:1px solid #697d48;border-radius:8px;background:#252d20;overflow:hidden;min-height:44px;max-width:100%}.selection-add-control .add-range{padding:10px 12px;color:#e3edcf;font-size:16px;border:0;border-radius:0}.selection-add-control .add-range:hover{background:#35422a}.selection-help{display:flex;align-items:center;justify-content:center;width:46px;min-width:46px;align-self:stretch;padding:6px;color:#d4ff49;background:#35461e;border-left:1px solid #697d48;border-radius:0}.selection-help i{font-size:30px}.selection-help:hover,.selection-help[aria-expanded=true]{background:#4a6128;color:#e4ff92}.selection-help:focus-visible{outline:2px solid #e4ff92;outline-offset:-3px}.selection-guide{flex-basis:100%;width:100%;max-width:720px}.selection-guide:not([open]){display:none}.selection-guide[open]{max-width:720px;margin:0}.selection-guide>summary[hidden]{display:none}.selection-guide-body{position:relative;margin-top:4px}.selection-guide-intro{padding-right:34px}.range-remove,.guide-close,.dialog-close,.mobile-close{border-radius:50%;aspect-ratio:1}.guide-close{position:absolute;right:10px;top:10px;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #758565;background:#323e29;color:#f2f7ea}.guide-close i{font-size:20px}.guide-close:hover{background:#a94040}.guide-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.example-muted,.example-color{position:absolute;inset:0}.example-muted{filter:grayscale(1) brightness(.6)}.example-color-1{clip-path:inset(0 64% 0 8%)}.example-color-2{clip-path:inset(0 18% 0 52%);animation:explain-new-color 4.8s ease both}.example-film .range-remove{border-radius:50%;pointer-events:none}
@keyframes explain-new-color{0%,22%{opacity:0;clip-path:inset(0 43% 0 52%)}38%{opacity:1;clip-path:inset(0 40% 0 52%)}75%,100%{opacity:1;clip-path:inset(0 18% 0 52%)}}
@container(max-width:70px){.range-remove{right:11px;transform:none;width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.example-color-2{animation:none!important;opacity:1;clip-path:inset(0 18% 0 52%)}}
@media(max-width:760px){.selection-add-control .add-range{font-size:15px;padding:10px}.selection-guide-body{padding:14px}.example-film{height:78px}}

/* Keep both resize handles reachable even for a nearly collapsed interval. */
.selection{overflow:visible}.range-remove{width:23.4px;height:23.4px}.range-remove i{font-size:16.2px}.guide-close{width:27px;height:27px}.guide-close i{font-size:18px}
@container(max-width:44px){.range-handle{top:32px;width:12px}.range-handle.left{left:0;transform:translateX(-100%)}.range-handle.right{right:0;transform:translateX(100%)}.range-remove{right:-10px;width:19.8px;height:19.8px;max-width:none}.selection .range-duration{display:none}}
.range-chip{display:inline-flex;align-items:center;border:1px solid #454b3d;border-radius:6px;background:#20251d;max-width:100%}.range-chip:has(.chosen){border-color:var(--range)}.range-chip .chip{border:0;border-radius:5px 0 0 5px;padding:5px 7px;white-space:nowrap}.chip-remove{width:23.4px;height:23.4px;min-width:23.4px;padding:0;margin-right:4px;gap:0;border-radius:50%;color:#d5dccd;border:1px solid #657058;background:#2c3427}.chip-remove i{font-size:16.2px}.chip-remove:hover{background:#a94040;color:white;border-color:#ffc3c3}.selection-add-control{min-height:34px;border-radius:6px;background:#22291e}.selection-add-control .add-range{padding:5px 8px;font-size:15px;gap:5px}.selection-add-control .add-range i{font-size:18px}.selection-help{width:34px;min-width:34px;padding:3px;background:#2b371e}.selection-help i{font-size:25px}

@container(max-width:70px){.range-remove{width:19.8px;height:19.8px}.range-remove i{font-size:14.4px}}

/* Start inside the workspace, with one main import target per stage. */
.empty-studio .stage,.empty-studio .preview-controls{display:none}.empty-studio{display:flex;align-items:center;justify-content:center;padding:28px 32px;background:radial-gradient(ellipse at 50% 40%,#252d2080,transparent 72%)}.empty-workspace{grid-template-rows:minmax(540px,72dvh) auto}.editor-welcome{width:min(100%,620px);text-align:center}.welcome-symbol{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #505e3d;border-radius:16px;background:#2b3524;color:var(--accent)}.welcome-symbol i{font-size:30px}.editor-welcome h1{font-size:clamp(26px,3vw,36px);font-weight:550;letter-spacing:-.8px;line-height:1.25;margin:18px 0 12px}.editor-welcome>p{font-size:17px;color:var(--muted);margin:0 0 24px}.editor-welcome .editor-dropzone{margin:0 auto 14px;min-height:150px;padding:24px;max-width:500px}.editor-welcome .editor-dropzone>i{font-size:29px}.welcome-demo{color:var(--accent);font-size:16px;padding:7px 12px}.editor-welcome>small{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px auto 10px;font-size:14px;color:#b4bcad;max-width:450px}.welcome-about{display:inline-flex;align-items:center;gap:5px;color:#aeb7a4;font-size:14px;text-decoration:none;padding:6px}.welcome-about:hover{color:var(--accent)}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 12px;color:var(--muted);font-size:14px}.library-add{width:32px;height:32px;padding:4px;border:1px solid #515d43;border-radius:50%;color:var(--accent)}.library-add span{display:none}.library-add i{font-size:19px}.library-empty{border:1px dashed #3b4234;border-radius:8px;padding:24px 15px;color:#aab29f;font-size:15px;text-align:center}.empty-timeline{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:24px;text-align:center;color:#aeb5a5}.empty-timeline i{font-size:27px;color:#738263}.empty-timeline b{font-size:16px;font-weight:500}.empty-timeline p{margin:0;font-size:14px}.empty-workspace .timeline-toolbar>div:last-child,.empty-workspace .montage-bar,.empty-workspace .music-track,.empty-workspace #resize{display:none}.empty-workspace .timeline-toolbar{min-height:52px}.workspace-entry{max-width:700px;padding:80px 24px;margin:auto;text-align:center}
@media(max-width:1100px){.empty-studio{padding:28px 20px}.editor-welcome>p{font-size:16px}}
@media(max-width:760px){.empty-workspace{grid-template-rows:minmax(540px,calc(100dvh - 110px)) auto}.empty-studio{padding:24px 16px}.editor-welcome h1{font-size:28px}.editor-welcome>p{font-size:16px;line-height:1.6}.editor-welcome .editor-dropzone{padding:20px 12px}.editor-welcome>small{font-size:14px;line-height:1.5}.welcome-symbol{width:48px;height:48px}.empty-workspace .timeline-toolbar{padding-top:16px}}

.montage-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-basis:100%;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid #30372b}.montage-controls>span{display:flex;align-items:center;gap:6px;color:#b7c2aa;font-size:14px;margin-right:auto}.montage-controls>span i{font-size:18px}.montage-play{padding:6px 10px;border:1px solid #7b905b;background:#354329;color:#e7f2d6;font-size:15px;gap:6px}.montage-play small{font-size:13px;color:#c6d6b4}.montage-play:hover{background:#465b32}.back-to-loop{font-size:14px;color:#d9e6c7;padding:6px 8px;border:1px solid #505e43}.back-to-loop[hidden]{display:none}.studio{scroll-margin-top:90px}.studio[data-playback-mode=montage] .montage-controls{border-color:#6a8049}.studio[data-playback-mode=montage] #playback-mode-label{color:var(--accent)}
@media(max-width:760px){.montage-controls{gap:8px;justify-content:center}.montage-controls>span{flex-basis:100%;justify-content:center;margin:0}.montage-play{font-size:15px}.studio{scroll-margin-top:110px}.preview-controls .private{display:none}}

/* More room for footage: compact chrome, one desktop transport row, tall filmstrips. */
:root{--editor-header-height:68px}body[data-page=editor]>#app>header{height:68px;padding-top:0;padding-bottom:0}.workspace{min-height:calc(100dvh - var(--editor-header-height))}.rail,.panel{top:var(--editor-header-height);height:calc(100dvh - var(--editor-header-height))}.studio{scroll-margin-top:calc(var(--editor-header-height) + 10px)}
.preview-controls{min-height:54px;flex-wrap:nowrap;padding:7px 12px;gap:8px;justify-content:space-between}.montage-controls{display:contents}.montage-controls>span{flex-basis:auto;margin:0;white-space:nowrap;order:0;font-size:14px;gap:4px}.preview-controls .transport{order:1;flex-shrink:0;gap:2px}.preview-controls .transport button{padding:6px}.preview-controls .transport #clock{font-size:14px;margin-left:5px;white-space:nowrap}.montage-play{order:2;white-space:nowrap;padding:5px 8px;gap:5px}.back-to-loop{order:3;white-space:nowrap;padding:5px 7px;font-size:14px}.preview-controls>.subtle{order:4;padding:5px;font-size:14px}.preview-controls>.private{order:5;display:flex;flex:0 0 auto;font-size:0;gap:0}.preview-controls>.private i{font-size:18px}.timeline-toolbar{min-height:48px;padding:5px 20px;gap:8px}.timeline-toolbar h2{font-size:18px}.timeline-toolbar button{padding:6px 8px}.film{height:156px}
#resize{position:relative;top:auto;width:100%;height:28px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;background:linear-gradient(to bottom,#242c1f,#1c2119);border-top:1px solid #64764c;border-bottom:1px solid #3c4830;z-index:4;transition:background .15s}.resize-grip{display:flex;align-items:center;justify-content:center;gap:8px;padding:1px 14px;border:1px solid #667c48;border-radius:20px;background:#35412b;color:#dfedcb;font-size:13px;line-height:20px;pointer-events:none}.resize-grip i{font-size:16px}#resize:hover,#resize.resizing,#resize:focus-visible{background:#3b4b2c}.resize-grip i:last-child{color:#bcd39b}#resize:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.empty-workspace #resize{display:none}
@media(max-width:1240px){.preview-controls{flex-wrap:wrap;justify-content:center}.preview-controls>.private{display:none}}
@media(max-width:760px){:root{--editor-header-height:84px}body[data-page=editor]>#app>header{height:auto;min-height:68px;padding:7px 12px;gap:6px}.empty-workspace{grid-template-rows:minmax(540px,calc(100dvh - 84px)) auto}.panel.mobile-panel{inset:96px 12px 16px 90px;height:calc(100dvh - 112px);max-height:calc(100dvh - 112px)}.preview-controls{padding:7px 8px;gap:6px}.montage-controls>span{flex-basis:auto;justify-content:center;font-size:14px}.preview-controls .transport{order:0}.montage-controls>span{order:1}.montage-play{order:2}.back-to-loop{order:3}.preview-controls>.subtle{order:4}.timeline-toolbar{min-height:46px;padding:5px 12px;gap:6px}.timeline-toolbar h2{font-size:17px}.timeline-toolbar button{padding:5px 6px}.film{height:152px}.resize-grip{font-size:13px;padding:1px 10px;gap:6px}}

/* Quiet resize affordance and a transport centered on the preview canvas. */
.studio{container-type:inline-size}.preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:7px 12px}.preview-left{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;min-width:0}.preview-controls .transport{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;justify-content:center;margin:0;gap:2px}.preview-right{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;min-width:0}.preview-left #playback-mode-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#b7c2aa;font-size:14px}.preview-left #clock{font:14px Consolas,monospace;white-space:nowrap}.preview-left #clock em{font-style:normal;color:var(--muted)}.preview-left .subtle{font-size:14px;padding:4px}.preview-left .private{display:flex;font-size:0;gap:0}.preview-left .private i{font-size:17px}.preview-right .montage-play,.preview-right .back-to-loop{order:initial}.preview-right .back-to-loop[hidden]{display:none}
#resize{position:absolute;top:-5px;height:10px;background:transparent;border:0;transition:none}.resize-grip{width:42px;height:10px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent)}.resize-grip>span{display:block;width:34px;height:1px;background:var(--accent);border-radius:1px}#resize:hover,#resize.resizing,#resize:focus-visible{background:transparent}.resize-grip>span{transition:width .15s,box-shadow .15s}#resize:hover .resize-grip>span,#resize.resizing .resize-grip>span,#resize:focus-visible .resize-grip>span{width:42px;box-shadow:0 0 4px #dfefae80}
.chip-remove{width:20.592px;height:20.592px;min-width:20.592px}.chip-remove i{font-size:14.256px}.film{height:140.4px}.selection-add-control{overflow:visible;min-height:34px}.selection-help{width:30.6px;min-width:30.6px;height:30.6px;align-self:center;display:inline-flex;padding:3px;border:0;border-radius:50%;background:transparent;color:#ff9a38;margin-left:-4px}.selection-help i{font-size:22.5px}.selection-help:hover,.selection-help[aria-expanded=true]{background:#ff9a3819;color:#ffb15f}.selection-help:focus-visible{outline:2px solid #ff9a38;outline-offset:1px}
@container(max-width:800px){.preview-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:7px}.preview-left{grid-column:1/-1;grid-row:2;justify-content:center;gap:8px}.preview-controls .transport{grid-column:2;grid-row:1}.preview-right{grid-column:1/-1;grid-row:3;justify-content:flex-end}.preview-left .private{display:none}}
@media(max-width:760px){.film{height:136.8px}.preview-controls{padding:7px 8px}.preview-right .montage-play{font-size:14px}.resize-grip{padding:0;gap:3px}}

/* Remove the old single-line pseudo element; only the two green grip lines remain. */
#resize::after{content:none;display:none}
.selection-add-control{gap:2px;overflow:hidden}.selection-add-control .selection-help{margin:0 3px 0 0;align-self:center;border:0;background:transparent;color:#ff9a38}.selection-add-control .selection-help:hover,.selection-add-control .selection-help[aria-expanded=true]{background:#ff9a3819;color:#ffb15f}
:is(.range-remove,.chip-remove,.guide-close,.dialog-close,.mobile-close,[data-remove-source]){border:1px solid #ffffff5c;border-radius:50%;background:#111820e8;color:#fff;aspect-ratio:1}
:is(.range-remove,.chip-remove,.guide-close,.dialog-close,.mobile-close,[data-remove-source]):hover,:is(.range-remove,.chip-remove,.guide-close,.dialog-close,.mobile-close,[data-remove-source]):focus-visible{background:#a94040;border-color:#ffc3c3;color:#fff}
:is(.range-remove,.chip-remove,.guide-close,.dialog-close,.mobile-close,[data-remove-source]):focus-visible{outline:2px solid #fff;outline-offset:1px}
.range-remove,.chip-remove,[data-remove-source]{width:20.592px;height:20.592px;min-width:20.592px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:0}.range-remove i,.chip-remove i,[data-remove-source] i{font-size:14.256px}
.selection-guide,.selection-guide[open]{max-width:none}.example-film{height:140.4px}
@media(max-width:760px){.example-film{height:136.8px}}

#toast.timeline-notice{left:var(--notice-x,50%);top:var(--notice-y,50%);bottom:auto;width:max-content;max-width:var(--notice-width,90vw);text-align:center;transform:translate(-50%,-50%);transition:opacity .2s}#toast.timeline-notice.show{transform:translate(-50%,-50%)}

.canvas{position:relative;overflow:hidden;background:#000}.canvas>.transition-incoming{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}.canvas>.overlay-text{z-index:2}.transition-trigger{width:26px;height:26px;padding:0;flex:0 0 26px;gap:0;align-self:center;border:1px dashed #66774d;border-radius:6px;color:#baca9c;background:#252d20}.transition-trigger i{font-size:16px}.transition-trigger.has-transition{border-style:solid;background:#3c4b2c;color:#e4f5c2}.transition-trigger:hover{border-color:var(--accent);background:#425532}.transition-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.transition-option{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #444d39;border-radius:8px;cursor:pointer;min-width:0}.transition-option:has(input:checked){border-color:var(--accent);background:#2b3521}.transition-option>input{position:absolute;top:14px;left:14px;z-index:3}.transition-option b{font-size:14px;line-height:1.4;font-weight:500}.effect-sample{position:relative;display:block;overflow:hidden;height:90px;border-radius:5px;background:#000}.effect-sample>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;background:linear-gradient(135deg,#457975,#91b99a)}.effect-sample>span:last-child{background:linear-gradient(135deg,#9c673d,#e3b66b)}.effect-none>span:last-child{animation:effect-cut 3s infinite}.effect-black>span:first-child{animation:effect-black-out 3s infinite}.effect-black>span:last-child{animation:effect-black-in 3s infinite}.effect-dissolve>span:last-child{animation:effect-dissolve 3s infinite}.transition-duration{display:flex;align-items:center;gap:14px;font-size:16px;margin:18px 0}.transition-all{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.5}.boundary-list{display:flex;flex-direction:column;gap:10px}.boundary-item{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;text-align:left;border:1px solid #454e39;padding:12px}.boundary-item>b{font-size:14px}.boundary-item>span{color:var(--accent);font-size:14px}.boundary-item>small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--muted)}
@keyframes effect-cut{0%,49%{opacity:0}50%,100%{opacity:1}}@keyframes effect-black-out{0%,35%{opacity:1}50%,100%{opacity:0}}@keyframes effect-black-in{0%,50%{opacity:0}65%,100%{opacity:1}}@keyframes effect-dissolve{0%,35%{opacity:0}65%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.effect-sample>span{animation:none!important}.effect-sample>span:last-child{clip-path:inset(0 0 0 50%)}}
@media(max-width:760px){.transition-options{gap:6px}.transition-option{padding:7px}.effect-sample{height:70px}.transition-option b{font-size:13px}}

.effect-sample>span>img{width:100%;height:100%;object-fit:cover}

.effect-white{background:#fff}.effect-white>span:first-child{animation:effect-black-out 3s infinite}.effect-white>span:last-child{animation:effect-black-in 3s infinite}.effect-wipe>span:last-child{animation:effect-wipe 3s infinite}.effect-slide>span:first-child{animation:effect-push-out 3s infinite}.effect-slide>span:last-child{animation:effect-push-in 3s infinite}.effect-iris>span:last-child{animation:effect-iris 3s infinite}
@keyframes effect-wipe{0%,35%{clip-path:inset(0 100% 0 0)}65%,100%{clip-path:inset(0 0 0 0)}}@keyframes effect-push-in{0%,35%{transform:translateX(100%)}65%,100%{transform:translateX(0)}}@keyframes effect-push-out{0%,35%{transform:translateX(0)}65%,100%{transform:translateX(-100%)}}@keyframes effect-iris{0%,35%{clip-path:circle(0 at 50% 50%)}65%,100%{clip-path:circle(75% at 50% 50%)}}
@media(max-width:760px){.transition-options{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-sample{height:68px}.transition-option b{font-size:14px}.transition-option{gap:6px}}

@media(min-width:900px){dialog.transition-dialog{width:min(760px,92vw)}.transition-dialog .transition-options{grid-template-columns:repeat(4,minmax(0,1fr))}.transition-dialog .effect-sample{height:76px}.transition-dialog .transition-option b{font-size:14px}}

/* Reclaim framing and row padding for a larger video, without shrinking reading text. */
.studio-top{min-height:34px;padding:3px 16px;gap:12px;flex-shrink:0}.studio-top .preview-source{display:flex;align-items:center;gap:7px;min-width:0;font-size:15px}.preview-source>i{font-size:17px;color:#a8b98c;flex-shrink:0}.studio-top .preview-source>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;color:#b8c0cc}.studio-top select{padding:2px 7px;font-size:14px;min-height:26px}.stage{padding:3px 16px 8px}.source-tracks{padding-top:3px}.source-row{padding-top:7px;padding-bottom:12px}.source-head{min-height:32px;margin-bottom:3px;gap:8px}.source-head .source-name{padding:3px 0}.source-head .grip{padding:4px}.ruler{height:22px}
@media(max-width:760px){.studio-top{min-height:34px;padding:3px 10px;gap:8px}.studio-top .preview-source>small{font-size:14px}.stage{padding:3px 10px 8px}.source-tracks{padding-top:3px}.source-row{padding-top:7px;padding-bottom:12px}.source-head{min-height:32px;margin-bottom:3px;gap:6px}.source-head .source-name{font-size:16px}.source-head .include{flex-basis:auto}.ruler{height:22px}}

@media(max-width:760px){.workspace:not(.empty-workspace):not(.manual-preview){--default-preview-height:auto}.workspace:not(.empty-workspace):not(.manual-preview) .stage{flex:none;aspect-ratio:var(--frame-ratio,1.777778);max-height:calc(80dvh - 150px)}}

/* All status, success, warning and error messages share the same anchor. */
#toast,#toast.show{left:var(--notice-x,50%);top:var(--notice-y,50%);bottom:auto;width:max-content;max-width:var(--notice-width,90vw);text-align:center;transform:translate(-50%,-50%);transition:opacity .2s}

.project{min-width:0}.project-meta{display:flex;align-items:center;gap:10px;white-space:nowrap}.project-location{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.save-state{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#efc180;min-width:0}.save-state::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.save-state[hidden]{display:none}.save-state[data-save=saved]{color:#bedc91}.save-state-short{display:none}.playing-badge{display:none;position:absolute;left:14px;top:32px;align-items:center;gap:5px;background:#151e14ed;color:#eff7e3;border:1px solid var(--range);border-radius:5px;padding:3px 6px;font-size:13px;white-space:nowrap;pointer-events:none;z-index:5}.playing-badge>i{font-size:14px}.selection.montage-current{outline:2px solid var(--range);outline-offset:3px;box-shadow:0 0 0 5px color-mix(in srgb,var(--range) 22%,transparent)}.selection.montage-current .playing-badge{display:inline-flex}.range-chip.montage-current{border-color:var(--range);background:color-mix(in srgb,var(--range) 15%,#20251d);box-shadow:0 0 0 2px color-mix(in srgb,var(--range) 60%,transparent)}.range-chip.montage-current .chip{color:#f0f5e8}
@container(max-width:100px){.playing-badge{left:11px;padding:3px}.playing-badge>span{display:none}}
@container(max-width:44px){.playing-badge{display:none!important}}
@media(max-width:1150px) and (min-width:761px){.project-meta{gap:7px}.project-location{display:none}.save-state{font-size:13px}}
@media(max-width:760px){.project-meta{gap:0}.project:has(.save-state:not([hidden])) .project-location{display:none}.save-state-label{display:none}.save-state-short{display:inline}.save-state{font-size:13px}.project{gap:10px}}

.project small .project-location{display:inline-flex;color:#a1ae8d}.project small .save-state{display:inline-flex;color:#efc180}.project small .save-state[hidden]{display:none}.project small .save-state[data-save=saved]{color:#bedc91}.project small .save-state>span{color:inherit}.project small .save-state-label{display:inline}.project small .save-state-short{display:none}
@media(max-width:1150px) and (min-width:761px){.project small .project-location{display:none}}
@media(max-width:760px){.project:has(.save-state:not([hidden])) small .project-location{display:none}.project small .save-state-label{display:none}.project small .save-state-short{display:inline}}
/* Background audio: decoded waveform, selected fragments and ten-band equalizer. */
.audio-track{border-top:1px solid #414b38;margin-top:14px;padding:15px 0 4px;min-width:0}.audio-track-heading,.audio-actions,.audio-track-name{display:flex;align-items:center;gap:9px;min-width:0}.audio-track-heading{justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}.audio-track-name{flex:1 1 200px}.audio-track-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.audio-track-name>i{color:var(--accent);font-size:24px}.audio-track-name small{color:var(--muted);font-variant-numeric:tabular-nums}.audio-actions{flex-wrap:wrap;gap:3px}.audio-actions button{font-size:14px;padding:6px 8px;border:1px solid #363d30}.audio-eq-button{color:var(--accent);background:#252e20}.audio-meter{display:flex;align-items:center;gap:2px;height:20px;width:22px}.audio-meter i{display:block;background:var(--accent);height:18px;width:3px;transform:scaleY(.12);transform-origin:center}.audio-ruler{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px;font-variant-numeric:tabular-nums}.audio-wave{height:126px;position:relative;background:#151a17;border-radius:5px;isolation:isolate}.audio-wave svg{position:absolute;inset:9px 0;width:100%;height:calc(100% - 18px);pointer-events:none}.audio-wave path{fill:none;stroke:currentColor;stroke-width:1.35}.audio-wave-muted{color:#77817c;opacity:.36;filter:blur(.35px)}.audio-wave-color{opacity:1}.audio-selection{pointer-events:auto;border-width:2px;background:color-mix(in srgb,var(--range) 6%,transparent)}.audio-selection.chosen{box-shadow:0 0 0 1px #ffffffa0;z-index:2}.audio-selection.audio-playing{box-shadow:0 0 0 2px var(--range)}.audio-selection>b{position:absolute;left:11px;top:5px;font-size:13px;padding:1px 4px;border-radius:2px;background:var(--range);color:#172018}.audio-selection .range-handle{padding:0;min-width:0;border:0;border-radius:0}.audio-playhead{position:absolute;top:3px;bottom:3px;width:2px;transform:translateX(-1px);background:#fff;pointer-events:none;z-index:5;box-shadow:0 0 5px #000}.audio-range-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.audio-range-row>.range-chip .chip{touch-action:auto;cursor:grab}.audio-range-row .chip>b{color:#182117;border-radius:2px;padding:0 3px}.audio-range-row>button{font-size:14px;padding:5px 8px;border:1px solid #566343;color:var(--accent)}.audio-range-row .audio-boundary{gap:4px;color:#c4cbb9;border:1px solid #414a39;font-size:12px}.audio-boundary i{font-size:17px}.audio-boundary.configured{background:#273120}.audio-duration,.audio-clock{color:#a9b19f;font-size:13px;font-variant-numeric:tabular-nums}.audio-clock{margin-left:auto;color:var(--accent)}.audio-range-fields{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:14px}.audio-range-fields>b{font-weight:500;color:var(--accent)}.audio-range-fields label{display:flex;align-items:center;gap:7px;color:#b5bdaf}.audio-range-fields input{width:104px;padding:5px 7px;font-variant-numeric:tabular-nums}.audio-repeat{font-size:14px;margin:14px 0 8px}.audio-hint{color:#959e90;font-size:13px;line-height:1.6;margin:8px 0 2px;max-width:920px}.audio-drop-target{outline:2px solid var(--accent)}.audio-filename{overflow-wrap:anywhere;color:var(--accent);font-size:15px}.panel .audio-range-fields{align-items:stretch;flex-direction:column;margin-bottom:15px}.panel .audio-range-fields label{justify-content:space-between}.audio-transition-options{display:flex;flex-direction:column;gap:14px;margin:24px 0}.audio-transition-options label{display:flex;gap:10px;align-items:center}.audio-duration-input{display:flex;align-items:center;gap:14px;margin-bottom:20px}.audio-eq-presets{display:flex;gap:8px;margin:20px 0}.audio-eq-presets button{border:1px solid #49563c}.audio-eq-presets .active{background:#354329;color:var(--accent);border-color:var(--accent)}.audio-eq-sliders{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;padding:18px 4px;border:1px solid #3b4433;background:#151a14;border-radius:9px}.audio-eq-sliders label{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;font-size:13px;color:#c4cfb5}.audio-eq-sliders output{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.audio-eq-sliders input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:22px;height:160px;touch-action:none}.audio-eq-sliders+ .dialog-actions{flex-wrap:wrap}.audio-actions [aria-pressed=true]{background:#354329;border-color:var(--accent)}
@media(max-width:760px){.audio-track-heading{gap:10px}.audio-actions{width:100%;justify-content:space-between}.audio-actions button{padding:6px}.audio-actions button span{display:none}.audio-actions .audio-eq-button>span{display:flex}.audio-wave{height:116px}.audio-range-row{gap:6px}.audio-range-row .chip{font-size:12px}.audio-range-fields{gap:9px}.audio-range-fields>b{flex-basis:100%}.audio-range-fields input{width:85px}.audio-hint{font-size:13px}.audio-eq-sliders{gap:1px;padding:16px 2px}.audio-eq-sliders output{font-size:9px}.audio-eq-sliders label{font-size:11px}.audio-eq-sliders input[type=range]{width:18px;height:140px}}
.audio-range-fields>button{border:1px solid #4c5b3e;font-size:14px;color:var(--accent);padding:5px 9px}.audio-eq-dialog{width:640px;max-width:calc(100vw - 32px)}.audio-eq-sliders output{font-size:13px}.audio-eq-sliders label{font-size:14px}.audio-actions [data-audio-act=listen-track][aria-pressed=true]{background:#354329;border-color:var(--accent)}
@media(max-width:760px){.audio-eq-sliders{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:20px}.audio-eq-sliders input[type=range]{height:100px;width:24px}.audio-eq-sliders output{font-size:12px}.audio-eq-sliders label{gap:8px;font-size:13px}.audio-eq-dialog{padding:22px 18px}.audio-eq-dialog>h2{padding-right:20px}.audio-eq-dialog>p{font-size:14px;line-height:1.6}}
@media(max-width:760px){.audio-ruler span:nth-child(even){display:none}.audio-actions .audio-eq-button .audio-meter{display:none}}
/* Editor finishing pass: readable wordmark, player controls and actual overlays. */
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.brand-wordmark>small{font-size:12px;line-height:1.2;letter-spacing:.6px;color:#b6c58d;margin-left:1px}.brand .brand-wordmark b{line-height:1.2}.player-scrub{padding:0 14px 3px;flex:none}.player-scrub input{display:block;width:100%;height:5px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#343b31 var(--progress,0%));border:0}.player-scrub input::-webkit-slider-thumb{width:11px;height:11px}.preview-right>[data-act=fullscreen],.preview-right>[data-act=preview-mute]{padding:5px;color:#c8d2b9}.preview-right>[data-act=fullscreen] i{font-size:21px}.preview-controls .transport{z-index:4;pointer-events:auto}.preview-controls .transport button{position:relative;pointer-events:auto}.selection-playback-window{left:12px;right:12px}.selection-playback-window>.playhead{width:2.5px;box-shadow:0 0 3px #0008}.audio-playhead{width:2.5px;transform:none}.trim-focus{outline:2px solid var(--accent);outline-offset:4px}.canvas{container-type:inline-size;isolation:isolate}.canvas::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#000 100%);opacity:var(--vignette,0);z-index:2}.overlay-text-layer,.overlay-caption-layer{position:absolute;inset:0;display:grid;padding:5%;pointer-events:none;z-index:6}.overlay-text-layer[hidden],.overlay-caption-layer[hidden]{display:none}.overlay-text-layer>span,.overlay-caption-layer>span{max-width:100%;border-radius:.18em;padding:.18em .4em;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 1px 3px #000b;font-family:'Segoe UI',Arial,sans-serif}.overlay-caption-layer{z-index:7}.overlay-settings{display:flex;flex-direction:column;gap:16px;margin-top:18px}.overlay-settings>label:not(.control):not(.check-row){display:flex;flex-direction:column;gap:8px}.overlay-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overlay-colors label{display:flex;flex-direction:column;gap:8px;font-size:14px}.overlay-colors input[type=color]{width:100%;height:36px;padding:3px;cursor:pointer}.subtitle-cues{display:flex;flex-direction:column;gap:14px}.subtitle-cue{border:1px solid #434c38;background:#20251e;padding:12px;border-radius:8px}.subtitle-cue>div:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--accent)}.subtitle-cue textarea{min-height:84px;resize:vertical;font-size:15px;margin-top:10px}.subtitle-cue .cue-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cue-times label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b9c3ad}.cue-times input{width:100%;font-size:14px;padding:6px}.subtitle-cue>button{color:var(--accent);font-size:14px;padding:7px 0}.subtitle-cue:focus-within{border-color:var(--accent)}#overlay-content{min-height:120px;resize:vertical}.audio-view{font-size:13px;padding:6px;max-width:150px}.audio-wave:has(.audio-spec-muted){height:162px;background:#0d0a16}.audio-wave .audio-spec-muted,.audio-wave .audio-spec-color{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;border-radius:4px}.audio-spec-muted{filter:grayscale(.95) brightness(.42) blur(.35px);opacity:.8}.audio-spec-color{filter:saturate(1.08);opacity:1}.audio-wave:has(.audio-spec-muted) .audio-selection{background:transparent}.audio-wave:has(.audio-spec-muted)::before{content:'16k  ·  1k  ·  35 Hz';position:absolute;bottom:6px;right:7px;color:#c7c0d0;font-size:10px;letter-spacing:.4px;pointer-events:none;z-index:1;opacity:.6}
#audio-eq-popover{position:fixed;inset:auto;margin:0;padding:17px 18px 14px;width:470px;max-width:calc(100vw - 24px);max-height:min(520px,calc(100dvh - 24px));overflow:auto;background:#20251e;color:var(--text);border:1px solid #67784e;border-radius:12px;box-shadow:0 14px 45px #0009}#audio-eq-popover::backdrop{background:transparent;backdrop-filter:none}#audio-eq-popover h2{font-size:18px;margin:0 28px 5px 0}#audio-eq-popover>p{font-size:12px;line-height:1.5;color:#b7c1aa;margin:0 20px 12px 0}#audio-eq-popover .eq-close{position:absolute;top:12px;right:10px}#audio-eq-popover .audio-eq-presets{gap:5px;flex-wrap:wrap;margin:12px 0}#audio-eq-popover .audio-eq-presets button{font-size:12px;padding:5px 8px}#audio-eq-popover .audio-eq-sliders{padding:12px 5px;gap:3px}#audio-eq-popover .audio-eq-sliders input[type=range]{height:105px;width:20px}#audio-eq-popover .audio-eq-sliders output{font-size:11px}#audio-eq-popover .audio-eq-sliders label{gap:9px;font-size:12px}#audio-eq-popover .dialog-actions{margin:12px 0 0;gap:8px}#audio-eq-popover .dialog-actions button{font-size:13px;padding:6px}
html:fullscreen{background:#090a0b;overflow:hidden}html:fullscreen header,html:fullscreen .rail,html:fullscreen .panel,html:fullscreen .timeline,html:fullscreen .skip-link{display:none!important}html:fullscreen .workspace{display:block;height:100dvh;overflow:hidden}html:fullscreen .studio{position:fixed;inset:0;width:100dvw;height:100dvh;display:flex;z-index:1000;background:#08090a}html:fullscreen .studio-top{height:34px;flex:none;padding:5px 18px}html:fullscreen .stage{flex:1;aspect-ratio:auto;max-height:none;min-height:0;padding:3px 20px 10px}html:fullscreen .canvas{height:auto;max-height:100%;width:min(100%,calc(100cqh * var(--ratio,1.77778)))}html:fullscreen .preview-controls{display:grid;min-height:64px;flex:none;padding:10px 20px}html:fullscreen .player-scrub{padding:0 20px 5px}html:fullscreen [data-act=fullscreen]{color:var(--accent)}
@media(max-width:760px){.brand-wordmark>small{font-size:10px;letter-spacing:.4px}.audio-view{font-size:12px;max-width:135px;flex:1 1 auto}.audio-actions{justify-content:flex-start}.audio-wave:has(.audio-spec-muted){height:148px}#audio-eq-popover{padding:15px;width:calc(100vw - 24px)}#audio-eq-popover .audio-eq-sliders{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}#audio-eq-popover .audio-eq-sliders input[type=range]{height:100px;width:18px}#audio-eq-popover .audio-eq-sliders output{font-size:9px}#audio-eq-popover .audio-eq-sliders label{font-size:10px}#audio-eq-popover>p{font-size:12px}.preview-right{flex-wrap:wrap}.player-scrub{padding:0 10px 3px}.preview-right>[data-act=preview-mute]{display:none}html:fullscreen .preview-controls{padding:8px 10px}html:fullscreen .studio-top{padding:4px 10px}html:fullscreen .stage{padding:2px 8px 8px}}
.audio-wave:has(.audio-spec-muted)::before{content:none}.spectrum-axis{position:absolute;right:7px;top:6px;bottom:6px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;pointer-events:none;color:#e9dce5;font-size:10px;z-index:1;opacity:.75}.spectrum-axis>span{background:#08070c88;padding:1px 3px;border-radius:3px}
.audio-eq-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#99ae72 #20251e}.eq-scroll-hint{display:none}#audio-eq-popover .audio-eq-sliders output{font-size:12px}#audio-eq-popover .audio-eq-presets button{font-size:13px}
@media(max-width:760px){#audio-eq-popover .audio-eq-sliders{min-width:440px}#audio-eq-popover .audio-eq-sliders label{font-size:12px}#audio-eq-popover .audio-eq-sliders output{font-size:12px}#audio-eq-popover .eq-scroll-hint{display:block;font-size:12px;margin:8px 0 0;color:#b8c9a0}}
.project-title-field{display:inline-flex;align-items:center;position:relative;border:0;padding:0 0 3px;max-width:100%;cursor:text}.project .project-title-field input{width:210px;max-width:100%;border:0;background:transparent;padding:0;font-weight:550;caret-color:var(--accent)}.project-title-field>i{position:absolute;right:0;top:2px;font-size:15px;color:#a8bd80;pointer-events:none}.title-edit-caret{display:none;position:absolute;left:var(--title-caret,145px);top:3px;height:1em;width:1.5px;background:var(--accent);pointer-events:none;animation:title-caret-blink 1.1s steps(1,end) infinite}.project-title-field.is-untitled:not(:focus-within) .title-edit-caret{display:block}@keyframes title-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}@media(prefers-reduced-motion:reduce){.title-edit-caret{animation:none;opacity:1}}
.montage-bar{position:sticky;bottom:0;z-index:25;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:16px;min-height:76px;background:#202227;box-shadow:0 -4px 15px #0003;border-top:1px solid #383e32;padding:12px 20px;letter-spacing:normal}.montage-bar>.footer-summary{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:auto;min-width:0}.montage-bar>.footer-status{display:flex;justify-content:center;align-items:center;width:auto;min-width:0;min-height:36px}.montage-bar>.footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:auto;min-width:0}.footer-summary>span{font-size:12px!important;color:#abb3a2}.footer-actions button{font-size:14px;padding:8px}.footer-actions .audio-export-footer{color:var(--accent);border:1px solid #607049}.footer-actions [data-act=montage] span{display:none}#toast.footer-notice,#toast.footer-notice.show{position:static;inset:auto;transform:none;width:100%;max-width:none;min-width:0;padding:0;margin:0;border:0;box-shadow:none;background:transparent;text-align:center;color:#dfefae;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.5;pointer-events:none}.empty-workspace .montage-bar{display:grid}.empty-workspace .footer-actions,.empty-workspace .footer-summary{display:none}.empty-workspace .montage-bar{grid-template-columns:minmax(0,1fr)}.public-footer>#toast.footer-notice{flex-basis:100%;order:3}
.audio-workspace{--default-preview-height:clamp(280px,36dvh,360px);grid-template-rows:var(--preview-height,var(--default-preview-height)) auto}.audio-workspace .studio{min-height:260px}.audio-studio{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#29372080,transparent 75%);padding:22px}.audio-only-preview{text-align:center;max-width:800px;min-width:0}.audio-only-preview>i{display:block;font-size:42px;color:var(--accent);margin:12px}.audio-only-preview h1{font-size:clamp(21px,2.5vw,29px);font-weight:550;max-width:700px;overflow-wrap:anywhere;margin:10px 0}.audio-only-preview>p{color:#abb5a1;font-size:15px;line-height:1.6;margin:10px 0}.audio-only-preview>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.audio-only-preview button{border:1px solid #5b7146;background:#252f1f;font-size:15px}.audio-only-preview [data-audio-act=export]{background:var(--accent);color:#1c2815}.audio-only-preview .audio-stage-clock{font-variant-numeric:tabular-nums;font-size:20px;color:var(--accent)}.audio-workspace .timeline-toolbar>div:last-child button span{display:inline}.audio-library{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}.audio-library>b{color:#b2bf9f;font-size:14px;font-weight:500;margin-bottom:5px}.audio-library-item{display:flex;align-items:center;gap:2px;border:1px solid #3b4930;border-radius:6px;background:#20271d;min-width:0}.audio-library-item.active{border-color:var(--accent);background:#2b3623}.audio-library-item>button:first-child{min-width:0;flex:1;justify-content:flex-start;text-align:left;font-size:14px;padding:9px}.audio-library-item>button:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-library-item small{font-variant-numeric:tabular-nums;white-space:nowrap;color:#a7b599;font-size:12px;margin-left:auto}.audio-library-item>button:not(:first-child){padding:4px}.audio-library-item i{color:var(--accent);font-size:18px}.audio-track+.audio-library{margin-top:15px}.panel .audio-library-item small{display:none}.audio-export-footer>span{white-space:nowrap}.export-download{display:flex;text-decoration:none;margin-top:14px}#audio-export-result audio{width:100%}#audio-export-progress{width:100%;height:9px;accent-color:var(--accent)}#ringtone-limit-row[hidden],#ringtone-export-hint[hidden],#audio-export-result[hidden],#audio-export-progress[hidden]{display:none}.export-row input{min-width:0;max-width:65%}.codec-hint{color:#a3ad98!important;font-size:12px!important}
@media(max-width:1150px){.project .project-title-field input{width:160px}.montage-bar>.footer-summary,.montage-bar>.footer-actions,.montage-bar>.footer-status{width:auto}.footer-actions button span{display:none}.footer-actions button.primary span{display:inline}.footer-actions button{padding:7px}.montage-bar{gap:10px;padding:10px 14px;grid-template-columns:auto minmax(140px,1fr) auto}.montage-bar b{font-size:20px}}
@media(max-width:760px){.project .project-title-field input{width:165px;font-size:15px}.project-title-field>i{font-size:13px}.title-edit-caret{top:2px}.montage-bar{grid-template-columns:1fr auto;gap:8px;padding:10px 12px;min-height:72px}.montage-bar>.footer-status{grid-column:1/-1;grid-row:2;min-height:0}.montage-bar>.footer-actions{grid-column:2;grid-row:1}.montage-bar>.footer-summary{grid-column:1;grid-row:1}.footer-actions button span{display:none}.footer-actions button.primary span,.footer-actions .audio-export-footer span{display:inline}.footer-summary>span{font-size:11px!important}#toast.footer-notice{font-size:13px}.empty-workspace .montage-bar{grid-template-columns:1fr}.empty-workspace .footer-status{grid-column:1}.empty-workspace .footer-summary,.empty-workspace .footer-actions{display:none}.audio-workspace:not(.manual-preview){grid-template-rows:auto auto}.audio-workspace .studio{min-height:280px;padding:18px 12px}.audio-only-preview>i{font-size:34px}.audio-only-preview button span{font-size:13px}.audio-only-preview>p{font-size:14px}.audio-library-item>button:first-child{font-size:13px}.audio-library-item small{display:none}.export-row{flex-wrap:wrap;gap:8px}.export-row select,.export-row input{max-width:100%;width:100%}}

.audio-repeat[hidden]{display:none}

@media(min-width:761px){.montage-bar{grid-template-columns:minmax(0,1fr) minmax(140px,3fr) minmax(0,1fr)}.montage-bar>.footer-actions{flex-wrap:wrap}.empty-workspace .montage-bar{grid-template-columns:1fr}}

/* Collapsible details: animate the grid track; retain the player and media clock. */
.project-title-field,.project-title-field:focus-within{border:0;padding-right:0;padding-bottom:3px}
.selection-playback-window>.playhead,.audio-playhead{width:1.875px}
.workspace{--rail-width:100px;--details-width:320px;grid-template-columns:var(--rail-width) 0px minmax(0,1fr);transition:grid-template-columns 840ms cubic-bezier(.22,.65,.2,1)!important}
.workspace.details-open{grid-template-columns:var(--rail-width) var(--details-width) minmax(0,1fr)}
.workspace>.rail{grid-column:1}.workspace>.panel{display:block;grid-column:2;grid-row:1/3;min-width:0;padding:0;border:0;overflow:clip;visibility:hidden;transition:visibility 0s 840ms!important;background:var(--panel)}
.workspace>.panel>.panel-content{width:var(--details-width);height:100%;padding:24px 20px;border-right:1px solid var(--line);overflow:auto;transform:translateX(-32px);opacity:0;transition:transform 840ms cubic-bezier(.22,.65,.2,1),opacity 560ms ease!important}
.workspace.details-open>.panel{visibility:visible;transition-delay:0s!important}.workspace.details-open>.panel>.panel-content{transform:translateX(0);opacity:1}
.workspace>.studio,.workspace>.timeline{grid-column:3;min-width:0}.workspace>.studio{position:relative}
.panel-hide-handle{position:absolute;left:0;top:42px;z-index:15;writing-mode:vertical-rl;gap:7px;padding:10px 5px;border:1px solid #4d5d3d;border-left:0;border-radius:0 7px 7px 0;background:#252e20;color:#c9dda5;font-size:12px;box-shadow:2px 1px 6px #0002;opacity:0;visibility:hidden;transition:opacity 150ms}
.panel-hide-handle i{font-size:15px}.details-open .panel-hide-handle{opacity:1;visibility:visible}.panel-hide-handle:hover{background:#35442a;color:var(--accent)}.panel-close-mobile{display:none}
@media(max-width:1150px) and (min-width:761px){.workspace{--rail-width:90px;--details-width:280px}}
@media(max-width:760px){.workspace{--rail-width:80px;--details-width:min(300px,calc(100vw - 92px))}.workspace,.workspace.details-open{grid-template-columns:var(--rail-width) 0px minmax(0,1fr)}.workspace>.panel{position:fixed;left:80px;top:var(--editor-header-height);width:var(--details-width);height:calc(100dvh - var(--editor-header-height));z-index:50;box-shadow:8px 0 25px #0005;transform:translateX(-100%);transition:transform 840ms cubic-bezier(.22,.65,.2,1),visibility 0s 840ms!important}.workspace.details-open>.panel{transform:translateX(0);transition-delay:0s!important}.workspace>.rail{z-index:51}.workspace>.panel>.panel-content{padding:20px 16px}.panel-close-mobile{display:flex;float:right;padding:4px;color:var(--accent)}.panel-heading{clear:both}.panel-hide-handle{display:none}}
/* The user explicitly requested the panel motion; other system motion overrides stay unchanged. */

.audio-wave[data-audio-view=dots],.audio-wave[data-audio-view=ribbon]{height:184px;background:#211f20}.audio-wave[data-audio-view=dots] .audio-spec-muted,.audio-wave[data-audio-view=ribbon] .audio-spec-muted{filter:grayscale(1) brightness(.65) blur(.3px);opacity:.5}.audio-wave[data-audio-view=dots] .audio-spec-color,.audio-wave[data-audio-view=ribbon] .audio-spec-color{filter:none}.audio-wave[data-audio-view=dots] .audio-selection,.audio-wave[data-audio-view=ribbon] .audio-selection{background:transparent}.audio-view{max-width:180px}

.panel-hide-handle{top:50%;transform:translateY(-50%);min-height:160px;justify-content:center;padding:15px 6px;font-size:13px;letter-spacing:.6px}
.add-audio{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.audio-dropzone{width:100%;min-height:160px;background:linear-gradient(120deg,#222a1c,#1c201b);border:1px dashed #52613f;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:22px;cursor:pointer;text-align:center}.audio-dropzone>i{color:var(--accent);font-size:27px}.audio-dropzone>.upload-btn{width:auto;margin:0;padding:9px 15px;border-color:#596b40;background:#303c25;font-size:16px}.audio-dropzone>span{font-size:14px;color:#bdc6af}.audio-dropzone>small{font-size:12px;color:#9aa78b}.audio-dropzone>p{margin:0;font-size:13px;color:#9ca78f}.audio-dropzone.dragging{background:#35432b;border-color:var(--accent)}
.footer-actions [data-act=montage]{border:1px solid #71874f;background:#2c3823;color:#dfefae;min-height:38px}.footer-actions [data-act=montage] span{display:inline!important;white-space:nowrap}.footer-actions [data-act=montage]:hover{background:#3b4b2d}.footer-actions [data-act=montage] i{font-size:19px}.footer-actions{flex-wrap:wrap}
.audio-wave[data-audio-view=bars]{height:184px;background:radial-gradient(ellipse at 50% 90%,#302037,#131117 75%)}.audio-wave[data-audio-view=bars] .audio-spec-color{filter:none}.audio-wave[data-audio-view=bars] .audio-spec-muted{filter:grayscale(1) brightness(.65) blur(.3px);opacity:.5}.audio-wave[data-audio-view=bars] .audio-selection{background:transparent}.eq-saved-hint{font-size:12px!important;color:#a8ba90!important}
@media(max-width:760px){.audio-dropzone{padding:18px 12px}.footer-actions [data-act=montage]{font-size:12px;padding:6px}.footer-actions [data-act=montage] span{display:inline!important}}
.empty-workspace .add-audio{display:none}

/* The close grip belongs to the sticky details column, independent of page scroll. */
.workspace>.panel{position:sticky}.workspace>.panel>.panel-content{padding-right:52px}.workspace>.panel>.panel-hide-handle{left:auto;right:0;top:50%;min-height:160px;width:32px;background:var(--panel);border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;font-size:14.3px;color:#c9dda5}.workspace>.panel>.panel-hide-handle:hover{background:var(--panel);color:var(--accent)}
.add-source,.add-audio{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.add-source>.editor-dropzone,.add-audio>.editor-dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:160px;width:100%;padding:22px;background:#20271c;border:1px dashed #52613f;border-radius:8px;text-align:center}.add-source>.editor-dropzone>i,.add-audio>.editor-dropzone>i{display:block;color:var(--accent);font-size:27px}.add-source>.editor-dropzone>.upload-btn,.add-audio>.editor-dropzone>.upload-btn{width:auto;max-width:100%;margin:0;padding:9px 15px;border:1px solid #596b40;background:#303c25;color:#dfefae;font-size:16px}.add-source>.editor-dropzone>p,.add-audio>.editor-dropzone>span{margin:0;color:#bdc6af;font-size:14px}.add-source>.editor-dropzone>small,.add-audio>.editor-dropzone>small{color:#9aa78b;font-size:12px}
.montage-bar{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding:9px 16px;gap:12px}.montage-bar>.footer-actions{display:flex;flex-direction:row;flex-wrap:nowrap!important;gap:7px}.footer-actions button{white-space:nowrap;flex-shrink:0;font-size:13px;padding:8px}.footer-actions button.primary{white-space:nowrap}.footer-actions button span{white-space:nowrap}.footer-actions [data-act=montage] span{display:inline!important}.footer-summary>span{white-space:nowrap}#toast.footer-notice{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:42px}
.audio-wave[data-audio-view=matrix]{height:184px;background:#151515}.audio-wave .audio-pattern-muted,.audio-wave .audio-pattern-color{position:absolute;inset:0;pointer-events:none;mask:var(--audio-envelope-mask) center/100% 100% no-repeat;-webkit-mask:var(--audio-envelope-mask) center/100% 100% no-repeat}.audio-pattern-muted{background:#737777;opacity:.45}.audio-pattern-color{opacity:1}.audio-wave[data-audio-view=matrix] .audio-selection{background:transparent}
@media(max-width:760px){.workspace>.panel{position:fixed}.workspace>.panel>.panel-content{padding-right:16px}.montage-bar{grid-template-columns:1fr;gap:7px}.montage-bar>.footer-summary{grid-column:1;grid-row:1}.montage-bar>.footer-actions{grid-column:1;grid-row:2;justify-content:flex-start;max-width:100%;overflow-x:auto}.montage-bar>.footer-status{grid-column:1;grid-row:3}.footer-actions button{font-size:12px;padding:7px}.footer-actions [data-act=audio-export] span{display:none}.add-source>.editor-dropzone,.add-audio>.editor-dropzone{padding:18px 12px}}

.empty-workspace .montage-bar>.footer-actions,.empty-workspace .montage-bar>.footer-summary{display:none}

/* Pinned panel header replaces the vertical grip. */
.workspace>.panel>.panel-content{padding:0!important}.panel-content>.panel-heading{position:sticky;top:0;z-index:12;margin:0 0 16px;padding:16px 18px;background:var(--panel);border-bottom:1px solid var(--line);min-height:66px;gap:8px}.panel-content>.panel-heading h2{font-size:21px;min-width:0}.panel-body{padding:0 18px 24px}.panel-hide-button{color:#c9dda5;font-size:14.3px;padding:7px 6px;gap:5px;white-space:nowrap;flex-shrink:0;background:transparent}.panel-hide-button i{font-size:17px}.panel-hide-button:hover{background:#ffffff08;color:var(--accent)}
.initial-import-loading{position:fixed;inset:var(--editor-header-height,68px) 0 0;z-index:150;display:grid;place-items:center;padding:24px;background:#101311e8;backdrop-filter:blur(5px)}.initial-import-card{width:min(100%,480px);text-align:center;border:1px solid #52633f;border-radius:14px;padding:32px 28px;background:#20251d;box-shadow:0 20px 70px #0006}.initial-import-card h2{font-size:24px;line-height:1.4;font-weight:550;color:#e7f3c7;margin:20px 0 12px}.initial-import-card p{line-height:1.6;overflow-wrap:anywhere}.initial-import-card .import-detail{font-size:15px;color:#d0ddbf}.initial-import-card .import-hint{font-size:14px;color:#aebca0}.initial-import-card progress{display:block;width:100%;height:6px;accent-color:var(--accent);margin-top:22px}.import-spinner{display:inline-block;width:38px;height:38px;border:3px solid #4d5942;border-top-color:var(--accent);border-radius:50%;animation:import-spin 1s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}
@media(min-width:761px){.workspace>.panel{height:calc(100dvh - var(--editor-header-height) - 28px)}}

#video-cancel[hidden]{display:none}

/* Compact footage band; only time outside the selections is softened. */
.film,.example-film{height:126.36px}
.film-shade{background:#03060b99;backdrop-filter:grayscale(1) blur(.75px);mask-mode:alpha}
.example-muted{filter:grayscale(1) brightness(.6) blur(.75px)}
@media(max-width:760px){.film,.example-film{height:123.12px}}
/* Slim player progress track and a close-fitting footer, preserving button sizes. */
.player-scrub{padding-block:0;display:flex;align-items:center}
.player-scrub input{appearance:none;-webkit-appearance:none;height:14px;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.player-scrub input::-webkit-slider-runnable-track{height:2px;border:0;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#454a40 var(--progress,0%))}
.player-scrub input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;margin-top:-2.5px;border:0;border-radius:50%;background:var(--accent);box-shadow:none}
.player-scrub input::-moz-range-track{height:2px;border:0;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#454a40 var(--progress,0%))}
.player-scrub input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--accent);box-shadow:none}
.montage-bar{min-height:0;padding-block:4px;row-gap:0}
.montage-bar>.footer-summary{gap:0}
.montage-bar>.footer-summary>span{margin-top:0}
.montage-bar>.footer-status{min-height:0}
.montage-bar>.footer-summary>span{line-height:1.2}
html:fullscreen .player-scrub{padding-block:0}

/* One extra millimetre below the footer contents. */
.montage-bar{padding-bottom:calc(4px + 1mm)}

.analytics-preferences{position:fixed;right:20px;bottom:18px;z-index:1200;width:min(460px,calc(100vw - 32px));padding:18px;background:#20251f;color:#e7ecdF;border:1px solid #59664a;border-radius:10px;box-shadow:0 8px 32px #0008;font-size:15px;line-height:1.55}
.analytics-preferences h2{font-size:18px;margin:0 0 7px;font-weight:600}
.analytics-preferences p{margin:0 0 14px;color:#bbc5b0}
.analytics-preferences>div{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.analytics-preferences a{margin-right:auto;color:var(--accent);font-size:13px}
.analytics-preferences button{font-size:14px;padding:8px 10px}
.analytics-preferences button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rail-bottom{display:flex;flex-direction:column;align-items:center}
.rail-bottom .cookie-preferences-trigger{font-size:11px;color:#b3bda5;padding:4px 5px;min-height:26px;line-height:1.3}
.rail-bottom .cookie-preferences-trigger:hover{color:var(--accent);background:#ffffff08}
[data-analytics-settings]{color:var(--accent);font-size:14px}
@media(max-width:760px){.analytics-preferences{right:16px;bottom:14px;padding:15px}.analytics-preferences>div{gap:6px}.analytics-preferences a{flex-basis:100%;margin-bottom:4px}}

/* Header motion matches the details column's 840ms easing. */
:root{--header-offset:var(--editor-header-height,68px);--editor-motion:840ms cubic-bezier(.22,.65,.2,1)}
body[data-page=editor] #app>header.editor-header{height:auto;min-height:0;padding-top:2mm;padding-bottom:calc(1mm - 1px);transition:transform var(--editor-motion)!important;will-change:transform}
.editor-header-hidden{--header-offset:0px}
.editor-header-hidden .editor-header{transform:translateY(-100%);pointer-events:none}
.workspace>.rail{top:var(--header-offset);height:calc(100dvh - var(--header-offset));transition:top var(--editor-motion),height var(--editor-motion)!important}
.workspace>.panel{top:var(--header-offset);height:calc(100dvh - var(--header-offset));transition:top var(--editor-motion),height var(--editor-motion),transform var(--editor-motion),visibility 0s 840ms!important}
@media(min-width:761px){.workspace>.panel{height:calc(100dvh - var(--header-offset) - 28px)}}
.editor-header .project{flex:1;min-width:0}
.editor-header .project-meta{font-size:12px;line-height:1.15;margin-top:3px}
.editor-header .project-title-field{width:min(420px,100%);max-width:100%;padding-bottom:0}
.editor-header #project-name{width:100%;max-width:100%;padding:3px 6px;border:1px solid transparent;border-radius:5px;line-height:1.2;box-shadow:none}
.editor-header #project-name:focus{outline:none;border-color:#697d4866;background:#252d2030;box-shadow:none}
.editor-header .title-edit-caret{top:5px}
.selection-guide{order:10}
@media(max-width:760px){.editor-header .project{gap:5px}.editor-header .project-title-field{width:min(330px,100%)}.editor-header .project-meta{margin-top:0}}


/* Export settings fit side by side while keeping the export action in view. */
dialog.video-export-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 24px);padding:22px;overflow:auto}
.video-export-heading{padding-right:32px}
.video-export-heading .eyebrow{font-size:12px;line-height:1.4;letter-spacing:1.4px}
.video-export-heading h2{font-size:27px;line-height:1.2;margin:5px 0 0}
.video-export-dialog .video-export-intro{font-size:15px;line-height:1.45;margin:10px 0 16px;color:var(--muted)}
.video-export-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.video-export-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.video-export-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:15px}
.video-export-field select,.video-export-field input{width:100%;min-width:0;padding:8px;font-size:15px}
.video-export-filename{grid-column:1/-1;position:relative}
.video-export-filename input{padding-right:47px}
.video-export-filename>small{position:absolute;right:12px;bottom:9px;font-size:14px;color:#a9b699;pointer-events:none}
.video-export-details{display:flex;flex-direction:column;gap:11px;min-width:0}
.video-export-dialog .export-summary{margin:0;padding:12px;gap:20px;justify-content:space-between}
.video-export-dialog .export-summary b{font-size:23px;line-height:1.2}
.video-export-dialog .export-summary small{font-size:13px;margin-top:3px}
.video-export-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;line-height:1.4}
.video-export-metric b{white-space:nowrap;font-size:15px}
.video-export-dialog .export-notice{padding:10px;margin:0;gap:8px;font-size:14px}
.video-export-dialog .export-notice p{font-size:14px;line-height:1.45;margin:4px 0 0}
.video-export-dialog #video-audio{margin:0;padding:7px;font-size:14px}
.video-export-footer{border-top:1px solid #3b4334;margin-top:16px;padding-top:13px}
.video-export-footer .progress{height:6px;margin:0}
.video-export-dialog #video-status{font-size:14px;line-height:1.4;margin:8px 0;overflow-wrap:anywhere}
.video-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.video-export-actions #video-start{min-width:180px}
@media(max-width:600px){dialog.video-export-dialog{padding:17px}.video-export-layout{grid-template-columns:1fr;gap:14px}.video-export-fields{gap:10px}.video-export-details{gap:8px}.video-export-dialog .export-summary{padding:9px}.video-export-dialog .export-notice{padding:8px}.video-export-heading h2{font-size:24px}.video-export-dialog .video-export-intro{margin:8px 0 12px;font-size:14px}.video-export-footer{margin-top:12px;padding-top:10px}}

@media(min-width:761px){.editor-header .project{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}}

@media(max-width:600px){.video-export-details{gap:6px}.video-export-dialog .export-summary small{line-height:1.3}.video-export-dialog .video-export-intro{margin-bottom:8px}}
@media(max-width:760px){.editor-header .project{display:block;position:relative}.editor-header .project-title-field{width:100%}.editor-header #project-name{padding-right:82px}.editor-header .project-meta{position:absolute;right:7px;top:50%;transform:translateY(-50%);pointer-events:none;margin:0}}
/* Both montage export entry points use the same typography. */
.editor-header nav button[data-act=export],.footer-actions button[data-act=export]{font-family:inherit;font-size:16px;font-weight:650;line-height:1.5;letter-spacing:normal;text-transform:none;color:#202719}
.editor-header nav button[data-act=export]>span,.footer-actions button[data-act=export]>span,.editor-header nav button[data-act=export]>i,.footer-actions button[data-act=export]>i{color:inherit}
.editor-header nav button[data-act=export]>span,.footer-actions button[data-act=export]>span{font:inherit;letter-spacing:inherit}
@media(max-width:760px){.editor-header nav button[data-act=export],.footer-actions button[data-act=export]{font-size:14px}}
/* Before import, use the viewport instead of reserving space for empty tracks. */
.editor-welcome .welcome-open-project{display:flex;margin:0 auto 6px;padding:6px 12px;font-size:16px;color:#d6dfca;border:1px solid #526147;background:#20271d}
.editor-welcome .welcome-open-project:hover{background:#303c26;border-color:var(--accent)}
/* Scale the editing strip by usable window height, not the physical display pixels. */
@container(min-width:600px) and (max-width:800px){
 .preview-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .preview-controls .transport{grid-column:1/-1;grid-row:1}
 .preview-left{grid-column:1;grid-row:2;justify-content:flex-start}
 .preview-right{grid-column:2;grid-row:2;justify-content:flex-end}
}
@media(min-width:761px){
 .workspace:not(.empty-workspace) .film{height:clamp(76px,calc(34dvh - 169px),126.36px)}
 .workspace:not(.empty-workspace) .range-chips{margin-top:clamp(6px,calc(3dvh - 15px),12px)}
 .workspace>.rail>button{flex:1 1 0;min-height:0;max-height:82px;margin:0;padding:3px 0;gap:4px}
 .project{min-width:0;flex:0 1 auto}
 .project-title-field{max-width:100%}
 .project .project-title-field input{max-width:100%}
 .editor-header>nav{flex-shrink:0}
}
.workspace.empty-workspace{height:auto;min-height:calc(100dvh - var(--editor-header-height) - 1px);grid-template-rows:minmax(0,1fr) auto}
.empty-workspace>.rail>button{flex:1 1 0;min-height:0;max-height:82px;margin:0;padding:3px 0;gap:4px}
.empty-workspace>.empty-studio{min-height:0;padding:18px 24px}
@media(max-width:760px){.empty-workspace>.empty-studio{padding:8px 12px}.empty-workspace .editor-welcome .editor-dropzone{padding:12px}}
.empty-workspace .editor-welcome h1{margin:12px 0 10px}
.empty-workspace .editor-welcome>p{margin-bottom:16px}
.empty-workspace .editor-welcome .editor-dropzone{min-height:0;padding:16px 20px;margin-bottom:8px}
.empty-workspace .editor-welcome .editor-dropzone>.upload-btn{margin:10px 0;padding:10px}
.empty-workspace .editor-welcome>small{margin:9px auto 5px}
.empty-workspace>.timeline{height:auto!important;max-height:none;border-top:0}
.empty-workspace>.timeline>.timeline-toolbar,.empty-workspace>.timeline>.source-tracks{display:none}
.empty-workspace .montage-bar{padding:6px 16px;border-top:0;box-shadow:none;background:transparent}
@media(min-width:761px){.workspace.empty-workspace{height:calc(100dvh - var(--editor-header-height) - 1px)}}
@media(max-height:740px){
 .empty-workspace>.empty-studio{padding:12px 16px}
 .empty-workspace .welcome-symbol{width:40px;height:40px;border-radius:12px}
 .empty-workspace .welcome-symbol i{font-size:25px}
 .empty-workspace .editor-welcome h1{font-size:clamp(24px,3vw,32px);margin:8px 0}
 .empty-workspace .editor-welcome>p{margin-bottom:12px}
 .empty-workspace .editor-welcome .editor-dropzone{padding:12px 16px}
}