:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",sans-serif;color:#25253d;background:#f5f5f9;--ink:#20203c;--purple:#6967c9;--lavender:#b4b7f0;--green:#81d680;--line:#e3e3ed;--muted:#626276;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:white;color:#353550;font-size:13px;font-weight:650;transition:background .15s,box-shadow .15s}button:hover{background:#efeffc}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:32px 17px 24px;background:var(--ink);color:white;display:flex;flex-direction:column;z-index:5}.brand{display:block;padding:0 18px}.brand img{display:block;width:150px;height:auto}.workspace{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#c6c6de;margin:37px 12px 17px}.nav{border:0;background:transparent;color:#d2d2e5;display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:14px 12px;margin-bottom:7px;font-size:13px}.nav.active{background:#b4b7f0;color:#20203c}.nav:hover{background:#454563;color:white}.nav.active:hover{background:#c6c8f6;color:#20203c}.upcoming{display:grid;gap:19px;margin:38px 12px;color:#b4b4cc;font-size:12px;font-weight:550}.upcoming p{font-size:10px;letter-spacing:1.4px;margin:0;color:#9696b6}.upcoming small{font-size:10px;color:#9696b6}.local{margin-top:auto;font-size:12px;font-weight:650}.local i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.local span{display:block;font-size:10px;color:#b4b4cd;font-weight:400;margin:7px 0 0 15px}main{margin-left:220px;padding:25px 30px 0;max-width:2000px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#64647c;font-weight:750}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:7px 0;font-weight:760}h2{font-size:19px;font-weight:750;letter-spacing:-.4px;margin:0 0 5px}h3{font-size:16px;font-weight:750;margin:0 0 15px}p{line-height:1.5}header p,.section-title p,.dialog-head p{font-size:13px;color:var(--muted);margin:0}.primary{background:var(--green);border-color:var(--green);color:#18391a;font-weight:750;padding:12px 21px}.primary:hover{background:#9be19a}.secondary{background:white;font-weight:650}.text-button{background:transparent;border-color:transparent;color:#514fa5;padding:7px 8px;font-size:12px;font-weight:700}.steps{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:12px 0;color:#61617b;font-size:11px;font-weight:650}.steps b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e6e6f0;margin-right:5px}.steps .current b{background:var(--lavender);color:var(--ink)}.steps i{height:1px;width:25px;background:#d6d6e4}.steps em{margin-left:auto;font-style:normal;font-size:10px}.presetbar{display:flex;align-items:center;gap:22px;margin-bottom:12px;background:white;border:1px solid var(--line);border-radius:13px;padding:12px 17px}.presetbar>div:first-child{min-width:230px}.dimensions{display:flex;align-items:center;gap:9px}.dimensions input{max-width:82px}.dimensions>span{font-size:12px;margin-top:14px;color:#67677d}label{display:block;font-size:12px;font-weight:700;margin:0 0 6px;color:#40405a}input:not([type=checkbox]):not([type=range]):not([type=color]),select{display:block;width:100%;min-width:0;margin-top:5px;padding:9px 11px;border:1px solid #d8d8e5;border-radius:8px;color:#252540;background:#fff;font-size:13px;font-weight:550;min-height:38px}input:disabled,select:disabled{background:#eeeef6!important;color:#707084!important}.output-lock{margin-left:auto}.dropzone{display:flex;align-items:center;gap:12px;padding:12px 17px;background:#ededf9;border:1px dashed #b6b5d8;border-radius:12px;margin-bottom:15px}.dropzone.over{background:#ddddfb}.dropzone strong{font-size:13px;font-weight:700}.dropzone p{font-size:11px;color:#676780;margin:4px 0 0}.dropzone .primary{background:#6967c9;border-color:#6967c9;color:white;margin-left:auto;font-size:12px}.upload-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#d9daf5;font-size:25px;color:#46449b}.production{width:100%}.editor{border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 3px 14px #20203c05;overflow:hidden}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid var(--line)}.editor-head h2{font-size:16px;margin:5px 0 0;overflow-wrap:anywhere}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.canvas-column{min-width:0;padding:20px;display:flex;flex-direction:column;background:#fafafd}.canvas-shell{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;height:min(50vh,580px);background:#eeeef4;border-radius:12px;padding:22px 50px;overflow:hidden}.stage{position:relative;flex:none;width:100%;max-width:100%;max-height:100%;background:black;overflow:hidden;touch-action:none;cursor:grab;user-select:none;box-shadow:0 6px 25px #20203c14}.stage:active{cursor:grabbing}.stage img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.safe-guide{position:absolute;inset:5%;border:1px dashed #eee2a0;pointer-events:none}.safe-guide span{font-size:9px;position:absolute;top:0;left:0;background:#20203cb0;color:white;padding:2px 4px}.center-cross{position:absolute;inset:0;pointer-events:none}.center-cross:before,.center-cross:after{content:'';position:absolute;background:#b4b7f0}.center-cross:before{width:1px;height:100%;left:50%}.center-cross:after{height:1px;width:100%;top:50%}.media-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);border-radius:50%;width:36px;height:36px;padding:0;font-size:27px;display:grid;place-items:center;background:#ffffffed;box-shadow:0 2px 8px #20203c12}.media-arrow.prev{left:8px}.media-arrow.next{right:8px}.canvas-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#65657d;margin-top:12px}.canvas-caption strong{font-weight:700;white-space:nowrap}.adjustments{border-left:1px solid var(--line);padding:20px;max-height:640px;overflow-y:auto}.adjustments label{margin:13px 0 6px}.adjustments h3{margin:0 0 14px}.help{font-size:11px;line-height:1.55;color:#696980;margin:6px 0 12px}.range-label{display:flex;justify-content:space-between}output{color:#514fa5;font-weight:750}input[type=range]{width:100%;accent-color:#6967c9;margin:6px 0;height:17px}input[type=checkbox]{accent-color:#6967c9;width:15px;height:15px;flex:none;margin:0}.check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;line-height:1.4}.four-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.four-buttons button{font-size:15px;padding:8px 5px}.two-columns,.axis-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.axis-actions{margin-top:15px}.axis-actions button,.two-columns button{font-size:11px;padding:9px 6px}.lock-axes .check{font-size:11px;margin:9px 0}.two-columns label{font-size:10px}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.notes{font-size:11px;color:#71582c;line-height:1.4;margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.notes p{margin:0;background:#fbf3df;padding:7px 10px;border-radius:7px}input[type=color]{width:43px;height:29px;border:1px solid var(--line);vertical-align:middle;margin-left:10px}.filmstrip-panel{margin-top:17px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;gap:12px}.section-title h2{font-size:15px}.section-title p{font-size:11px}.toolbar{display:flex;gap:5px;align-items:center}.count{display:inline-block;background:#ededfa;color:#53519d;font-size:11px;padding:4px 8px;border-radius:6px;margin-left:4px;white-space:nowrap}.grid{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 12px;scroll-behavior:smooth;scroll-snap-type:x proximity}.card{position:relative;border:1px solid var(--line);border-radius:11px;background:white;flex:0 0 145px;overflow:hidden;scroll-snap-align:center}.card.active{outline:2px solid #6967c9;outline-offset:0;background:#f2f1ff}.card .thumb{display:block;width:100%;height:89px;object-fit:contain;background:#eeeef5;padding:5px;cursor:pointer}.select-card{position:absolute;left:6px;top:6px;border-radius:4px;background:white;padding:3px;display:flex;z-index:1}.card .edit-card{position:absolute;right:5px;top:5px;padding:3px 6px;font-size:9px;border-radius:5px}.card-body{padding:9px}.card-body strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:750}.card-body small{display:block;color:#727289;font-size:9px;margin-top:4px}.empty{background:white;border:1px solid var(--line);border-radius:16px;text-align:center;padding:55px 15px;color:#73738b;min-height:330px}.empty-symbol{width:65px;height:65px;margin:0 auto 20px;background:#e9e9fa;border-radius:17px;font-size:32px;color:#6967c9;display:grid;place-items:center}.empty h2{font-size:22px;color:#353551}.empty p{font-size:13px}.no-media+.filmstrip-panel{display:none}.export-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:0;z-index:3;background:#f5f5f9f2;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:13px 0;margin-top:8px}.export-bar strong{font-size:13px;font-weight:750;display:block}.export-bar div>span{font-size:10px;color:#66667f;display:block;margin-top:4px}.export-bar button span{margin-left:17px}.notice{background:#eaeaf9;color:#43436a;padding:12px 15px;border-radius:9px;margin:10px 0;font-size:12px;white-space:pre-line}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:640px;padding:15px 22px;border-radius:12px;z-index:30;background:#20203c;color:white;box-shadow:0 5px 24px #20203c44;font-size:13px;font-weight:550}dialog{border:1px solid #dcdcea;border-radius:19px;width:930px;max-width:94vw;max-height:90vh;padding:27px;color:#292945;box-shadow:0 25px 100px #17173355}dialog::backdrop{background:#20203c88;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px}.dialog-head h2{font-size:27px;letter-spacing:-.8px;margin:8px 0}.close{border:0;border-radius:50%;background:#ededf4;width:30px;height:30px;padding:0;font-size:21px;flex:none}.export-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px}.export-layout label{margin-top:12px}.name-label{margin-top:0!important}#export-name{font-size:15px;font-weight:700;padding:13px}.destination{background:#f3f3fa;border-radius:11px;padding:13px;margin:18px 0 12px}.destination strong{display:block;font-size:12px;overflow-wrap:anywhere;margin:6px 0}.destination button{padding-left:0}.final-preview{background:#f1f1f8;padding:18px;border-radius:13px;align-self:start;text-align:center}.final-preview img{display:block;width:100%;object-fit:contain;max-height:290px;margin:16px 0}.final-preview>div{display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;font-weight:700}.dialog-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;gap:14px}.dialog-footer>span{font-size:11px;color:#686880}#plan-status{font-size:11px;color:#696980;margin:12px 0}#plan-status.error{color:#a62e44}#name-list{max-height:175px;overflow-y:auto}.name-row{border-bottom:1px solid var(--line);padding:9px 0;overflow-wrap:anywhere;font-size:12px;font-weight:650}.name-row small{display:block;color:#987133;font-size:10px;margin-top:4px}.warning{background:#fff3d8;border-radius:9px;padding:12px;line-height:1.5}.recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:17px}.recent-card{text-align:left;padding:23px;border-radius:14px}.recent-card strong{display:block;font-size:17px;margin-bottom:10px}.recent-card small{font-size:11px;color:#6d6d86}.event{display:grid;grid-template-columns:150px 155px 1fr;gap:17px;border:1px solid var(--line);background:white;border-radius:11px;padding:18px;margin-bottom:9px;font-size:12px}.event time{color:#70708a;font-size:11px}.event details{overflow-wrap:anywhere}.event pre{font-family:inherit;white-space:pre-wrap;font-size:11px}#history>.section-title{margin:20px 0}#remote-folder-dialog{width:570px}#remote-folder-dialog p{font-size:13px;color:#62627a}#remote-folder-dialog .primary{margin-top:14px}#remote-folder-dialog details{margin-top:18px;font-size:13px}#remote-folder-dialog summary{cursor:pointer;color:#514fa5;font-weight:700}#remote-folder-dialog details .secondary{margin-top:10px}.busy{cursor:progress}@media(min-width:1600px){.sidebar{width:235px}main{margin-left:235px;padding:30px 40px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 330px}.canvas-shell{height:52vh}}@media(max-width:1150px){.sidebar{width:185px;padding:27px 12px}.brand{padding:0 12px}.brand img{width:135px}main{margin-left:185px;padding:22px 20px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 265px}.adjustments{padding:16px}.canvas-column{padding:15px}.canvas-shell{min-height:310px;padding:20px 43px}.output-lock{font-size:10px}.presetbar{gap:13px}.presetbar>div:first-child{min-width:200px}.steps em{display:none}.canvas-caption{flex-wrap:wrap}.toolbar{gap:0}}@media(max-width:880px){.sidebar{width:155px;padding:25px 9px}.brand img{width:115px}.brand{padding:0 8px}.nav{font-size:11px;padding:12px 8px}.workspace{font-size:8px;margin-left:8px}.upcoming{font-size:10px;gap:17px;margin-left:8px}.local{font-size:10px}.local span{font-size:9px}main{margin-left:155px;padding:18px 15px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 230px}.adjustments{padding:13px}.canvas-shell{min-height:290px;padding:12px 39px}.canvas-column{padding:10px}.output-lock{margin-left:0}.presetbar{flex-wrap:wrap}.presetbar>div:first-child{min-width:180px;flex:1}.steps{font-size:10px;gap:6px}.steps i{width:10px}.dropzone p{max-width:250px}.export-layout{grid-template-columns:1fr}.toolbar .text-button{font-size:10px;padding:5px}.toolbar .secondary{font-size:10px}h1{font-size:26px}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:13px}.brand,.workspace,.upcoming,.local{display:none}nav{display:flex}.nav{margin:0;justify-content:center}main{margin:0;padding:16px 13px 0}.editor-layout{grid-template-columns:1fr}.adjustments{border-left:0;border-top:1px solid var(--line);max-height:none;padding:20px}.canvas-shell{height:340px}.dropzone{flex-wrap:wrap}.dropzone button{margin-left:0!important}.steps{display:none}.section-title{align-items:flex-start}.toolbar{flex-wrap:wrap;justify-content:flex-end}.export-bar div>span{max-width:190px}.export-bar button{padding:12px 17px}.event{grid-template-columns:1fr}.editor-head{padding:15px}.editor-head h2{font-size:14px}}[hidden]{display:none!important}

