@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#f22b2b;--ink:#171719;--muted:#73737a;--line:#e7e7e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 Manrope,Arial,sans-serif}main{max-width:1184px;margin:auto;padding:54px 28px 42px}.intro{padding:0 0 34px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1px;color:var(--red);display:flex;gap:7px;align-items:center;margin:0 0 12px}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--red)}h1{font-size:43px;letter-spacing:-2px;line-height:1.1;margin:0 0 9px}.intro h1+p{margin:0;color:var(--muted);font-size:15px}.privacy{font:500 11px 'DM Mono',monospace;color:var(--red);display:grid;grid-template-columns:14px 1fr;gap:4px}.privacy small{grid-column:2;color:#85858b;font:400 10px Manrope}.ad{height:70px;margin:0 0 29px;background:#fafafa;border:1px solid #f0f0f1;display:grid;place-content:center;text-align:center;color:#aaa;font:10px 'DM Mono',monospace;gap:3px}.ad span{font-size:9px}.ad b{font-weight:400;color:#c0c0c4}.workspace{border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 15px 36px #11111108}.dropzone{min-height:458px;border:1.5px dashed #efaaaa;border-radius:12px;background:linear-gradient(135deg,#fffafa,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;transition:.2s}.dropzone.dragging,.stage.dropping{border-color:var(--red);background:#fff4f4}.video-symbol{height:78px;width:78px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--red);font-size:31px;box-shadow:0 10px 25px #f22b2b1c;margin-bottom:15px}.dropzone h2{font-size:20px;margin:0 0 7px}.dropzone p{font-size:13px;color:#85858b;margin:0 0 18px;max-width:440px}.choose,.primary,.download{cursor:pointer;border:0;border-radius:8px;padding:12px 17px;color:#fff;background:var(--ink);font:700 12px Manrope}.dropzone small{font-size:10px;color:#9a9aa0;margin-top:12px}.hidden{display:none!important}.filebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filebar>div{display:flex;gap:10px;align-items:center}.filebar span{height:34px;width:34px;background:#ffe3e3;color:var(--red);border-radius:8px;display:grid;place-items:center}.filebar b{font-size:13px;display:block}.filebar small{font-size:10px;color:#85858b}.filebar button{background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font:700 11px Manrope;cursor:pointer}.stage{height:min(48vw,470px);min-height:240px;position:relative;border-radius:10px;overflow:hidden;background:#111;display:grid;place-items:center;border:1px solid #202024}.stage video{width:100%;height:100%;object-fit:contain;display:block}.stage-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#0002,transparent,#0002);transition:.18s}.stage-overlay button{width:58px;height:58px;border:0;border-radius:50%;cursor:pointer;background:#ffffffe8;color:var(--ink);font-size:20px;padding-left:4px}.stage.playing .stage-overlay{opacity:0}.stage:hover .stage-overlay{opacity:1}.drop-overlay{position:absolute;inset:0;background:#f22b2be8;color:#fff;display:none;place-items:center;font-weight:800;font-size:15px}.stage.dropping .drop-overlay{display:grid}.transport{display:grid;grid-template-columns:40px 48px 1fr 48px;align-items:center;gap:12px;margin:17px 0}.transport>button{border:0;background:var(--ink);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;padding-left:3px}.transport span{font:11px 'DM Mono',monospace;color:#5c5c61}.transport span:last-child{text-align:right}.timeline{height:5px;background:#e7e7e7;border-radius:99px;overflow:hidden}.timeline div{height:100%;background:var(--red);width:0}.settings-panel{border-top:1px solid var(--line);padding:19px 0}.setting-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px}.setting-heading b{font-size:13px}.setting-heading small{font-size:10px;color:#85858b}.control-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.control-group button{border:1px solid var(--line);background:#fff;color:#707076;border-radius:7px;padding:9px 12px;font:700 11px Manrope;cursor:pointer}.control-group button.selected{background:#fff0f0;border-color:#f6b4b4;color:var(--red)}.range-control{display:grid;grid-template-columns:74px 1fr 60px;gap:12px;align-items:center;width:100%;font-size:11px;font-weight:700}.range-control input{accent-color:var(--red);width:100%}.range-control output{text-align:right;font:500 11px 'DM Mono',monospace;color:var(--red)}.select-control{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.select-control select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 11px;font:600 12px Manrope;color:var(--ink)}.export-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;align-items:center}.export-row span{display:block;color:#999;font:500 9px 'DM Mono',monospace;letter-spacing:1px}.export-row b{display:block;font-size:19px;margin:2px 0}.export-row small{display:block;font-size:10px;color:#85858b}.primary{background:var(--red);min-width:150px}.primary:disabled{opacity:.55;cursor:wait}.processing{margin-top:14px;border:1px solid #f3d1ce;background:#fff8f7;border-radius:8px;padding:13px;display:flex;gap:10px;align-items:center}.processing>span{width:17px;height:17px;border:2px solid #f3b3ae;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}.processing b,.processing small{display:block}.processing b{font-size:12px}.processing small{font-size:10px;color:#717177}.result{margin-top:14px;border:1px solid #d4ecd8;background:#f6fff7;border-radius:8px;padding:11px;display:flex;justify-content:space-between;align-items:center}.result>div{display:flex;gap:9px;align-items:center}.result span{height:24px;width:24px;border-radius:50%;display:grid;place-items:center;background:#289143;color:#fff}.result b{font-size:12px;display:block}.result small{font-size:10px;color:#717177}.download{padding:9px 12px}.compatibility{font-size:10px;color:#89898f;text-align:center;margin:13px auto 0;max-width:650px}footer{max-width:1184px;margin:auto;border-top:1px solid #eee;padding:28px 0 40px;display:flex;justify-content:space-between;color:#74747a;font-size:10px}footer .brand{font-size:14px;color:#161618}footer .brand>span{height:21px;width:21px;font-size:12px;background:#f22b2b;color:#fff;display:grid;place-items:center;border-radius:6px}footer p{margin:0}footer div{display:flex;gap:17px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,150px);background:#18181a;color:#fff;padding:11px 15px;border-radius:7px;font-size:12px;transition:.25s}.toast.show{transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){main{padding:38px 20px}.intro{display:block}.privacy{margin-top:20px}.ad{margin-bottom:20px}.workspace{padding:12px}.dropzone{min-height:380px}.setting-heading,.export-row{align-items:flex-start;flex-direction:column;gap:10px}.primary{width:100%}.stage{min-height:200px}.transport{grid-template-columns:37px 41px 1fr 41px;gap:7px}.range-control{grid-template-columns:65px 1fr 52px}footer{margin:0 20px;display:grid;gap:14px}}