:root{--ink:#191c18;--paper:#fffaf0;--white:#fff;--muted:#62665f;--line:#cbc9c2;--lime:#c4f15a;--yellow:#ffd84d;--blue:#2d5ded;--sky:#e8eeff;--mint:#dff6eb;--coral:#ff765f;--shadow:9px 9px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px;line-height:1.55}button,input{font:inherit;color:inherit}.shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{padding:64px 0 58px;border-bottom:2px solid var(--ink);background:linear-gradient(135deg,#fffaf0 0 67%,#e8eeff 67%)}.hero-inner{text-align:center}.tool-stamp{display:inline-block;padding:8px 14px;border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);font-size:12px;font-weight:950;letter-spacing:.13em;transform:rotate(-1deg)}.hero h1{max-width:1050px;margin:28px auto 16px;font-size:clamp(54px,8vw,92px);line-height:.9;letter-spacing:-.07em}.hero h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:400}.hero p{max-width:780px;margin:0 auto;color:#4f534d;font-size:20px}.hero-proof{display:flex;margin-top:23px;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:850}.hero-proof span{width:10px;height:10px;border-radius:50%;background:#1b9b62}.maker-note{display:flex;width:min(1100px,calc(100% - 36px));margin:0 auto;padding:23px 0;align-items:center;justify-content:center;gap:17px}.maker-badge{display:grid;flex:0 0 55px;width:55px;height:55px;place-items:center;border:2px solid var(--ink);border-radius:47% 53% 49% 51%;background:var(--coral);font:italic 700 18px Georgia;transform:rotate(-5deg)}.maker-note strong{font-size:18px}.maker-note p{margin:2px 0 0;color:var(--muted);font-size:14px}.workbench{width:min(1180px,calc(100% - 36px));margin:18px auto 72px;border:2px solid var(--ink);border-radius:28px;background:var(--white);box-shadow:var(--shadow);overflow:hidden}.privacy-banner{display:flex;min-height:78px;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-bottom:2px solid var(--ink);background:var(--mint);text-align:left}.privacy-banner>span{flex:0 0 13px;width:13px;height:13px;border-radius:50%;background:#16865a}.privacy-banner p{margin:2px 0 0;color:#4e5d55;font-size:13px}.drop-zone{margin:32px;padding:55px 25px;border:3px dashed var(--ink);border-radius:22px;background:#fffdf8;text-align:center;cursor:pointer;transition:background .15s,transform .15s}.drop-zone:hover,.drop-zone.dragging{background:#f0f5ff;transform:translateY(-2px)}.drop-icon{display:grid;width:68px;height:68px;margin:0 auto 19px;place-items:center;border:2px solid var(--ink);border-radius:21px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-size:23px}.drop-zone h2{margin:0;font-size:37px;letter-spacing:-.04em}.drop-zone p{margin:5px 0 20px;color:var(--muted)}.drop-zone small{display:block;margin-top:18px;color:var(--muted)}.choose-button,.compress-button,.download-button{display:inline-flex;min-height:53px;align-items:center;justify-content:center;padding:10px 20px;border:2px solid var(--ink);border-radius:13px;background:var(--ink);color:#fff;font-weight:900;text-decoration:none;box-shadow:4px 4px 0 #4d504b;cursor:pointer}.editor{display:grid;grid-template-columns:1fr 1fr}.preview-panel,.settings-panel{min-width:0;padding:30px}.preview-panel{border-right:2px solid var(--ink);background:#f8f7f2}.panel-heading{display:flex;margin-bottom:22px;align-items:center;gap:14px}.step-number{display:grid;flex:0 0 48px;width:48px;height:48px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:12px;font-weight:950}.step-number.success{background:var(--lime);font-size:20px}.eyebrow{display:block;color:#3157c9;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.panel-heading h2{margin:2px 0 0;font-size:31px;line-height:1;letter-spacing:-.045em}.video-frame{overflow:hidden;border:2px solid var(--ink);border-radius:16px;background:#111;aspect-ratio:16/10}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.file-facts{display:grid;margin:16px 0 0;grid-template-columns:1fr 1fr;gap:8px}.file-facts div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.file-facts dt{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.file-facts dd{overflow:hidden;margin:2px 0 0;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.text-button,.reset-button,.again-button{padding:8px;border:0;background:transparent;color:#3157c9;font-weight:850;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.setting-group{margin:0;padding:19px 0;border:0;border-top:1px solid var(--line)}.setting-group legend{padding:0 0 10px;font-size:14px;font-weight:900}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-grid input,.resolution-row input{position:absolute;opacity:0;pointer-events:none}.preset-grid label span{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;padding:9px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;text-align:center}.preset-grid label input:checked+span{border-color:var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.preset-grid small{color:#555c52;font-size:11px}.setting-help{margin:11px 0 0;color:var(--muted);font-size:12px}.resolution-row{display:flex;flex-wrap:wrap;gap:7px}.resolution-row span{display:inline-flex;min-height:40px;align-items:center;padding:7px 11px;border:2px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:850;cursor:pointer}.resolution-row input:checked+span{border-color:var(--ink);background:var(--sky)}.two-settings{display:grid;grid-template-columns:1fr 1fr;gap:13px}.toggle-row,.target-field{display:flex;min-height:87px;align-items:center;justify-content:space-between;gap:15px;padding:14px;border:2px solid var(--line);border-radius:13px;background:#fff}.toggle-row span,.target-field>span:first-child{display:flex;flex-direction:column}.toggle-row small,.target-field small{color:var(--muted);font-size:10px}.toggle-row input{width:23px;height:23px;accent-color:var(--blue)}.target-input{display:flex;align-items:center}.target-input input{width:75px;min-height:43px;padding:7px;border:2px solid var(--ink);border-radius:9px 0 0 9px}.target-input i{display:grid;min-height:43px;place-items:center;padding:0 8px;border:2px solid var(--ink);border-left:0;border-radius:0 9px 9px 0;background:#f3f2ed;font-size:12px;font-style:normal;font-weight:900}.result-plan{display:flex;margin-top:18px;align-items:flex-start;gap:10px;padding:14px;border:2px solid var(--ink);border-radius:13px;background:var(--mint)}.plan-dot{flex:0 0 10px;width:10px;height:10px;margin-top:7px;border-radius:50%;background:#16865a}.result-plan p{margin:2px 0 0;color:#4f5b54;font-size:12px}.compress-button{width:100%;margin-top:15px;background:var(--blue);box-shadow:4px 4px 0 var(--ink)}.engine-note{margin:11px 0 0;color:var(--muted);font-size:11px;text-align:center}.reset-button{display:block;margin:5px auto 0;color:#5f625c;font-size:11px}.status-line{min-height:23px;margin:9px 0 0;color:#b3382b;font-size:12px;font-weight:850}.progress-panel,.done-panel{padding:38px}.progress-copy{text-align:center}.progress-copy h2{margin:7px 0;font-size:40px;letter-spacing:-.05em}.progress-copy p{margin:0;color:var(--muted)}.progress-track{height:20px;margin:28px 0 10px;padding:3px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:999px;background:var(--lime);transition:width .2s}.progress-meta{display:flex;align-items:center;justify-content:space-between}.progress-meta b{font-size:30px}.progress-meta button{padding:8px 13px;border:2px solid var(--ink);border-radius:10px;background:#fff;font-weight:850;cursor:pointer}.done-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:28px}.size-report{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.size-report div{padding:15px;border:2px solid var(--ink);border-radius:14px;background:#fff;text-align:center}.size-report .smaller{background:var(--mint)}.size-report span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.size-report strong{font-size:25px}.report-arrow{font-size:25px}.size-report p,.size-report .download-button,.size-report .again-button{grid-column:1/4}.size-report p{margin:6px 0 0;text-align:center;font-size:21px;font-weight:900}.download-button{margin-top:5px;background:var(--blue)}.again-button{justify-self:center}.explain,.faq{padding:70px 0}.explain{border-block:2px solid var(--ink);background:#fff}.explain h2,.faq h2{max-width:900px;margin:8px 0 32px;font-size:clamp(38px,5.5vw,60px);line-height:1;letter-spacing:-.055em}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.explain article{padding-top:20px;border-top:2px solid var(--ink)}.explain article>b{display:grid;width:35px;height:35px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:11px}.explain h3{margin:17px 0 7px;font-size:24px}.explain p{margin:0;color:var(--muted)}.faq details{max-width:950px;border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{padding:18px 4px;font-weight:900;cursor:pointer}.faq details p{margin:0;padding:0 4px 20px;color:var(--muted)}:focus-visible{outline:4px solid rgba(45,93,237,.3);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.editor,.done-grid{grid-template-columns:1fr}.preview-panel{border-right:0;border-bottom:2px solid var(--ink)}.two-settings,.explain-grid{grid-template-columns:1fr}.done-grid{gap:20px}}@media(max-width:620px){body{font-size:16px}.shell,.workbench,.maker-note{width:calc(100% - 22px)}.nav-links a:not(:last-child){display:none}.hero{padding:46px 0;background:var(--paper)}.hero h1{font-size:48px}.hero p{font-size:17px}.maker-note{align-items:flex-start}.workbench{margin-top:5px;box-shadow:5px 5px 0 var(--ink)}.privacy-banner{align-items:flex-start}.drop-zone{margin:17px;padding:38px 15px}.drop-zone h2{font-size:30px}.preview-panel,.settings-panel,.progress-panel,.done-panel{padding:20px}.preset-grid{grid-template-columns:1fr}.preset-grid label span{min-height:56px}.file-facts{grid-template-columns:1fr}.size-report{grid-template-columns:1fr}.size-report .report-arrow{transform:rotate(90deg)}.size-report p,.size-report .download-button,.size-report .again-button{grid-column:auto}.progress-copy h2{font-size:32px}}