:root{color:#f2fff8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2fff8;--muted:#a9c3b8;--subtle:#729486;--line:#a9c3b82e;--panel:#0b1c16;--panel-2:#10271e;--mint:#75f6ae;--mint-dark:#2f8c5c;--orange:#ff9d57;--danger:#ff8f80;--warning:#ffd27d;background:#06120e;font-family:Avenir Next,Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 75% -10%,#75f6ae1f,#0000 25rem),#06120e;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25em;height:1.25em}.site-shell{width:min(100% - 20px,1160px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:70px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-logo{flex:0 0 40px;width:40px;height:40px;display:block}.topbar-actions{align-items:center;gap:6px;display:flex}.install-button,.all-tools{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.install-button:disabled{color:var(--subtle);cursor:default}.all-tools svg{display:none}main{padding-top:34px}.intro{gap:18px;margin-bottom:24px;display:grid}.eyebrow{color:var(--subtle);letter-spacing:.12em;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.eyebrow span{color:var(--orange)}h1,h2,p{margin-top:0}h1{letter-spacing:-.062em;text-wrap:balance;max-width:760px;margin-bottom:13px;font-size:clamp(2.45rem,12.5vw,5.8rem);line-height:.93}.lede{max-width:620px;color:var(--muted);margin-bottom:0;font-size:1.05rem;line-height:1.55}.privacy-pill{min-height:42px;color:var(--mint);background:#75f6ae0f;border:1px solid #75f6ae47;border-radius:999px;justify-self:start;align-items:center;gap:9px;padding:0 13px;font-size:.82rem;font-weight:700;display:inline-flex}.workbench{border:1px solid var(--line);background:#0b1c16e0;border-radius:22px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000040}.step-card{min-width:0;padding:21px 16px 24px}.step-card+.step-card{border-top:1px solid var(--line)}.step-heading{align-items:center;gap:11px;margin-bottom:18px;display:flex}.step-heading>span{color:#07120f;background:var(--orange);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;display:grid}.step-heading p{color:var(--subtle);letter-spacing:.13em;margin:0 0 2px;font-size:.7rem;font-weight:800}.step-heading h2{letter-spacing:-.02em;margin:0;font-size:1.15rem}.drop-zone{background:#071611;border:1px dashed #416557;border-radius:16px;place-items:center;min-height:205px;padding:12px;transition:border-color .14s,background .14s;display:grid;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--mint);background:#75f6ae0f}.drop-zone video{object-fit:contain;background:#020705;border-radius:10px;width:100%;height:210px;display:block}.empty-picker{text-align:center;justify-items:center;gap:8px;display:grid}.empty-picker>span{width:58px;height:58px;color:var(--mint);background:#75f6ae12;border:1px solid #75f6ae47;border-radius:18px 8px;place-items:center;display:grid}.empty-picker>span svg{width:28px;height:28px}.empty-picker strong{font-size:1.04rem}.empty-picker small{color:var(--subtle);font-size:.78rem}.picker-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.picker-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.picker-actions button{min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #416557;border-radius:11px;padding:0 10px;font-size:.84rem;font-weight:800}.picker-actions button:first-child{color:#06120e;border-color:var(--mint);background:var(--mint)}.picker-actions button:disabled{opacity:.55;cursor:wait}.file-meta{gap:4px;margin-top:11px;display:grid}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta span{color:var(--subtle);font-size:.76rem;line-height:1.45}.presets{gap:8px;display:grid}.presets button{min-height:70px;color:var(--muted);border:1px solid var(--line);text-align:left;cursor:pointer;background:#071611;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:11px 13px;display:grid}.presets button strong{color:var(--ink);font-size:.9rem}.presets button span{color:var(--mint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.presets button small{color:var(--subtle);grid-column:1/-1;font-size:.72rem}.presets button.active{border-color:var(--mint);box-shadow:inset 4px 0 0 var(--mint);background:#75f6ae14}.custom-size{color:var(--muted);margin-top:16px;font-size:.79rem;font-weight:700;display:block}.custom-size>span:first-child{margin-bottom:7px;display:block}.number-field{background:#071611;border:1px solid #416557;border-radius:13px;grid-template-columns:1fr auto;align-items:center;min-height:58px;display:grid;overflow:hidden}.number-field:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #75f6ae1a}.number-field input{width:100%;min-width:0;height:56px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 8px 0 15px;font-size:1.6rem;font-weight:800}.number-field b{color:var(--mint);padding-right:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.size-help,.quality-warning{color:var(--subtle);margin:11px 0 0;font-size:.77rem;line-height:1.5}.quality-warning{color:#ffe7b8;background:#ffd27d12;border:1px solid #ffd27d40;border-radius:10px;padding:10px 11px}.process-note{background:#75f6ae0d;border:1px solid #75f6ae2e;border-radius:13px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:13px;display:grid}.process-note svg{color:var(--mint);margin-top:2px}.process-note p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.process-note strong{color:var(--ink)}.make-button{color:#06120e;background:var(--mint);width:100%;min-height:58px;box-shadow:0 7px 0 var(--mint-dark);cursor:pointer;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:0 17px;font-weight:900;transition:transform .14s,box-shadow .14s;display:flex}.make-button:hover:not(:disabled){box-shadow:0 9px 0 var(--mint-dark);transform:translateY(-2px)}.make-button:active:not(:disabled){box-shadow:0 3px 0 var(--mint-dark);transform:translateY(4px)}.make-button:disabled{color:#83a094;cursor:wait;background:#29463b;box-shadow:0 6px #142a22}.progress-track{background:#173128;border-radius:999px;height:7px;margin-top:17px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--orange), var(--mint));height:100%;transition:width .16s linear;display:block}.stop-button{width:100%;min-height:44px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:11px;margin-top:9px;font-weight:700}.messages{align-items:center;min-height:72px;display:grid}.messages p{border-radius:12px;align-items:center;gap:9px;margin:11px 0;padding:12px 14px;font-size:.86rem;line-height:1.45;display:flex}.messages p span{color:#06120e;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.error-message{color:#ffd9d4;background:#ff8f8014;border:1px solid #ff8f8059}.error-message span{background:var(--danger)}.notice-message{color:#d2fce3;background:#75f6ae12;border:1px solid #75f6ae42}.notice-message span{background:var(--mint)}.result-card{background:linear-gradient(150deg,#75f6ae1a,#0b1c16f7);border:1px solid #75f6ae61;border-radius:22px;outline:none;margin:0 0 64px;padding:19px 16px 22px}.result-card:focus-visible{box-shadow:0 0 0 3px #75f6ae2e}.result-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:17px;display:flex}.result-heading h2{letter-spacing:-.045em;margin:0;font-size:1.75rem}.result-badge{border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:900}.result-badge.success{color:#06120e;background:var(--mint)}.result-badge.warning{color:#211400;background:var(--warning)}.result-video{background:#020705;border-radius:14px;width:100%;max-height:58vh;display:block}.size-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:17px 0;display:grid}.size-comparison>div{min-width:0}.size-comparison span{color:var(--subtle);font-size:.72rem;display:block}.size-comparison strong{font-size:1.1rem;display:block}.size-comparison>svg{color:var(--orange)}.size-comparison .saved-percent{border-top:1px solid var(--line);grid-column:1/-1;align-items:baseline;gap:6px;padding-top:10px;display:flex}.size-comparison .saved-percent strong{color:var(--mint);font-size:1.4rem}.result-warning,.limit-note{color:#ffe9bf;background:#ffd27d0f;border:1px solid #ffd27d3d;border-radius:11px;padding:11px 12px;font-size:.8rem;line-height:1.5}.limit-note{color:var(--muted);border-color:var(--line);background:#ffffff06}.result-actions{gap:9px;margin-top:16px;display:grid}.share-button,.download-button,.reset-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-weight:900;display:inline-flex}.share-button{color:#06120e;background:var(--mint);border:0}.download-button,.reset-button{color:var(--ink);background:0 0;border:1px solid #416557}.privacy-note{border:1px solid var(--line);background:#0b1c16b8;border-radius:17px;grid-template-columns:auto 1fr;align-items:start;gap:15px;max-width:880px;margin:0 auto 62px;padding:19px;display:grid}.privacy-note>svg{width:30px;height:30px;color:var(--mint)}.privacy-note h2{margin-bottom:5px;font-size:1.1rem}.privacy-note p{color:var(--muted);margin:0;font-size:.87rem;line-height:1.55}.faq{max-width:880px;margin:0 auto 72px}.faq>.eyebrow,.faq>h2{text-align:center}.faq>h2{letter-spacing:-.045em;margin-bottom:28px;font-size:clamp(1.8rem,8vw,3rem)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:64px;font-size:.93rem;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--mint);font-size:1.4rem}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin-bottom:20px;font-size:.88rem;line-height:1.65}.suggestion{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;margin-bottom:55px;padding:27px 10px;display:grid}.suggestion h2{letter-spacing:-.04em;margin-bottom:7px;font-size:1.7rem}.suggestion>div>p:last-child{color:var(--muted);margin:0}.suggestion form>label{color:var(--muted);margin-bottom:7px;font-size:.8rem;font-weight:700;display:block}.suggestion .idea-email{margin-bottom:12px}.suggestion input{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#071611;border:1px solid #416557;border-radius:11px;outline:0;padding:0 13px;font-size:1rem}.suggestion input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #75f6ae1a}.suggestion input:read-only{color:var(--subtle);background:#ffffff08}.idea-email span{color:var(--subtle);margin-top:5px;font-size:.7rem;font-weight:400;display:block}.idea-row{gap:8px;display:grid}.idea-row button{color:#06120e;background:var(--mint);cursor:pointer;border:0;border-radius:11px;min-height:48px;font-weight:900}.idea-row button:disabled{opacity:.65;cursor:wait}.suggestion form small{color:var(--subtle);margin-top:8px;font-size:.72rem;line-height:1.5;display:block}.suggestion form small a{color:var(--muted)}.suggestion output{color:var(--mint);margin-top:8px;font-size:.82rem;display:block}.suggestion form>p{color:var(--danger);margin:8px 0 0;font-size:.82rem}footer{border-top:1px solid var(--line);align-content:center;gap:16px;min-height:145px;display:grid}.footer-brand{font-size:.8rem}footer>p{color:var(--subtle);margin:0;font-size:.82rem;display:none}footer nav{justify-content:space-between;gap:16px;display:flex}footer nav a{min-height:44px;color:var(--muted);align-items:center;font-size:.8rem;text-decoration:none;display:inline-flex}.install-dialog{width:min(520px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:radial-gradient(circle at 100% 0,#75f6ae1f,#0000 18rem),#0b1c16;border:1px solid #75f6ae61;border-radius:21px;margin:auto;padding:28px 20px 22px;overflow:auto;box-shadow:0 35px 100px #0000009e}.install-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010806d1}.dialog-close{width:44px;height:44px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#040f0c99;border-radius:50%;font-size:1.5rem;position:absolute;top:13px;right:13px}.dialog-icon{color:#06120e;background:var(--mint);width:55px;height:55px;box-shadow:6px -6px 0 var(--orange);border-radius:17px 7px;place-items:center;margin:7px 0 27px;display:grid}.install-dialog h2{letter-spacing:-.04em;margin-bottom:10px;font-size:1.8rem;line-height:1.08}.install-dialog>p{color:var(--muted);line-height:1.55}.install-dialog ol{gap:8px;margin:20px 0;padding:0;list-style:none;display:grid}.install-dialog li{border-top:1px solid var(--line);grid-template-columns:31px 1fr;align-items:center;gap:11px;min-height:54px;padding-top:8px;display:grid}.install-dialog li>span{color:#06120e;background:var(--orange);border-radius:50%;place-items:center;width:29px;height:29px;font-size:.75rem;font-weight:900;display:grid}.install-dialog li p{margin:0;font-size:.9rem;line-height:1.45}.dialog-done{color:#06120e;background:var(--mint);cursor:pointer;border:0;border-radius:12px;width:100%;min-height:50px;font-weight:900}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media (width>=680px){.site-shell{width:min(100% - 36px,1160px)}.topbar{min-height:78px}.all-tools svg{display:block}main{padding-top:50px}.intro{grid-template-columns:1fr auto;align-items:end;margin-bottom:34px}h1{font-size:clamp(3.8rem,9vw,5.8rem)}.step-card{padding:28px 24px 31px}.presets{grid-template-columns:repeat(3,1fr)}.presets button{grid-template-columns:1fr;align-content:center;min-height:94px}.presets button span{grid-row:2}.result-card{padding:30px}.result-heading{flex-direction:row;justify-content:space-between;align-items:flex-start}.result-actions{grid-template-columns:1fr auto auto}.share-button,.download-button,.reset-button{padding:0 20px}.suggestion{grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;padding:34px 24px}.idea-row{grid-template-columns:1fr auto}.idea-row button{padding:0 20px}footer{grid-template-columns:auto 1fr auto;align-items:center}footer>p{display:block}footer nav{justify-content:flex-end}}@media (width>=980px){.workbench{grid-template-columns:1.05fr .95fr .8fr}.step-card+.step-card{border-top:0;border-left:1px solid var(--line)}.step-card{min-height:430px}.presets{grid-template-columns:1fr}.presets button{grid-template-columns:1fr auto;min-height:67px}.presets button span{grid-row:auto}.make-card{flex-direction:column;display:flex}.make-button{margin-top:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}