.center-cross:before,.center-cross:after{display:none}.center-cross.locked-x:before,.center-cross.locked-y:after{display:block}
.has-media .steps{display:none}.has-media .dropzone{padding:8px 15px}.has-media .dropzone p{display:none}.has-media .adjustments{max-height:460px}.has-media .canvas-shell{height:350px;min-height:290px}.grid{position:relative}
@media(min-width:1500px){.has-media .adjustments{max-height:560px}.has-media .canvas-shell{height:440px}}
/* Assistente de Edições */
.line-icon{width:21px;height:21px;flex:none;vertical-align:middle}.brand img{width:90px}.brand{margin-top:16px}.sidebar-toggle{align-self:flex-end;background:transparent;border:0;color:#d9d9ed;padding:6px}.sidebar-toggle:hover{background:#41415b}.workspace{margin-top:24px;letter-spacing:1px}.upcoming>span{display:flex;align-items:center;gap:11px;line-height:1.5}.upcoming>span>span{display:inline}.upcoming p{font-size:12px;letter-spacing:0;font-weight:700}.local{display:flex;align-items:center}.local span{margin:0;font-size:10px;line-height:1.7}.save-status{text-align:right;font-size:11px;color:var(--muted);margin:-4px 0 10px}.save-status em{font-style:normal}.step-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:0;color:var(--ink)}.step-label b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--lavender);color:var(--ink)}.empty{min-height:390px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:2px dashed #d1d1e5}.empty .step-label{margin-bottom:24px}.empty .empty-symbol{margin-bottom:15px}.empty .help{font-size:11px;margin:18px 0 0}.empty:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.drop-target.over{background:#e7e7ff;outline:3px solid var(--purple);outline-offset:3px}.filmstrip-panel{border-radius:13px;padding:10px 0}.add-card{flex:0 0 145px;min-height:135px;border:2px dashed #c5c5e2;background:#f0f0fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.add-card>span{font-size:27px;color:var(--purple)}.add-card strong{font-size:11px}.add-card small{font-size:10px;color:var(--muted)}.export-bar div>.step-label{display:flex;color:var(--ink);font-size:12px;margin:0 0 5px}.export-bar strong{font-size:11px}.export-bar .step-label b{width:21px;height:21px}#logo-handle{position:absolute;z-index:2;cursor:move;border:1px dashed #b4b7f0;box-shadow:0 0 0 1px #20203c66;touch-action:none}#logo-handle:hover{outline:2px solid #b4b7f0}.logo-settings h3{font-size:14px}.logo-settings output{float:right}.sidebar-collapsed .sidebar{width:72px;padding:20px 10px}.sidebar-collapsed main{margin-left:72px}.sidebar-collapsed .workspace,.sidebar-collapsed .brand,.sidebar-collapsed .nav span,.sidebar-collapsed .upcoming p,.sidebar-collapsed .upcoming>span>span,.sidebar-collapsed .local{display:none}.sidebar-collapsed .sidebar-toggle{align-self:center;margin-bottom:28px}.sidebar-collapsed .nav{justify-content:center;padding:14px 8px}.sidebar-collapsed .upcoming{margin:35px 0;gap:25px;justify-items:center}.sidebar-collapsed .upcoming>span{padding:6px}.has-media .presetbar{margin-bottom:12px}@media(max-width:1150px){.brand img{width:81px}}@media(max-width:880px){.brand img{width:69px}}@media(max-width:650px){.sidebar-toggle{align-self:auto}.sidebar{flex-direction:row;align-items:center}.sidebar nav{flex:1}.sidebar-collapsed .sidebar{width:auto;padding:13px}.sidebar-collapsed main{margin-left:0}.sidebar-collapsed .sidebar-toggle{margin:0}.sidebar-collapsed .upcoming{display:none}.sidebar-collapsed .nav span{display:inline}.empty{min-height:330px}}
/* IC navigation and restrained motion */
:root{--section-color:#81d680;--motion:cubic-bezier(.2,.7,.2,1)}
.sidebar{width:235px;padding:18px 12px;transition:width .24s var(--motion),box-shadow .24s;overflow:hidden}.brand,.sidebar-collapsed .brand{display:block;margin:0;padding:0;position:absolute;top:17px;left:14px;width:44px;height:44px}.brand img,.sidebar-collapsed .brand img{width:44px;height:44px}.sidebar-toggle{margin:0 0 22px auto;height:36px}.workspace{height:34px;margin:12px 10px 18px;font-size:12px;letter-spacing:0;line-height:1.4;white-space:nowrap}.sidebar nav{margin-top:6px}.sidebar .nav{position:relative;min-height:48px;white-space:nowrap}.nav[data-view=studio].active:after{content:'';position:absolute;right:9px;width:5px;height:22px;border-radius:4px;background:var(--section-color)}.category-badge{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:9px;background:var(--section-color);color:#17371b;font-size:12px;font-weight:750;transition:background .2s,color .2s}.category-badge.utility{background:#e6e6f1;color:#454560}.sidebar-collapsed .sidebar{width:72px;padding:18px 10px}.sidebar-collapsed .sidebar-toggle{margin:52px auto 0;align-self:center}.sidebar-collapsed .workspace{display:block;height:0;margin:0;opacity:0}.sidebar-collapsed .nav span,.sidebar-collapsed .upcoming>span>span{display:block;max-width:0;opacity:0;overflow:hidden}.sidebar .nav span,.sidebar .upcoming>span>span{transition:opacity .18s var(--motion),max-width .24s;max-width:180px}.sidebar-collapsed .nav{justify-content:flex-start;padding:14px 12px;gap:11px}.sidebar-collapsed .upcoming{justify-items:stretch;margin:35px 0;gap:19px}.sidebar-collapsed .upcoming>span{padding:6px 12px;gap:11px;white-space:nowrap}.sidebar-collapsed .sidebar:hover,.sidebar-collapsed .sidebar:focus-within{width:235px;box-shadow:10px 0 30px #20203c18}.sidebar-collapsed .sidebar:hover .nav span,.sidebar-collapsed .sidebar:focus-within .nav span,.sidebar-collapsed .sidebar:hover .upcoming>span>span,.sidebar-collapsed .sidebar:focus-within .upcoming>span>span{max-width:180px;opacity:1}.sidebar-collapsed .sidebar:hover .workspace,.sidebar-collapsed .sidebar:focus-within .workspace{height:34px;margin:12px 10px 18px;opacity:1}.sidebar-collapsed .sidebar:hover .upcoming p,.sidebar-collapsed .sidebar:focus-within .upcoming p{display:block;padding-left:12px}.sidebar-collapsed .sidebar:hover .local,.sidebar-collapsed .sidebar:focus-within .local{display:flex}.sidebar-collapsed .nav[data-view=studio].active:after{right:3px;width:3px}.sidebar-collapsed .sidebar:hover .nav.active:after{right:9px;width:5px}main{margin-left:235px;transition:margin-left .24s var(--motion)}.sidebar-collapsed main{margin-left:72px}
.media-arrow{width:46px;height:46px;display:grid;place-items:center;line-height:1;padding:0;transition:background .18s,box-shadow .18s,opacity .18s}.media-arrow svg{display:block;width:26px;height:26px}.media-arrow.prev{left:5px}.media-arrow.next{right:5px}.media-arrow:hover:not(:disabled){background:#fff;box-shadow:0 4px 14px #20203c22}.media-arrow:active{transform:translateY(-50%) scale(.94)}
button,a,input,select,.card,.drop-target{transition:background-color .2s var(--motion),border-color .2s,box-shadow .2s,opacity .2s,outline-color .2s}.card{outline:2px solid transparent;outline-offset:0}.card.active{outline-color:#6967c9;box-shadow:0 3px 12px #6967c922}.card.selected{border-color:#aaa8dc}.card:hover{border-color:#6967c9;box-shadow:0 3px 12px #20203c12}input[type=checkbox]{transition:filter .18s;cursor:pointer}input[type=checkbox]:checked{filter:drop-shadow(0 1px 3px #6967c933)}input[type=range]::-webkit-slider-thumb{transition:box-shadow .18s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #6967c91a}button:active:not(.media-arrow){transform:scale(.98)}.view:not([hidden]){animation:appear .22s var(--motion)}dialog[open]{animation:dialog-in .24s var(--motion)}dialog[open]::backdrop{animation:appear .24s}.toast:not([hidden]),.notice:not([hidden]),#logo-controls:not([hidden]),#background-controls:not([hidden]){animation:appear .2s var(--motion)}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:650px){.sidebar,.sidebar-collapsed .sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:64px;padding:16px 6px}.sidebar nav{display:block;flex:0}.sidebar .brand{display:block;left:10px}.sidebar .sidebar-toggle{margin:52px auto 0}.sidebar-collapsed main,main{margin-left:64px}.sidebar-collapsed .nav span{display:block}.sidebar .upcoming{display:grid}.sidebar-collapsed .sidebar:hover,.sidebar-collapsed .sidebar:focus-within{width:225px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sidebar .sidebar-toggle{margin:52px auto 0;align-self:center}.sidebar .workspace{transition:height .24s var(--motion),margin .24s var(--motion),opacity .18s}.sidebar .nav span,.sidebar .upcoming>span>span{flex-shrink:1}.sidebar .upcoming{transition:margin .24s var(--motion)}
/* V1.4: direct controls and resilient layout */
:root{--sidebar-width:204px}html,body{max-width:100%;overflow-x:clip}main{max-width:none;min-width:0;margin-left:var(--sidebar-width);padding:24px clamp(14px,2.3vw,36px) 0}.sidebar-collapsed main{margin-left:72px}.sidebar,.sidebar-collapsed .sidebar:hover,.sidebar-collapsed .sidebar:focus-within{width:var(--sidebar-width);padding:18px 12px 64px}.sidebar-collapsed .sidebar{width:72px;padding:18px 10px 64px}.sidebar .brand,.sidebar-collapsed .brand{left:50%;transform:translateX(-50%);top:20px;width:44px;height:44px;transition:left .24s var(--motion)}.sidebar .workspace,.sidebar-collapsed .sidebar:hover .workspace,.sidebar-collapsed .sidebar:focus-within .workspace{position:absolute;top:77px;left:10px;right:10px;margin:0;text-align:center;height:34px;white-space:normal;font-size:11px}.sidebar-collapsed .workspace{opacity:0}.sidebar nav,.sidebar-collapsed .sidebar nav{margin-top:112px;flex:none;width:100%}.sidebar .nav,.sidebar-collapsed .nav{min-height:39px;padding:9px 12px;margin:0 0 10px;gap:12px;font-size:12px;background:transparent;color:#c9c9df;border-radius:7px}.sidebar .nav:hover{background:#ffffff08;color:white}.sidebar .nav.active{background:transparent;color:white}.sidebar .nav.active:after,.sidebar-collapsed .nav.active:after,.sidebar .nav[data-view=studio].active:after,.sidebar-collapsed .sidebar:hover .nav.active:after{content:'';position:absolute;left:13px;right:auto;bottom:1px;top:auto;width:19px;height:3px;border-radius:3px;background:#b4b7f0}.sidebar .nav[data-view=studio].active:after{background:var(--section-color)}.sidebar .line-icon{width:19px;height:19px}.sidebar .upcoming,.sidebar-collapsed .sidebar:hover .upcoming,.sidebar-collapsed .sidebar:focus-within .upcoming{display:grid;margin:48px 0 0;gap:19px;color:#8989a5;opacity:.75;justify-items:stretch}.sidebar-collapsed .upcoming{display:none}.sidebar .upcoming>span,.sidebar-collapsed .upcoming>span{padding:0 12px;gap:12px;white-space:normal;font-size:11px;line-height:1.4}.sidebar .upcoming p{padding-left:12px;margin:0}.sidebar .local{display:none!important}.sidebar .sidebar-toggle,.sidebar-collapsed .sidebar-toggle{position:absolute;bottom:17px;right:14px;margin:0;padding:5px;width:28px;height:28px;align-self:auto;opacity:.65}.sidebar-toggle .line-icon{width:17px;height:17px}header{align-items:center;gap:20px}header>div{text-align:right;margin-left:auto;order:2;min-width:0}header>#new-job{order:1;flex:none}h1{font-size:clamp(29px,3vw,44px);font-weight:800;letter-spacing:-1.3px}header p{max-width:580px}.presetbar{flex-wrap:wrap;gap:15px;min-width:0}.presetbar>div:first-child{min-width:180px}.output-lock{margin-left:0;white-space:nowrap;align-self:center}.output-lock .line-icon{width:17px;height:17px}.dimensions{flex-wrap:wrap}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(245px,300px);min-width:0}.canvas-column,.adjustments,.production,.editor,.filmstrip-panel,.section-title>div{min-width:0}.canvas-shell{width:100%}.adjustments{max-width:100%;overflow-x:hidden}.two-columns:has(#pos-x){display:block}.value-control{display:flex;align-items:center;gap:12px;min-width:0}.range-track{position:relative;display:flex;align-items:center;flex:1;min-width:50px;height:40px}.number-unit{display:flex;align-items:center;gap:3px;flex:0 0 81px;color:var(--muted);font-size:11px}.number-unit input[type=number]{width:64px!important;min-height:35px!important;padding:5px!important;text-align:center;font-weight:750!important;margin:0!important}.range-track input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:38px;cursor:pointer;margin:0;position:relative;z-index:1;accent-color:initial}.range-track input[type=range]::-webkit-slider-runnable-track{height:5px;background:#d6d6e4;border-radius:4px}.range-track input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:2px solid #6967c9;background:white;border-radius:50%;margin-top:-8px;box-shadow:0 2px 5px #20203c22}.range-track input[type=range]::-moz-range-track{height:5px;background:#d6d6e4;border-radius:4px}.range-track input[type=range]::-moz-range-thumb{width:19px;height:19px;border:2px solid #6967c9;background:white;border-radius:50%}.range-track input:disabled{opacity:.4}.center-tick{position:absolute;left:50%;top:12px;height:16px;width:2px;background:#6967c9;pointer-events:none}.center-caption{display:block;width:calc(100% - 93px);text-align:center;font-size:9px;color:#77758e;margin-top:-5px;margin-bottom:9px}#zoom-value,#logo-size-value{display:none}#live-preview{display:block;width:100%;height:100%;pointer-events:none}.grid{user-select:none;min-height:150px;padding:8px 5px 20px;touch-action:pan-x;overflow-y:hidden}.grid .card.selected{background:#e8e7fa;border-color:#6967c9;box-shadow:inset 0 0 0 1px #6967c9}.grid .card.active{outline-color:#6967c9}#selection-box{position:absolute;z-index:4;background:#6967c926;border:1px solid #6967c9;pointer-events:none;border-radius:3px}.notes p{display:flex;gap:5px}.history-actions{display:flex;flex-wrap:wrap;gap:7px}.event{grid-template-columns:20px 130px 140px minmax(0,1fr)}.event>input{margin-top:2px}.section-title{flex-wrap:wrap}.export-bar{gap:12px}.upcoming>span{cursor:default}
@media(max-width:1100px){.editor-layout{grid-template-columns:minmax(0,1fr) 260px}.canvas-column{padding:10px}.adjustments{padding:14px}.presetbar>div:first-child{flex:1}.canvas-caption{flex-wrap:wrap}.has-media .canvas-shell{height:330px}}
@media(max-width:930px){.editor-layout{grid-template-columns:minmax(0,1fr)}.adjustments,.has-media .adjustments{border-left:0;border-top:1px solid var(--line);max-height:none;overflow:visible;display:block;padding:20px}.canvas-shell,.has-media .canvas-shell{height:360px;min-height:230px}.value-control{max-width:560px}.center-caption{max-width:467px}.event{grid-template-columns:20px minmax(0,1fr)}.event details{grid-column:2}.filmstrip-panel .toolbar{flex-wrap:wrap}}
@media(max-width:650px){.sidebar,.sidebar-collapsed .sidebar{position:fixed;flex-direction:column;inset:0 auto 0 0}.sidebar nav{display:block}.sidebar .brand{display:block}.sidebar-collapsed main{margin-left:72px}main{margin-left:204px;padding:18px 12px 0}.sidebar .workspace{display:block}.sidebar-collapsed .upcoming{display:none}.sidebar-collapsed .sidebar:hover .upcoming,.sidebar-collapsed .sidebar:focus-within .upcoming{display:grid}.sidebar .upcoming>span>span{display:block}header{flex-wrap:wrap;gap:12px}header>div{order:1;width:100%}header>#new-job{order:2;margin-left:auto}h1{font-size:29px}.dimensions input{max-width:76px}.presetbar{padding:12px;gap:10px}.presetbar>div:first-child{min-width:0;flex-basis:100%}.canvas-shell,.has-media .canvas-shell{height:270px;padding:12px 36px}.media-arrow{width:34px;height:34px}.media-arrow svg{width:22px;height:22px}.media-arrow.prev{left:1px}.media-arrow.next{right:1px}.canvas-caption strong{white-space:normal}.export-bar{align-items:flex-start;flex-wrap:wrap}.export-bar .primary{margin-left:auto}.adjustments,.has-media .adjustments{padding:14px}.number-unit{flex-basis:75px}.number-unit input[type=number]{width:58px!important}}
/* V1.4.1 — larger preview and section-colored navigation */
header>div{text-align:left;margin-left:0;order:1}header>#new-job{order:2;margin-left:auto}h1{font-size:30px;font-weight:760;letter-spacing:-1px}#center-cross{display:none!important}.editor-layout{grid-template-columns:minmax(0,1fr) 270px}.canvas-column{padding:12px}.canvas-shell,.has-media .canvas-shell{height:clamp(420px,62vh,680px);min-height:420px;padding:16px 50px}.adjustments,.has-media .adjustments{max-height:calc(clamp(420px,62vh,680px) + 95px)}
body:not(.sidebar-collapsed) .sidebar .nav[data-view=studio].active,.sidebar-collapsed .sidebar:hover .nav[data-view=studio].active,.sidebar-collapsed .sidebar:focus-within .nav[data-view=studio].active{background:var(--section-color);color:#17371b}
.sidebar-collapsed .sidebar:hover .nav[data-view=studio].active:after,.sidebar-collapsed .sidebar:focus-within .nav[data-view=studio].active:after{background:var(--section-color)}
@media(max-width:930px){.editor-layout{grid-template-columns:minmax(0,1fr)}.adjustments,.has-media .adjustments{max-height:none}.canvas-shell,.has-media .canvas-shell{height:clamp(380px,60vh,560px);min-height:380px}}
@media(max-width:650px){h1{font-size:26px}header>div{width:auto;flex:1;min-width:180px}.canvas-shell,.has-media .canvas-shell{height:360px;min-height:320px;padding:12px 36px}}
/* Sidebar pin state: green only while explicitly pinned open. */
body:not(.sidebar-collapsed) .sidebar .sidebar-toggle{color:#81d680;opacity:1}
body.sidebar-collapsed .sidebar .sidebar-toggle{color:#d9d9ed;opacity:.65}
/* Illustrated screen-format buttons */
.presetbar .format-picker{flex:1 1 100%;min-width:0}.format-label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.format-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.format-button{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:69px;padding:11px 13px;text-align:left;border:1px solid #dedee9;background:#fafafd;color:#55556f;border-radius:11px}.format-button svg{width:32px;height:32px;flex:none}.format-button span{font-size:12px;font-weight:700}.format-button small{display:block;font-size:10px;font-weight:500;margin-top:4px;color:#77778b}.format-button[aria-pressed=true]{background:#e3f3e2;border-color:#81d680;color:#234c28;box-shadow:inset 0 0 0 1px #81d680}.format-button[aria-pressed=true] small{color:#47704a}.format-button:hover:not(:disabled){border-color:#81d680;background:#edf7ec}.presetbar .dimensions{margin-bottom:0}.presetbar .output-lock{margin-left:4px}@media(max-width:800px){.format-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.format-button{padding:10px;gap:8px}}@media(max-width:420px){.format-button{flex-direction:column;align-items:flex-start}.format-button span{font-size:11px}.format-button small{font-size:9px}}
.filmstrip-track{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;align-items:center}.strip-arrow{width:36px;height:36px;padding:6px;border-radius:50%;display:grid;place-items:center}.strip-arrow svg{width:22px;height:22px}.strip-arrow:disabled{opacity:.25}.grid .card{cursor:grab}.grid .card .thumb{cursor:grab}.media-ordinal{position:absolute;top:6px;left:30px;min-width:17px;height:17px;padding:2px 4px;background:#20203cc9;color:white;border-radius:4px;font-size:10px;pointer-events:none}.being-moved{opacity:.4}#reorder-marker{position:absolute;top:3px;bottom:15px;width:3px;border-radius:3px;background:#6967c9;z-index:5;pointer-events:none}#reorder-ghost{position:fixed;z-index:40;padding:9px 13px;background:#20203c;color:white;border-radius:9px;font-size:12px;pointer-events:none;box-shadow:0 4px 15px #20203c33}.reordering,.reordering *{cursor:grabbing!important;user-select:none!important}.reordering .grid{scroll-behavior:auto;scroll-snap-type:none}

.system-version{position:absolute;bottom:20px;left:12px;color:#b4b7f0;font-size:10px;font-weight:650;line-height:18px;white-space:nowrap;letter-spacing:0;pointer-events:none}.sidebar-collapsed .system-version{left:8px;font-size:9px}.export-complete{display:flex;gap:9px;align-items:center;color:#237c35;font-size:14px;font-weight:750;padding:12px 0;animation:completion-in .2s ease-out}.export-complete svg{width:36px;height:36px;padding:7px;border-radius:50%;background:#81d680}.export-complete[hidden]{display:none}@keyframes completion-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.export-complete{animation:none}}
/* V1.6.3 — transição da barra lateral.
   Recolhida + mouse: abre POR CIMA do conteúdo (a página não se desloca), com espera curta para não abrir
   de raspão. Os nomes entram durante o movimento e terminam junto com a barra (240ms); ao recolher somem
   antes. Só a opacidade anima nos nomes (a largura não "cresce"), o que mantém tudo leve.
   Sem body:has(.sidebar:hover/:focus-within): essas regras faziam o navegador reavaliar a página inteira
   a cada hover/foco (até 150ms travado com a prévia tocando). A página não se desloca porque nenhuma
   regra muda a margem do main com a barra recolhida. */
.sidebar-collapsed .sidebar:hover{transition-delay:.08s}
.sidebar .workspace,.sidebar .upcoming>span,.sidebar .nav{white-space:nowrap}
.sidebar .nav span,.sidebar .upcoming>span>span,.sidebar .workspace{transition:opacity .08s linear,max-width 0s}
.sidebar-collapsed .sidebar:hover .nav span,.sidebar-collapsed .sidebar:hover .upcoming>span>span,.sidebar-collapsed .sidebar:hover .workspace,
.sidebar-collapsed .sidebar:focus-within .nav span,.sidebar-collapsed .sidebar:focus-within .upcoming>span>span,.sidebar-collapsed .sidebar:focus-within .workspace{transition:opacity .14s var(--motion) .18s,max-width 0s .08s}
body:not(.sidebar-collapsed) .sidebar .nav span,body:not(.sidebar-collapsed) .sidebar .upcoming>span>span,body:not(.sidebar-collapsed) .sidebar .workspace{transition:opacity .14s var(--motion) .1s,max-width 0s}
.sidebar-collapsed .sidebar:hover .upcoming,.sidebar-collapsed .sidebar:focus-within .upcoming{animation:sidebar-itens .14s var(--motion) .18s both}
@keyframes sidebar-itens{from{opacity:0}to{opacity:.75}}
/* Vetorização MS6 */
:root{--ms6-color:#b4b7f0}.category-badge.ms6{background:var(--ms6-color);color:var(--ink)}body:not(.sidebar-collapsed) .sidebar .nav[data-view=vector].active,.sidebar-collapsed .sidebar:hover .nav[data-view=vector].active,.sidebar-collapsed .sidebar:focus-within .nav[data-view=vector].active{background:var(--ms6-color);color:var(--ink)}
#vector-editor{margin-bottom:8px}.vector-views{display:flex;gap:4px;background:#f0f0f6;border-radius:10px;padding:3px}.vector-views button{border:0;background:transparent;padding:7px 12px;font-size:12px}.vector-views button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #20203c1f;color:var(--ink)}
.vector-shell{background:#d4d7dc;background-image:linear-gradient(135deg,#e4e6ea 0%,#c3c7cd 100%)}#vector-svg,#vector-original{display:block;width:100%;height:100%;object-fit:contain}#vector-svg path{fill:#2b2d33;stroke:none}.vector-shell.outline #vector-svg path{fill:#6967c914;stroke:#6967c9;stroke-width:var(--stroke,.08)}.vector-shell.original{background:#fff;background-image:repeating-conic-gradient(#eeeef4 0 25%,#fff 0 50%);background-size:18px 18px}.vector-busy{position:absolute;top:12px;right:14px;background:#20203cd0;color:white;font-size:11px;padding:5px 10px;border-radius:7px}
.mm-unit{flex:none;max-width:140px}.mm-unit input[type=number]{width:96px!important}#vector .adjustments .check{margin:10px 0}#vector-replace{width:100%;margin-bottom:6px}#vector .help{margin-bottom:6px}
.filename{display:flex;align-items:center;gap:8px}.filename input{font-size:15px;font-weight:700}.filename span{font-weight:700;color:var(--muted)}#vector-dialog{width:600px}
#vector-threshold:disabled{background:transparent!important}
/* Logo EAP */
:root{--eap-color:#f0c96e}.category-badge.eap{background:var(--eap-color);color:#4a3508}body:not(.sidebar-collapsed) .sidebar .nav[data-view=eap].active,.sidebar-collapsed .sidebar:hover .nav[data-view=eap].active,.sidebar-collapsed .sidebar:focus-within .nav[data-view=eap].active{background:var(--eap-color);color:#3d2c06}
#eap-editor{margin-bottom:8px}.eap-modes button{display:flex;flex-direction:column;align-items:center;line-height:1.2}.eap-modes small{font-size:9px;font-weight:750;color:#3c7a3f;margin-top:2px}
.eap-quality{margin:0 0 12px;padding:10px 13px;border-radius:9px;font-size:12px;font-weight:600;background:#e3f3e2;color:#234c28}.eap-quality.warn{background:#fbf0d6;color:#6b4d12}
.eap-tiles{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.eap-tiles figure{margin:0}.eap-tile{aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center}.eap-tile img{display:block;width:100%;height:100%;object-fit:contain}.eap-tile.white{background:#fff}.eap-tile.black{background:#000}.eap-tile.transparent{background:#fff;background-image:repeating-conic-gradient(#e2e2ea 0 25%,#fff 0 50%);background-size:20px 20px}.eap-tiles figcaption{font-size:11px;font-weight:700;color:var(--muted);text-align:center;margin-top:7px}
#eap-threshold:disabled,#eap-colors:disabled{background:transparent!important}#eap .adjustments .check{margin:10px 0}#eap-replace{width:100%;margin-bottom:6px}#eap .help{margin-bottom:6px}#eap-lighten-label.attention{background:#fbf0d6;border-radius:8px;padding:8px}
#eap-dialog{width:620px}.eap-versions{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:16px 0 8px}.eap-file-list{font-size:11px;color:var(--muted);white-space:pre-line;margin:6px 0 0;line-height:1.6}
@media(max-width:930px){.eap-tiles{grid-template-columns:1fr 1fr}}
.eap-bg{margin-bottom:6px}.eap-bg button{flex:1;padding:7px 6px;font-size:11px}#eap-pick-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}#eap-pick-controls[hidden]{display:none}
.eap-picker{margin:0 0 14px;padding:12px;border:2px dashed #c9a43f;border-radius:12px;background:#fffaf0}.eap-picker-frame{position:relative;width:fit-content;max-width:100%;margin:0 auto;cursor:crosshair;background:repeating-conic-gradient(#e2e2ea 0 25%,#fff 0 50%);background-size:16px 16px}.eap-picker-frame img{display:block;max-width:100%;max-height:280px;min-height:160px;image-rendering:auto}.eap-picker .help{text-align:center;margin:8px 0 0}
#eap-pick-marks span{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #20203c,0 2px 6px #0006;pointer-events:none}
.eap-outline-color{display:flex;align-items:center;justify-content:space-between;gap:8px}.eap-outline-color input[type=color]{margin:0}

/* Video controls retain the image editor's colors and readable labels. */
.video-timeline{padding:18px 20px;border:1px solid var(--line,#dedfec);border-radius:12px;background:#fff;margin-top:14px}
.video-timeline h3{margin:0;font-size:14px}.timeline-heading,.playback-row,.timeline-foot,.timeline-scale{display:flex;align-items:center;justify-content:space-between;gap:12px}
.timeline-heading{flex-wrap:wrap}.playback-row{margin:16px 0}.playback-row input{flex:1;min-width:60px}.playback-row output{white-space:nowrap;font-variant-numeric:tabular-nums}.playback-row label{font-size:12px}
.trim-track{position:relative;height:36px;margin:20px 8px 4px;border-radius:7px;background:repeating-linear-gradient(90deg,#e4e5ed 0,#e4e5ed 19px,#d9dae5 19px,#d9dae5 20px)}
.trim-selection{position:absolute;height:100%;background:#dff1df;border:2px solid #80d181;border-radius:5px;pointer-events:none}
.trim-track input[type=range]{position:absolute;left:0;top:0;width:100%;height:36px;margin:0;padding:0;appearance:none;background:transparent;pointer-events:none;border:0;box-shadow:none}
.trim-track input::-webkit-slider-thumb{appearance:none;width:12px;height:44px;border:2px solid #24692d;border-radius:4px;background:#82d583;pointer-events:auto;cursor:ew-resize}
.trim-track input::-moz-range-thumb{width:10px;height:40px;border:2px solid #24692d;border-radius:4px;background:#82d583;pointer-events:auto;cursor:ew-resize}
.trim-track input:focus-visible{outline:2px solid #7771ca;outline-offset:6px}.timeline-scale{font-size:11px;color:#595c76}.timeline-fields{display:grid;grid-template-columns:repeat(3,minmax(75px,1fr)) 1.1fr;gap:14px;margin-top:16px}
.timeline-fields label{font-size:12px}.timeline-fields input{width:100%;margin-top:6px}.speed-summary{display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:12px}.speed-summary strong{font-size:14px}.timeline-foot{margin-top:14px;flex-wrap:wrap}
.video-warning{font-size:12px;line-height:1.6;background:#fff3dd;color:#765200;border-radius:8px;padding:10px 12px}.export-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.audio-action,.audio-status{display:inline-flex;align-items:center;gap:8px}.audio-status{font-size:12px;font-weight:600;white-space:nowrap}.audio-icon{width:22px;height:22px;flex-shrink:0}.audio-cross{stroke:#d43636}.audio-action[aria-pressed=true]{background:#fff2f1;border-color:#e5b1ad}.audio-action:disabled{opacity:.5}.video-editor .export-bar{gap:16px}.video-editor .canvas-column{min-width:0}.video-editor .editor-layout{align-items:start}
#final-video-canvas{max-width:100%;max-height:360px;object-fit:contain;background:#000;border-radius:8px}#final-video-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#final-video-scrub{flex:1;min-width:100px}.dialog-footer{flex-wrap:wrap}.video-editor #video-options input{width:100%;margin-top:8px}
[hidden]{display:none!important}
@media(max-width:900px){.timeline-fields{grid-template-columns:repeat(2,minmax(90px,1fr))}.playback-row{flex-wrap:wrap}.video-editor .export-bar{flex-wrap:wrap}.audio-status{font-size:11px}.export-actions{gap:8px}.timeline-heading .help{font-size:11px}}
@media(min-width:901px){.video-editor.has-media .canvas-shell{height:clamp(260px,34vh,360px);min-height:260px}.video-editor.has-media .adjustments{max-height:720px}}
/* One continuous track: borders mark cuts; insertion lines show magnetic snap. */
.montage-scroll{overflow-x:auto;padding:6px 0 10px}
.montage-track{display:flex;gap:0;min-width:100%;align-items:stretch}
.montage-block{position:relative;flex-basis:0;min-width:72px;min-height:84px;padding:9px 8px;border:1px solid #b5c5bc;border-radius:0;background:#e5f2e8;overflow:visible;text-align:left;cursor:grab;color:#163624}
.montage-block:first-child{border-radius:7px 0 0 7px}.montage-block:last-child{border-radius:0 7px 7px 0}.montage-block:only-child{border-radius:7px}
.montage-block+.montage-block{border-left:2px solid #419660}
.montage-block img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;pointer-events:none}
.montage-block strong,.montage-block span,.montage-block small{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.montage-block span{font-size:11px;margin:5px 0}.montage-block small{font-size:12px;font-weight:600}
.montage-block.selected{box-shadow:inset 0 0 0 2px #3b8e53;background:#d6ebda}.montage-block.dragging{opacity:.55}
.montage-block.snap-before::before,.montage-block.snap-after::after{content:'';position:absolute;top:-6px;bottom:-6px;width:3px;background:#16a268;z-index:3;box-shadow:0 0 0 2px #fff}
.montage-block.snap-before::before{left:-2px}.montage-block.snap-after::after{right:-2px}
.montage-tools{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.montage-tools button{padding:8px 11px;font-size:12px}
.snap-status{color:#267e40;font-size:11px;white-space:nowrap}.video-timeline #montage-scrub{width:100%;accent-color:#45995c}
.video-timeline .timeline-heading{gap:10px;flex-wrap:wrap}
.montage-block:active:not(.media-arrow){transform:none}.montage-block.locked{background:#e8e9ee;cursor:default}.track-properties{display:flex;align-items:center;gap:8px;margin:6px 0}.track-properties .help{margin:0}.track-property{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:11px}.track-property svg{width:17px;height:17px}.track-property[aria-pressed=true]{border-color:#7ebc87;background:#e9f5e9}.video-preview-hidden #safe-guide,.video-preview-hidden #logo-handle{display:none!important}
.video-shortcuts{font-size:12px;margin:10px 0}.video-shortcuts summary{cursor:pointer;color:#4e5574}.shortcut-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;padding:12px 0}.shortcut-list kbd{display:inline-block;background:#f2f3f8;border:1px solid #d7d9e4;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:11px}.shortcut-hint{font-size:10px;opacity:.65;margin-left:6px}
.montage-track{position:relative;padding-top:26px}.montage-ruler{position:absolute;left:0;right:0;top:0;height:22px;border-bottom:1px solid #ced2df;cursor:crosshair}.montage-tick{position:absolute;top:0;color:#68708c;font-size:10px;transform:translateX(-50%);pointer-events:none}.montage-tick:first-child{transform:none}.montage-tick:last-child{transform:translateX(-100%)}
.montage-playhead{position:absolute;top:0;bottom:0;width:16px;transform:translateX(-50%);z-index:4;cursor:ew-resize;touch-action:none;outline:none}.montage-playhead::after{content:'';position:absolute;top:13px;bottom:0;left:7px;width:2px;background:#a12d44;box-shadow:0 0 0 1px #ffffffb3;pointer-events:none}.playhead-grip{position:absolute;left:2px;top:0;width:12px;height:16px;background:#a12d44;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);border-radius:2px;pointer-events:none}.montage-playhead:focus-visible .playhead-grip{background:#511c83}
.video-top{display:block}.video-preview-area{min-width:0}.composition-editor .video-top{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:start}.media-library{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:0}.library-heading{display:flex;justify-content:space-between;gap:5px;align-items:center}.library-heading h3{font-size:13px;margin:0}.library-heading button{padding:6px;font-size:11px}.library-items{display:grid;gap:8px;max-height:340px;overflow:auto;margin-bottom:10px}.library-card{padding:5px;border-radius:7px;text-align:left;width:100%;min-width:0;cursor:grab}.library-card img{display:block;width:100%;height:66px;object-fit:contain;background:#eeeef4;border-radius:4px}.library-card strong,.library-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin:5px 2px}.library-card small{color:#686880;font-size:9px}.library-card.selected{border-color:#62a974;background:#e9f6e9}.media-library>.help{font-size:10px}.media-library #save-composition{width:100%;font-size:11px;padding:8px}.composition-editor #filmstrip{display:none}.composition-editor .canvas-shell{height:320px;min-height:250px}.composition-position{padding:12px 4px 0}.composition-position label{margin:0;font-size:12px}.composition-position strong{font-size:12px;font-variant-numeric:tabular-nums}.composition-position .playback-row{margin:9px 0 0}.composition-position input{accent-color:#49945e}.composition-position button{font-size:11px;padding:8px 10px}.composition-editor .montage-tools{margin:12px 0}.composition-editor .montage-tools kbd{font:inherit;opacity:.55;font-size:10px;margin-left:5px}.composition-editor .video-timeline{padding:15px}.composition-editor .timeline-heading h3{margin:0}.layered-timeline{position:relative;overflow:auto;margin:14px 0 7px;background:#f7f8fa;border:1px solid #dfe2e9;border-radius:8px;max-height:520px}.layered-inner{position:relative;min-height:270px;padding-top:30px}.layered-ruler{position:absolute;top:0;left:126px;right:0;height:30px;background:#f1f2f6;border-bottom:1px solid #d9dce7;cursor:crosshair}.layered-ruler span{position:absolute;top:8px;color:#626981;font-size:10px;white-space:nowrap;pointer-events:none}.new-track-drop{margin-left:126px;height:82px;display:flex;align-items:center;justify-content:center;padding:12px;color:#85899e;font-size:11px;border-bottom:1px dashed #cbd1df;background:#f4f5f9}.new-track-drop.drop-active{background:#e3f3e6;color:#34764b}.composition-track{position:relative;height:86px;border-bottom:1px solid #d7dde5}.track-header{position:sticky;left:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:8px;width:126px;height:100%;padding:12px;background:#edeff4;border-right:1px solid #d4d9e2}.track-header strong{font-size:11px;color:#525c73}.track-icons{display:flex;gap:5px}.track-property{padding:5px;border-radius:5px}.track-lane{position:absolute;left:126px;right:0;top:0;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 27px,#e8ebf2 27px,#e8ebf2 28px)}.track-lane.drop-active{background-color:#e7f5e9}.composition-track.locked .track-lane{background-color:#eceef3}.composition-editor .layer-clip{position:absolute;top:7px;height:71px;min-height:0;min-width:0;overflow:hidden;padding:9px 6px;border-radius:5px!important;border:1px solid #72ad88;background:#dfefdf}.composition-editor .layer-clip::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#3d9860;z-index:2}.composition-editor .layer-clip.selected{border-color:#338b53;box-shadow:inset 0 0 0 2px #3c9456}.composition-editor .layer-clip img{opacity:.18}.composition-editor .layer-clip strong{font-size:11px}.composition-editor .layer-clip small{font-size:10px;margin-top:8px}.composition-editor .layer-clip.locked{border-color:#aab0bf;background:#e4e6ee}.composition-editor .layer-clip.clip-moving{z-index:8;opacity:.7;cursor:grabbing;pointer-events:none;overflow:visible}.timeline-bottom-space{margin-left:126px;min-height:55px;padding:18px;color:#9397a7;font-size:10px}.composition-editor .montage-playhead{top:2px;bottom:0;z-index:6}.composition-snap-line{position:absolute;top:25px;bottom:0;width:3px;background:#17a566;z-index:7;pointer-events:none;box-shadow:0 0 0 1px white}.composition-editor .timeline-fields{grid-template-columns:repeat(4,minmax(90px,1fr))}.media-import-dialog{width:360px;text-align:center;padding:35px 28px}.media-import-dialog h2{font-size:22px;margin:22px 0 10px}.media-import-dialog p{font-size:13px;overflow-wrap:anywhere}.loading-dots{position:relative;width:52px;height:52px;margin:auto;animation:loading-spin 1.4s linear infinite}.loading-dots i{position:absolute;left:23px;top:0;width:7px;height:7px;border-radius:50%;background:#6abb77;transform-origin:3.5px 26px}.loading-dots i:nth-child(2){transform:rotate(45deg);opacity:.88}.loading-dots i:nth-child(3){transform:rotate(90deg);opacity:.76}.loading-dots i:nth-child(4){transform:rotate(135deg);opacity:.64}.loading-dots i:nth-child(5){transform:rotate(180deg);opacity:.52}.loading-dots i:nth-child(6){transform:rotate(225deg);opacity:.4}.loading-dots i:nth-child(7){transform:rotate(270deg);opacity:.28}.loading-dots i:nth-child(8){transform:rotate(315deg);opacity:.16}@keyframes loading-spin{to{transform:rotate(360deg)}}#source-dialog{width:680px}#source-dialog video,#source-dialog>img{display:block;width:100%;height:300px;object-fit:contain;background:#eeeef4;border-radius:8px;margin:15px 0}#source-dialog .source-markers{display:flex;gap:8px;margin:12px 0}#source-dialog .source-markers button{font-size:11px}@media(max-width:1200px){.composition-editor .video-top{grid-template-columns:145px minmax(0,1fr);gap:10px}.composition-editor .canvas-shell{height:270px;padding:14px 38px}.composition-editor .timeline-fields{grid-template-columns:repeat(2,minmax(90px,1fr))}}@media(max-width:950px){.composition-editor .video-top{display:flex;flex-direction:column}.media-library{width:100%;order:2;margin-top:10px}.video-preview-area{width:100%}.library-items{display:flex;overflow-x:auto;max-height:none}.library-card{width:115px;min-width:115px}.library-card img{height:62px}.media-library #save-composition{width:auto}.composition-editor .canvas-shell{height:290px}.new-track-drop{font-size:10px;justify-content:flex-start}.composition-editor .track-header{padding:8px}.composition-editor .montage-tools button{font-size:11px}}@media(prefers-reduced-motion:reduce){.loading-dots{animation:none}}

/* Compact video workspace: panels, never tracks, own the scrolling surface. */
.export-bar{z-index:30;background:#f5f5f9}
.layered-timeline{isolation:isolate}
.context-help{display:none!important}
.hover-help{position:fixed;inset:auto;margin:0;border:0;border-radius:8px;max-width:min(340px,calc(100vw - 16px));padding:10px 12px;background:#25253e;color:#fff;font-size:12px;line-height:1.5;box-shadow:0 4px 18px #1113;pointer-events:none;z-index:10000}
.hover-help::backdrop{background:transparent;pointer-events:none}
body.video-workspace{height:100dvh;overflow:hidden}
.video-workspace main{height:100dvh;max-width:none;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);gap:6px;padding:6px 12px 0}
.video-workspace main>header{margin:0;min-width:0;gap:8px}
.video-workspace main>header>div{display:flex;align-items:center;gap:10px;min-width:0}
.video-workspace #page-title{font-size:19px;margin:0;letter-spacing:-.5px;white-space:nowrap}
.video-workspace #page-subtitle{display:none}
.video-workspace .category-badge{padding:5px 10px;font-size:10px;margin:0}
.video-workspace #new-job{padding:7px 11px;font-size:11px}
.video-workspace #studio{min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr) 50px;gap:6px}
.video-workspace .save-status{position:absolute;top:19px;right:155px;margin:0;font-size:10px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-workspace .presetbar{grid-row:1;margin:0;padding:6px 9px;gap:10px;flex-wrap:nowrap;border-radius:10px;min-height:0;min-width:0}
.video-workspace .presetbar .format-picker{flex:1 1 auto;min-width:0}
.video-workspace .format-label{display:none}
.video-workspace .format-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.video-workspace .format-button{min-height:40px;padding:5px 8px;gap:7px;border-radius:7px;flex-direction:row;align-items:center}
.video-workspace .format-button svg{width:23px;height:23px}
.video-workspace .format-button span{font-size:11px}
.video-workspace .format-button small{display:none}
.video-workspace .presetbar .dimensions{gap:5px;flex:none}
.video-workspace .dimensions label{font-size:10px;margin:0}
.video-workspace .dimensions input{width:65px;margin-top:2px!important}
.video-workspace .dimensions>span{margin-top:10px;font-size:10px}
.video-workspace .presetbar .output-lock{font-size:10px;white-space:nowrap;margin:0}
.video-workspace .production{grid-row:2;min-height:0;display:grid}
.video-workspace .production.no-media{display:grid;place-items:center}
.video-workspace .production.no-media .empty{max-height:100%;width:100%;min-height:0}
.video-workspace #editor{height:100%;min-height:0;display:grid;grid-template-rows:27px minmax(0,1fr);border-radius:10px}
.video-workspace .editor-head{padding:4px 10px;gap:8px;min-height:0;min-width:0}
.video-workspace .editor-head>div{min-width:0}
.video-workspace .editor-head .eyebrow{display:none}
.video-workspace .editor-head h2{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-workspace .editor-head .count{font-size:10px;padding:2px 5px}
.video-workspace #editor-controls{grid-template-columns:minmax(0,1fr) 260px;min-height:0;height:100%;align-items:stretch}
.video-workspace .canvas-column{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:6px;padding:6px;overflow:hidden}
.video-workspace .video-top{display:grid;grid-template-columns:160px minmax(0,1fr);gap:8px;min-height:0;height:100%;align-items:stretch}
.video-workspace .video-preview-area{display:flex;flex-direction:column;min-width:0;min-height:0;width:auto;gap:4px}
.video-workspace .canvas-shell,.video-workspace.has-media .canvas-shell{flex:1;min-height:0!important;height:auto!important;padding:8px 32px;border-radius:8px}
.video-workspace .media-arrow{width:28px;height:28px}
.video-workspace .media-arrow svg{width:17px;height:17px}
.video-workspace .canvas-caption,.video-workspace #notes{display:none}
.video-workspace .media-library{display:flex;flex-direction:column;min-height:0;height:100%;width:auto;order:0;margin:0;padding:8px;overflow:hidden}
.video-workspace .library-heading h3{font-size:12px}
.video-workspace .library-heading button{font-size:10px;padding:5px}
.video-workspace .library-items{flex:1;min-height:0;max-height:none;display:grid;align-content:start;overflow:auto;gap:6px;margin:7px 0}
.video-workspace .library-card{width:100%;min-width:0;padding:4px}
.video-workspace .library-card img{height:52px}
.video-workspace .library-card strong{font-size:10px;margin:4px 1px}
.video-workspace .library-card small{font-size:9px;margin:3px 1px}
.video-workspace .media-library #save-composition{width:100%;font-size:10px;padding:6px}
.video-workspace .composition-position{align-self:center;flex:none;min-height:30px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0;max-width:100%}
.video-workspace .composition-position .timeline-heading,.video-workspace .composition-position .playback-row{display:contents}
.video-workspace .composition-position label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.video-workspace .composition-position #video-play{grid-row:1;grid-column:1;width:30px;height:28px;padding:0;font-size:12px}
.video-workspace .composition-position #montage-scrub{grid-row:1;grid-column:2;min-width:0;margin:0;height:14px}
.video-workspace .composition-position #montage-position{grid-row:1;grid-column:3;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.video-workspace .composition-position.narrow-preview{grid-template-columns:30px auto;justify-content:space-between}
.video-workspace .composition-position.narrow-preview #montage-scrub{display:none}
.video-workspace .composition-position.narrow-preview #montage-position{grid-column:2}
.video-workspace .video-timeline{min-height:0;margin:0;padding:6px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:5px;border-radius:8px;overflow:hidden}
.video-workspace .timeline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:29px}
.video-workspace .timeline-toolbar .timeline-heading h3,.video-workspace .snap-status{display:none}
.video-workspace .timeline-toolbar .timeline-heading{margin:0;min-width:0;white-space:nowrap}
.video-workspace .timeline-toolbar #montage-summary{font-size:11px}
.video-workspace .montage-tools{margin:0;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.video-workspace .montage-tools button{padding:5px 7px;font-size:11px;min-height:28px}
.video-workspace .video-timeline>.timeline-scale{display:none}
.video-workspace .layered-timeline{min-height:0;max-height:none;height:100%;margin:0;border-radius:5px;overscroll-behavior:contain}
.video-workspace .layered-inner{padding-top:24px;min-height:144px}
.video-workspace .layered-ruler{height:24px}
.video-workspace .layered-ruler span{top:6px;font-size:9px}
.video-workspace .new-track-drop{height:42px;font-size:11px;padding:6px;justify-content:center}
.video-workspace .composition-track{height:64px}
.video-workspace .track-header{height:64px;padding:6px 10px}
.video-workspace .track-header strong{font-size:10px}
.video-workspace .track-icons{gap:5px}
.video-workspace .track-property{padding:4px 6px}
.video-workspace .track-property svg{width:15px;height:15px}
.video-workspace .track-lane{height:64px}
.video-workspace .layer-clip{top:5px;height:54px;padding:6px;min-height:0}
.video-workspace .layer-clip strong{font-size:10px}
.video-workspace .layer-clip small{font-size:9px;margin-top:5px}
.video-workspace .timeline-bottom-space{min-height:8px;height:8px;padding:0;font-size:0}
.video-workspace .editor-layout .adjustments{height:100%;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;display:block;align-self:stretch;padding:10px 12px;border-left:1px solid var(--line);border-top:0;overscroll-behavior:contain}
.video-workspace .adjustments h3{font-size:13px;margin:0 0 8px}
.video-workspace .adjustments label{font-size:11px;margin:9px 0 5px}
.video-workspace .adjustments hr{margin:12px 0}
.video-workspace input:not([type=checkbox]):not([type=range]):not([type=color]),.video-workspace select{min-height:30px;padding:6px 8px;font-size:12px}
.video-workspace .check{font-size:10px}
.video-workspace .four-buttons{margin-top:8px;gap:5px}
.video-workspace .four-buttons button{font-size:13px;padding:6px 3px}
.video-workspace .two-columns{gap:8px}
.video-workspace .clip-properties{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}
.video-workspace .clip-properties>.timeline-heading{display:block;margin-bottom:7px;min-width:0}
.video-workspace #selected-segment{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-workspace #video-original-info{font-size:10px;margin:2px 0}
.video-workspace .clip-properties .trim-track{height:26px;margin-top:5px}
.video-workspace .clip-properties .timeline-scale{font-size:9px;margin-top:1px}
.video-workspace .clip-properties .timeline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px}
.video-workspace .clip-properties .timeline-fields label{font-size:10px;margin:3px 0}
.video-workspace .clip-properties .timeline-foot{margin-top:5px;display:block}
.video-workspace .speed-summary{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:10px}
.video-workspace .speed-summary strong{font-size:11px}
.video-workspace #normal-speed{font-size:10px;padding:4px}
.video-workspace .export-bar{grid-row:3;position:relative;bottom:auto;min-width:0;margin:0;padding:6px 0;gap:8px;flex-wrap:nowrap;align-items:center;z-index:30;background:#f5f5f9;backdrop-filter:none}
.video-workspace .export-bar>div:first-child{min-width:0}
.video-workspace .export-bar .step-label,.video-workspace .export-bar>div>span:last-child{display:none}
.video-workspace .export-bar strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-workspace .export-actions{gap:7px;flex-wrap:nowrap}
.video-workspace .audio-status{font-size:10px;gap:4px}
.video-workspace .audio-icon{width:18px;height:18px}
.video-workspace .export-actions button{padding:7px 10px;font-size:11px;white-space:nowrap}
.video-workspace #unsupported{position:absolute;top:115px;left:90px;right:285px;max-height:130px;overflow:auto;z-index:40}
.video-workspace #import-status{display:none}
@media(max-width:1150px){.video-workspace .save-status{display:none}.video-workspace .presetbar .output-lock{max-width:90px;white-space:normal}.video-workspace .format-button{padding:5px;gap:4px}.video-workspace .format-button svg{width:19px;height:19px}.video-workspace .format-button span{font-size:10px}.video-workspace #editor-controls{grid-template-columns:minmax(0,1fr) 235px}.video-workspace .video-top{grid-template-columns:125px minmax(0,1fr)}.video-workspace .timeline-toolbar>.timeline-heading{display:none}.video-workspace .montage-tools{justify-content:flex-start}}
@media(max-width:900px){.video-workspace .presetbar .dimensions input{width:53px}.video-workspace .presetbar .dimensions{gap:3px}.video-workspace .presetbar{gap:5px}.video-workspace .format-button svg{display:none}.video-workspace .format-buttons{gap:3px}.video-workspace .format-button span{font-size:9px}.video-workspace .presetbar .output-lock{font-size:9px;max-width:80px}.video-workspace .video-top{grid-template-columns:105px minmax(0,1fr)}.video-workspace .library-heading{flex-wrap:wrap}.video-workspace .media-library{padding:5px}.video-workspace .library-card img{height:40px}.video-workspace #editor-controls{grid-template-columns:minmax(0,1fr) 215px}.video-workspace .editor-layout .adjustments{padding:9px}.video-workspace .audio-status{display:none}}
@media(max-width:640px){.video-workspace #page-title{font-size:15px}.video-workspace #editor-controls{grid-template-columns:minmax(0,1fr) 180px}.video-workspace .video-top{grid-template-columns:75px minmax(0,1fr)}.video-workspace .presetbar .dimensions input{width:40px}.video-workspace .presetbar .output-lock{max-width:70px}.video-workspace .export-bar strong{font-size:10px}.video-workspace .export-actions button{padding:7px;font-size:10px}}
.video-workspace .clip-properties .trim-track input[type=range]{height:26px}
.video-workspace .clip-properties .trim-track input::-webkit-slider-runnable-track{height:26px;background:transparent;border:0}
.video-workspace .clip-properties .trim-track input::-webkit-slider-thumb{box-sizing:border-box;height:26px;margin-top:0}
.video-workspace .clip-properties .trim-track input::-moz-range-track{height:26px;background:transparent;border:0}
.video-workspace .clip-properties .trim-track input::-moz-range-thumb{box-sizing:border-box;height:26px}
#audio-status,#export-audio-status{display:none!important}
.edition-name{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-align:left}
.video-workspace .edition-name{max-width:min(35vw,400px);min-width:0;font-size:12px}
.video-workspace main>header>div{min-width:0;flex:1}
.video-workspace #page-title{flex-shrink:0}
.recent-entry{position:relative;min-width:0}
.recent-entry>.recent-card{width:100%;height:100%;padding-right:42px}
.recent-entry .recent-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.recent-rename{position:absolute;right:8px;top:12px;font-size:18px;padding:6px}
#rename-dialog{width:min(480px,calc(100vw - 32px))}
#rename-dialog input{width:100%}
@media(max-width:1150px){.video-workspace .edition-name{max-width:22vw}}
@media(max-width:700px){.video-workspace #page-title{display:none}.video-workspace .edition-name{max-width:32vw}}
#export-progress-dialog{width:min(500px,calc(100vw - 32px));padding:24px}
#export-progress-title{font-size:16px;overflow-wrap:anywhere;margin:0 0 20px}
#export-time{font-size:12px;color:#59667b}
.export-progress-row{display:flex;align-items:center;gap:12px}
#export-progress-bar{width:100%;height:9px;appearance:none;border:0;border-radius:6px;overflow:hidden;background:#e2e4ec}
#export-progress-bar::-webkit-progress-bar{background:#e2e4ec;border-radius:6px}
#export-progress-bar::-webkit-progress-value{background:#518f61;border-radius:6px;transition:width .2s}
#export-progress-bar::-moz-progress-bar{background:#518f61;border-radius:6px}
#export-percent{min-width:36px;font-size:12px}
#export-progress-detail{font-size:12px;color:#59667b;margin-bottom:0}
#export-progress-detail:empty{display:none}
/* The grip moves the playhead; its line must not intercept clip drags. */
.montage-playhead{pointer-events:none}
.montage-playhead .playhead-grip{pointer-events:auto;cursor:ew-resize}
.edition-name{display:inline-flex;align-items:center;gap:6px}
.edition-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edition-name>svg{flex:none}
/* Precise time entry and a readable timeline ruler. */
.video-workspace .composition-position #montage-position{display:flex;align-items:center;gap:4px;font-size:11px}
.video-workspace .composition-position #montage-current-time{width:65px;min-width:0;height:27px;margin:0;padding:3px 5px;border:1px solid #c3d6c8;border-radius:5px;background:#fff;font-size:11px;font-weight:700;color:#244d31;text-align:right;font-variant-numeric:tabular-nums}
.video-workspace .composition-position #montage-current-time:focus{border-color:#4d9561;outline:2px solid #83c493;outline-offset:1px}
.video-workspace .layered-inner{padding-top:32px}
.video-workspace .layered-ruler{height:32px;background:#e9edf4;border-bottom:1px solid #b8c3d3}
.video-workspace .layered-ruler .ruler-label{top:5px;padding:0 3px;font-size:12px;font-weight:700;color:#24314b;font-variant-numeric:tabular-nums;background:#e9edf4;border-radius:3px}
.ruler-tick{position:absolute;bottom:0;height:5px;border-left:1px solid #aab7ca;pointer-events:none}
.ruler-tick.major{height:9px;border-color:#64768d}
.composition-editor .track-lane{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--timeline-grid,28px) - 1px),#e1e6ef calc(var(--timeline-grid,28px) - 1px),#e1e6ef var(--timeline-grid,28px))}
.playhead-time{position:absolute;left:18px;top:0;padding:3px 5px;border:1px solid #a12d44;border-radius:4px;background:#fff;color:#98253f;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 1px 3px #20203c12}
.playhead-time.left-side{left:auto;right:18px}
#timeline-reset-zoom{font-size:10px;min-width:40px;font-variant-numeric:tabular-nums}
.video-workspace .layered-ruler{overflow:hidden}
.video-workspace .composition-position.narrow-preview{grid-template-columns:30px minmax(0,1fr);gap:4px}
.video-workspace .composition-position.narrow-preview #montage-position{flex-wrap:wrap;justify-content:flex-end;gap:2px;line-height:11px;font-size:10px}
.video-workspace .composition-position.narrow-preview #montage-current-time{width:52px;min-height:0;height:20px;padding:2px 4px;font-size:10px}
.video-workspace .composition-position.narrow-preview #montage-total-time{flex-basis:100%;text-align:right;font-size:10px}
/* Shared media, independent timelines, and a compact tool rail. */
.library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:8px}
.library-tabs button{padding:6px 3px;font-size:11px;border-radius:5px}
.library-tabs [aria-selected=true]{background:#e1f4e2;border-color:#81d680;color:#244d31}
.video-workspace .library-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.library-panel[hidden],.queue-actions[hidden],#add-segment[hidden]{display:none!important}
.timeline-list{flex:1;min-height:0;overflow:auto;margin:7px 0}
.timeline-entry{display:flex;align-items:center;gap:2px;margin-bottom:5px;min-width:0}
.timeline-item{display:flex;align-items:center;gap:4px;flex:1;min-width:0;text-align:left;padding:7px 4px;font-size:10px;border-radius:5px}
.timeline-item span,.timeline-tab span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.timeline-item[aria-pressed=true]{background:#e1f4e2;border-color:#81d680}
.timeline-delete{padding:3px;border:0;background:transparent}
.timeline-delete svg{width:14px;height:14px}
.timeline-item svg,.timeline-tab svg{width:16px;height:16px;flex:none;color:#49935a}
.timeline-tabs{display:flex;align-items:center;gap:3px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
.timeline-tab{display:flex;align-items:center;gap:4px;max-width:170px;flex:none;border-radius:5px;padding:5px 7px;font-size:11px}
.timeline-tab[aria-selected=true]{background:#e1f4e2;border-color:#81d680}
#timeline-tab-add{padding:4px 8px;font-size:15px;flex:none}
.video-workspace .timeline-toolbar>.timeline-heading{display:none}
.video-workspace .timeline-body{display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px;flex:1;min-height:0;overflow:hidden}
.timeline-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:3px;border-right:1px solid #e3e3ed}
.video-workspace .timeline-rail button{width:29px;height:29px;padding:4px;border:0;background:#81D680;border-radius:5px;color:#2D3144}
.timeline-rail button:hover{background:#71c970}
.timeline-rail svg{width:19px;height:19px;display:block}
.timeline-rail button:disabled{opacity:.45}
.video-workspace .layered-timeline{flex:1;min-width:0}
.media-library.file-drop{outline:2px dashed #81d680;outline-offset:-3px;background:#eef9ef}
.queue-actions{display:flex;align-items:stretch;gap:0}
.queue-actions button{display:flex;align-items:center;gap:5px}
.queue-actions svg{width:16px;height:16px;color:#49935a}
#queue-add{border-radius:8px 0 0 8px}
#queue-open{border-radius:0 8px 8px 0;border-left:0;background:#e1f4e2;min-width:32px;justify-content:center;font-variant-numeric:tabular-nums}
#queue-dialog{width:min(570px,calc(100vw - 32px))}
#queue-list{max-height:55vh;overflow:auto}
.queue-entry{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #e3e3ed}
.queue-entry>div{min-width:0}
.queue-entry strong,.queue-entry small{display:block;overflow-wrap:anywhere}
.queue-entry strong{font-size:13px}
.queue-entry small{font-size:11px;margin-top:5px;color:#626276}
.queue-entry svg{width:17px;height:17px}
#rename-timeline-dialog{width:min(440px,calc(100vw - 32px))}
@media(max-width:900px){.library-tabs button{font-size:9px}.timeline-tab{max-width:110px;font-size:10px}.timeline-tab svg{display:none}.timeline-delete svg{width:12px}.timeline-item svg{width:12px}.video-workspace .timeline-body{grid-template-columns:29px minmax(0,1fr);gap:3px}.video-workspace .timeline-rail button{width:25px;height:27px;padding:3px}.video-workspace .queue-actions button{padding:6px}.timeline-rail svg{width:18px}.video-workspace .montage-tools{flex-wrap:nowrap}}

/* Video navigation stays beside the timeline tools. */
.video-workspace .media-arrow{display:none!important}

/* Compact, centered controls; SVG bounds and text share the same center. */
.close{display:grid;place-items:center;padding:0;line-height:1;flex:none}
.close svg{display:block;width:18px;height:18px}
.queue-entry>button,.timeline-delete,.track-property,.timeline-rail button{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.queue-entry>button{width:42px;height:42px;padding:0;flex:none}
.queue-entry svg,.track-property svg,.queue-actions svg,.audio-action svg{display:block;flex:none}
.queue-entry .queue-audio-state{display:inline;font-size:inherit;font-weight:700;color:#2d3144}
.video-workspace .audio-action,.queue-actions button{justify-content:center;gap:5px}
.video-workspace .audio-action{min-width:0;padding:7px 10px}
.video-workspace .audio-action svg{margin:0}
.video-workspace .audio-action span{flex:none}
.video-workspace .queue-actions #queue-add{padding:7px 10px;gap:5px}
.library-card{position:relative}
.media-type-badge{position:absolute;left:5px;top:5px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#81d680;color:#2d3144;box-shadow:0 1px 3px #2d314425}
.media-type-badge svg{width:17px;height:17px;display:block}
.audio-clip{background:#eeedfa!important;border-color:#9190d9!important;color:#2d3144}
.audio-clip.selected{border-color:#6a67ce!important;box-shadow:inset 0 0 0 1px #6a67ce}
.audio-waveform{position:absolute;left:0;top:25px;width:100%;height:28px;pointer-events:none;fill:#6a67ce;opacity:.7}
.audio-clip>strong,.audio-clip>small{position:relative;z-index:1;background:#eeedfae0;width:max-content;max-width:100%;border-radius:2px}
.audio-track .track-header{background:#edecf8}
.audio-track .track-property[aria-pressed=true]{border-color:#6a67ce;background:#dcdaf3}
.video-workspace.audio-selection .visual-adjustments{display:none}
#source-video.source-audio{height:55px;min-height:0;background:transparent;margin:12px 0;width:100%}
.panel-separator{display:none}
.video-workspace .canvas-column{grid-template-rows:minmax(0,var(--preview-fr,.55fr)) 8px minmax(0,var(--timeline-fr,.45fr));gap:0}
.video-workspace .video-top{grid-template-columns:var(--library-width,160px) 8px minmax(0,1fr);gap:0}
.video-workspace .panel-separator{display:flex;align-items:center;justify-content:center;border-radius:3px;touch-action:none;user-select:none;min-width:0;min-height:0;outline-offset:-1px}
.panel-separator::after{content:'';background:#c7c9d8;border-radius:2px;transition:background .15s}
.panel-separator.vertical{cursor:col-resize}
.panel-separator.vertical::after{height:35px;width:3px}
.panel-separator.horizontal{cursor:row-resize}
.panel-separator.horizontal::after{width:35px;height:3px}
.panel-separator:hover::after,.panel-separator:focus::after,.panel-separator.resizing::after{background:#81d680}
.panel-separator:focus-visible{outline:2px solid #6a67ce;outline-offset:-2px;background:#f0effb}
.video-workspace .library-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));align-content:start;gap:6px}
.video-workspace .library-card{margin:0;min-width:0}

.media-transform-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.media-transform-box{position:absolute;border:1px solid #6a67ce;box-shadow:0 0 0 1px #ffffffb0;pointer-events:auto;touch-action:none;cursor:grab;transform-origin:center}
.media-transform-box.dragging{cursor:grabbing}
.media-transform-box.locked{border-color:#9195a5;cursor:default}
.media-transform-handle{position:absolute;width:9px;height:9px;min-width:0;padding:0!important;border:1px solid #2d3144;border-radius:1px;background:#81d680;pointer-events:auto;touch-action:none;transform:translate(-50%,-50%)!important}
.media-transform-handle:hover{background:#b1edac}
.media-transform-handle.nw{left:0;top:0;cursor:nwse-resize}.media-transform-handle.n{left:50%;top:0;cursor:ns-resize}.media-transform-handle.ne{left:100%;top:0;cursor:nesw-resize}.media-transform-handle.e{left:100%;top:50%;cursor:ew-resize}.media-transform-handle.se{left:100%;top:100%;cursor:nwse-resize}.media-transform-handle.s{left:50%;top:100%;cursor:ns-resize}.media-transform-handle.sw{left:0;top:100%;cursor:nesw-resize}.media-transform-handle.w{left:0;top:50%;cursor:ew-resize}
.media-transform-handle.rotate{left:50%;top:22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;cursor:grab;opacity:.9}
.media-transform-handle.rotate svg{display:block;width:15px;height:15px}
.transform-visibility-toggle{position:absolute;z-index:4;right:8px;bottom:8px;width:28px;height:28px;padding:4px;display:grid;place-items:center;background:#81d680;color:#2d3144;border-radius:5px;border-color:#81d680}
.transform-visibility-toggle svg{display:block;width:18px;height:18px}
.transform-visibility-toggle[aria-pressed=false]{background:#fff;border-color:#d8d8e5}