:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17212b;background:#f6f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.site-header{height:78px;padding:0 max(32px,calc((100vw - 1300px)/2));background:#fff;border-bottom:1px solid #e5e9e4;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-light{font-weight:500}.brand-mark{width:34px;height:34px;border:2px solid #1e8b6c;border-radius:10px;display:grid;place-items:center;transform:rotate(-10deg)}.brand-mark span{width:15px;height:15px;border:2px solid #1e8b6c;border-radius:5px}.privacy-chip{font-size:12px;font-weight:700;color:#247a61;background:#eaf7f0;border:1px solid #cde9d9;border-radius:50px;padding:9px 13px;display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;background:#31ad7b;border-radius:50%}main{max-width:1300px;margin:auto;padding:48px 32px 0}.intro{margin-bottom:38px}.eyebrow,.preview-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#1c8669}.eyebrow{display:flex;align-items:center;gap:16px}.eyebrow-line{width:30px;height:1px;background:#77ab96}h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.065em;line-height:1.06;margin:17px 0 16px;font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:#1c8f70;letter-spacing:-.07em}.intro p{font-size:16px;line-height:1.65;color:#6c7677;max-width:620px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(350px,.93fr);gap:18px;align-items:stretch}.controls,.preview-panel{background:#fff;border:1px solid #e4e8e3;border-radius:18px;box-shadow:0 16px 40px rgba(23,33,43,.035)}.controls{padding:32px}.step-title{display:flex;align-items:flex-start;gap:14px}.step-number{width:33px;height:33px;flex:none;display:grid;place-items:center;background:#eaf5ee;color:#168665;border-radius:9px;font-size:12px;font-weight:800}.step-title h2,.preview-heading h2{font-size:19px;letter-spacing:-.035em;margin:1px 0 4px}.step-title p{margin:0;color:#929b9a;font-size:12px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.dropzone{min-height:184px;padding:18px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #b5d8c7;background:#f8fcf9;border-radius:12px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:#1d926f;background:#eef9f1}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.drop-icon{color:#218e6d;font-size:32px;font-weight:300;line-height:1;margin-bottom:11px}.dropzone strong{font-size:14px}.dropzone small{font-size:11px;line-height:1.4;color:#8b9692;max-width:190px;margin-top:6px}.file-count{font-size:10px;color:#18775c;background:#e5f4eb;padding:5px 8px;border-radius:20px;margin-top:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-drop{border-color:#d7dfdb;background:#fbfcfb}.section-divider{height:1px;background:#edf0ed;margin:30px 0}.ratio-fieldset{padding:0;border:0;margin:27px 0 0;min-width:0}.ratio-fieldset legend{font-size:13px;font-weight:700;margin-bottom:11px}.ratio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.ratio-choice{height:77px;border:1px solid #e4eae5;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative}.ratio-choice input{position:absolute;opacity:0}.ratio-choice:has(input:checked){border-color:#238f6e;background:#f0faf4;box-shadow:inset 0 0 0 1px #238f6e}.ratio-choice:focus-within{outline:2px solid #1d8d6c;outline-offset:2px}.ratio-choice span:last-child{display:flex;gap:4px;align-items:baseline}.ratio-choice strong{font-size:10px}.ratio-choice small{font-size:10px;color:#929c98}.ratio-icon{display:block;border:1.7px solid #7d9890;border-radius:2px}.ratio-choice:has(input:checked) .ratio-icon{border-color:#168766}.ratio-icon.tall{width:12px;height:21px}.ratio-icon.portrait{width:15px;height:19px}.ratio-icon.square{width:17px;height:17px}.ratio-icon.classic{width:21px;height:16px}.ratio-icon.landscape{width:22px;height:13px}.slider-row{margin-top:23px}.slider-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.slider-heading output{font-size:12px;color:#1b8868;background:#edf8f1;padding:4px 8px;border-radius:5px}input[type=range]{width:100%;accent-color:#1d9672;margin:14px 0 0}.fit-select{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;font-size:13px;font-weight:700}.fit-select select{color:#355147;background:#fff;border:1px solid #dfe7e1;border-radius:8px;padding:10px 12px;font-size:12px;max-width:55%}.preview-panel{padding:31px;display:flex;flex-direction:column;min-height:720px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-heading h2{margin-top:8px}.dimension{font-size:11px;white-space:nowrap;color:#6d7774;background:#f2f4f1;border-radius:5px;padding:7px 9px}.preview-stage{background:#f1f4f0;border:1px solid #e8eee7;border-radius:11px;flex:1;min-height:490px;display:grid;place-items:center;margin-top:22px;padding:17px}.preview-frame{height:min(480px,52vw);max-width:100%;aspect-ratio:9/16;background:#e5ebe6;box-shadow:0 15px 24px rgba(14,33,24,.12);position:relative;overflow:hidden;display:grid;place-items:center}.preview-frame canvas{width:100%;height:100%;object-fit:fill;display:none}.preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:14px;background:linear-gradient(145deg,#e1ebe3,#f3f5ec)}.preview-empty[hidden]{display:none}.preview-empty strong{font-size:12px;margin-top:20px}.preview-empty small{font-size:10px;color:#84908b;margin-top:5px}.empty-graphic{width:86px;height:98px;border:2px solid #b8c9bd;border-radius:5px;display:grid;place-items:center;transform:rotate(-7deg)}.empty-graphic:before{content:"";width:19px;height:19px;border-radius:50%;border:2px solid #b8c9bd;position:absolute;top:16px;left:14px}.empty-graphic span{width:57px;height:42px;border:2px solid #b8c9bd;clip-path:polygon(0 100%,45% 19%,70% 60%,85% 38%,100% 100%);background:#c6d8c9;margin-top:37px}.preview-footer{display:flex;align-items:center;justify-content:space-between;margin:16px 0 19px;font-size:11px;color:#8b9690}.selection-nav{display:flex;align-items:center;gap:9px}.selection-nav button{height:25px;width:25px;border:1px solid #dce5dd;background:#fff;border-radius:6px;color:#317d61}.selection-nav button:disabled{opacity:.4}.fixed-note{display:flex;align-items:center;gap:5px}.fixed-icon{font-size:17px;color:#27906f}.primary-button{border:0;border-radius:10px;background:#188768;color:#fff;padding:17px 20px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 16px rgba(24,135,104,.18)}.primary-button:hover:not(:disabled){background:#096b50}.primary-button:disabled{background:#93b7aa;box-shadow:none}.download-hint{text-align:center;color:#899591;font-size:11px;margin:12px 0 0;line-height:1.45}.trust-bar{display:flex;gap:34px;color:#65716c;font-size:12px;padding:27px 4px 47px}.trust-bar b{color:#2a9876;font-size:10px;margin-right:7px}footer{border-top:1px solid #e4e8e2;color:#9aa59e;font-size:10px;letter-spacing:.09em;padding:24px max(32px,calc((100vw - 1300px)/2));font-weight:700}footer span{margin:0 7px}@media(max-width:850px){main{padding:32px 20px 0}.workspace{grid-template-columns:1fr}.preview-panel{min-height:620px}.preview-frame{height:450px}.site-header{padding:0 20px}.trust-bar{flex-wrap:wrap;gap:13px 25px}}@media(max-width:560px){.site-header{height:66px}.brand{font-size:17px}.privacy-chip{font-size:10px}.intro{margin-bottom:26px}.intro p{font-size:14px}h1{font-size:45px}.controls,.preview-panel{padding:21px}.upload-grid{grid-template-columns:1fr 1fr;gap:8px}.dropzone{min-height:156px;padding:10px 6px}.dropzone strong{font-size:12px}.dropzone small{font-size:10px}.ratio-grid{gap:5px}.ratio-choice{height:72px}.ratio-choice span:last-child{flex-direction:column;align-items:center;gap:1px}.ratio-choice strong,.ratio-choice small{font-size:9px}.preview-heading{align-items:flex-start}.preview-heading h2{font-size:17px}.dimension{font-size:9px}.preview-stage{min-height:420px}.preview-frame{height:400px}.fit-select{align-items:flex-start;flex-direction:column}.fit-select select{max-width:100%;width:100%}.trust-bar{padding-bottom:30px}footer{padding:20px}}

/* Keep the same preview scale for every 1080px-wide output. */
.preview-frame{width:min(100%,360px);height:auto}

.default-logo-thumb{display:block;width:min(100%,165px);height:57px;object-fit:contain;margin:0 auto 8px}.default-logo-thumb[hidden],.restore-button[hidden]{display:none}.restore-button{border:0;background:none;color:#167d60;font-size:11px;font-weight:700;padding:9px 2px 0;text-decoration:underline;text-underline-offset:3px}.restore-button:hover{color:#075b45}

.fixed-settings{display:flex;align-items:center;gap:10px;margin-top:24px;padding:14px 15px;border:1px solid #dcece2;background:#f3faf5;border-radius:9px;color:#4e655b;font-size:12px;line-height:1.5}.fixed-settings .fixed-icon{flex:none}.fixed-settings strong{color:#136b51}

.tool-nav{display:flex;gap:5px;padding:4px;border:1px solid #e1e9e2;border-radius:10px;background:#f6f9f6}.tool-nav a{padding:8px 14px;border-radius:7px;color:#61736b;text-decoration:none;font-size:12px;font-weight:700}.tool-nav a[aria-current=page]{background:#fff;color:#147a5e;box-shadow:0 1px 5px rgba(20,50,30,.12)}.video-note{margin:22px 0 0;color:#78867e;font-size:12px;line-height:1.6}.source-video{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}@media(max-width:560px){.site-header{gap:7px;padding:0 12px}.brand{font-size:15px;gap:6px}.brand-mark{width:25px;height:25px;border-radius:7px}.brand-mark span{width:11px;height:11px}.tool-nav a{font-size:10px;padding:7px}.privacy-chip{font-size:9px;padding:6px;gap:4px}}
.tool-nav a:last-child{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone.institution-locked{cursor:default;opacity:.85}@media(max-width:700px){.privacy-chip{display:none}}@media(max-width:560px){.tool-nav a:last-child{max-width:95px}}
.grid-preview{display:flex;align-items:center;gap:12px;margin-top:15px;padding:10px;border:1px solid #e1e9e2;border-radius:10px;background:#f8faf8}.grid-preview[hidden]{display:none}.grid-preview canvas{width:82px;height:109px;flex:none;object-fit:cover;border-radius:6px}.grid-preview strong{display:block;font-size:12px;color:#244238}.grid-preview small{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:#7b8980}
.output-preview{margin-top:16px}.output-preview[hidden]{display:none}.output-preview strong{display:block;font-size:12px;margin-bottom:8px}.output-preview video{display:block;width:100%;max-height:360px;background:#101923;border-radius:9px}
.reels-cover{margin-top:14px;padding:15px;border:1px solid #dbe9de;border-radius:10px;background:#f5faf6}.reels-cover[hidden]{display:none}.reels-cover>strong{display:block;font-size:13px;color:#225b45}.reels-cover p{margin:7px 0 13px;font-size:11px;line-height:1.55;color:#65796b}.reels-cover label{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.reels-cover input{margin:8px 0 14px}.secondary-button{width:100%;border:1px solid #188768;border-radius:8px;background:#fff;color:#13795c;padding:12px;font-size:12px;font-weight:700}.secondary-button:hover:not(:disabled){background:#e9f7ef}.secondary-button:disabled{opacity:.5;cursor:not-allowed}
.cover-output{display:block;width:150px;max-width:100%;height:auto;margin:12px auto 0;border-radius:7px;box-shadow:0 5px 15px rgba(0,0,0,.15)}.cover-output[hidden]{display:none}
.download-list{display:grid;gap:8px;margin-top:14px}.download-list[hidden]{display:none}.download-list a{display:block;padding:10px 12px;border:1px solid #dcece2;border-radius:8px;background:#f3faf5;color:#136b51;font-size:12px;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.download-list a:hover{background:#e5f4eb;text-decoration:underline}
.download-list .secondary-button{margin-bottom:3px}
.public-counters{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}.public-counters span{display:flex;align-items:baseline;gap:6px;padding:11px 15px;background:#fff;border:1px solid #dfeae2;border-radius:9px;color:#536e5e;font-size:12px}.public-counters b{color:#147a5e;font-size:20px}.tracking-note{margin:0 0 35px;color:#748479;font-size:11px;line-height:1.5}footer a{color:#147a5e;text-decoration:none;margin-left:12px}footer a:hover{text-decoration:underline}
.install-shortcut{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:10px 14px;border:1px solid #badcca;border-radius:9px;background:#eff8f2;color:#126f53;font-size:12px;font-weight:750;box-shadow:none}.install-shortcut:hover{background:#e2f2e7}.install-shortcut[hidden],.install-help[hidden]{display:none!important}.install-help{display:flex;align-items:flex-start;gap:14px;max-width:630px;margin-top:10px;padding:12px 14px;border:1px solid #d5e6db;border-radius:10px;background:#fff;color:#335b48;font-size:12px;line-height:1.55}.install-help span{flex:1}.install-help button{border:0;background:transparent;color:#426b56;font-size:20px;line-height:1;padding:0 2px}
.audio-fades{margin:12px 0;border:1px solid #d9e9df;border-radius:9px;background:#f6faf7;color:#244b39}.audio-fades summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;padding:10px 12px;font-size:12px;font-weight:800}.audio-fades summary::-webkit-details-marker{display:none}.audio-fades summary:after{content:'⌄';color:#188768;font-size:17px;line-height:.8}.audio-fades[open] summary:after{transform:rotate(180deg)}.audio-fades summary small{margin-left:auto;color:#759080;font-size:10px;font-weight:500}.audio-fade-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:2px 12px 12px}.audio-fade-grid label{display:grid;grid-template-columns:1fr auto;gap:5px;color:#426451;font-size:11px;font-weight:700}.audio-fade-grid output{color:#158061}.audio-fade-grid input{grid-column:1/-1;width:100%;margin:0;accent-color:#188768}@media(max-width:480px){.audio-fades summary small{font-size:9px}.audio-fade-grid{gap:9px}}