:root{--bg:#f5f6f8;--surface:#ffffff;--surface-2:#f9fafb;--text:#1e242b;--muted:#68727d;--line:#dfe3e8;--line-strong:#cdd3da;--coral:#df5a49;--coral-dark:#b83f33;--coral-soft:#fff0ed;--green:#168268;--green-soft:#e8f6f1;--blue:#3b6ec2;--blue-soft:#edf3ff;--shadow:0 16px 48px rgb(25 33 44/8%);color-scheme:light}:root[data-theme=dark]{--bg:#15181c;--surface:#1e2227;--surface-2:#252a30;--text:#f2f4f6;--muted:#a7b0ba;--line:#343a42;--line-strong:#48505a;--coral:#f17766;--coral-dark:#ff9a8e;--coral-soft:#382522;--green:#55c6a5;--green-soft:#19372f;--blue:#82aaf0;--blue-soft:#1f304e;--shadow:0 20px 60px rgb(0 0 0/25%);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;letter-spacing:0}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}.site-shell{min-height:100vh}.site-header{position:sticky;z-index:20;top:0;height:66px;gap:32px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);padding:0 max(22px,calc((100% - 1180px) / 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-header{display:flex;align-items:center}.brand{gap:7px;font-size:15px;font-weight:720;white-space:nowrap}.brand strong{color:var(--coral)}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--coral);color:white}.header-nav{display:flex;gap:26px;margin-right:auto;color:var(--muted);font-size:12px;font-weight:650}.header-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:8px}.icon-button{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-2)}.theme-sun,:root[data-theme=dark] .theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:block}.language-button span{font-size:10px;font-weight:800}.hero-band{padding:58px max(22px,calc((100% - 1180px) / 2)) 70px;background:var(--surface)}.hero-copy{max-width:780px;margin-bottom:34px}.privacy-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;color:var(--green);font-size:12px;font-weight:750}.hero-copy h1{max-width:740px;margin:0;font-size:clamp(36px,5vw,62px);line-height:1.03;font-weight:780}.hero-copy>p:last-child{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.compressor{overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.workspace-topbar{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:0 18px;color:var(--muted);font-size:11px;font-weight:650}.workspace-topbar>div,.workspace-topbar>span{display:flex;align-items:center;gap:7px}.workspace-topbar>span{color:var(--green)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:410px}.workspace-main{min-width:0;padding:22px}.drop-zone{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed var(--line-strong);border-radius:7px;background:var(--surface-2);text-align:center;transition:border-color .16s ease,background .16s ease,transform .16s ease}.drop-zone.is-dragging{border-color:var(--coral);background:var(--coral-soft);transform:scale(.997)}.drop-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:8px;background:var(--coral-soft);color:var(--coral)}.drop-zone>div{display:grid;gap:5px}.drop-zone strong{font-size:15px}.drop-zone small,.drop-zone span{color:var(--muted);font-size:11px}.drop-zone small{margin-top:2px}.compress-button,.primary-button,.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;font-weight:750;cursor:pointer}.primary-button{padding:0 18px;background:var(--coral);color:white}.compress-button:hover,.primary-button:hover{background:var(--coral-dark)}.notice{display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--coral-dark);font-size:11px}.queue-region{margin-top:20px}.queue-heading{height:34px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.file-list{display:grid;border-top:1px solid var(--line)}.file-row{position:relative;min-height:58px;display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(80px,.45fr) auto auto;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:8px 3px}.file-kind{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:var(--blue-soft);color:var(--blue)}.file-name{min-width:0;display:grid;gap:3px}.file-name strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-name small{color:var(--muted);font-size:9px}.file-progress{position:relative;height:22px;display:flex;align-items:center;border-radius:5px;background:var(--surface-2);overflow:hidden}.file-progress i{position:absolute;inset:0 auto 0 0;background:var(--blue-soft);transition:width .16s ease}.file-progress small{position:relative;z-index:1;margin-left:8px;color:var(--blue);font-size:9px;font-weight:750}.file-saving{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:10px;font-weight:800}.row-button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.row-button:hover{background:var(--surface-2);color:var(--text)}.row-button.download{background:var(--green-soft);color:var(--green)}.file-error{grid-column:2/-1;color:var(--coral-dark);font-size:9px}.settings-panel{display:flex;flex-direction:column;gap:18px;border-left:1px solid var(--line);background:var(--surface-2);padding:22px}.settings-heading{display:flex;justify-content:space-between;gap:12px}.settings-heading span{font-size:12px;font-weight:760}.settings-heading small{color:var(--muted);font-size:9px}.field{display:grid;gap:8px}.field>span{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:690}.field>span b{color:var(--text)}.field>small,.settings-copy{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.field input[type=number],.field select{width:100%;height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 10px;color:var(--text);font-size:11px}.field input:disabled{opacity:.45}.field input[type=range]{width:100%;accent-color:var(--coral)}.range-with-input{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:8px;align-items:center}.toggle-field{display:flex;align-items:center;gap:8px;color:var(--text);font-size:10px;font-weight:680;cursor:pointer}.toggle-field input{width:16px;height:16px;margin:0;accent-color:var(--coral)}.settings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:auto;border:1px solid var(--line);border-radius:6px;background:var(--line);overflow:hidden}.settings-summary span{display:grid;gap:5px;background:var(--surface);padding:9px;color:var(--muted);font-size:8px}.settings-summary b{color:var(--text);font-size:10px}.settings-summary .saved-value{color:var(--green)}.compress-button{width:100%;background:var(--coral);color:white}.compress-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{width:100%;border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.spin{animation:spin 1s linear infinite}.media-file-row{min-height:58px;display:grid;grid-template-columns:34px minmax(120px,1fr) minmax(90px,.45fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);margin-top:14px}.media-file-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.media-file-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.media-file-row small{color:var(--muted);font-size:9px}.media-progress{position:relative;height:22px;display:flex;align-items:center;overflow:hidden;border-radius:5px;background:var(--surface-2)}.media-progress i{position:absolute;inset:0 auto 0 0;background:var(--blue-soft);transition:width .16s ease}.media-progress small{position:relative;margin-left:8px;color:var(--blue);font-weight:750}.media-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.media-preview-grid figure{min-width:0;margin:0}.media-preview-grid figcaption{margin-bottom:6px;color:var(--muted);font-size:9px}.media-preview-grid img,.media-preview-grid video{width:100%;height:220px;display:block;border:1px solid var(--line);border-radius:7px;background:#111;object-fit:contain}.media-download{text-decoration:none}.result-details{margin:-8px 0 0;color:var(--muted);font-size:9px;text-align:center}.compare-region{border-top:1px solid var(--line);padding:20px}.compare-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.compare-heading>span{display:grid;gap:3px}.compare-heading strong{font-size:12px}.compare-heading small{color:var(--muted);font-size:9px}.compare-heading>b{color:var(--green);font-size:17px}.compare-frame{--compare:50%;position:relative;height:310px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:repeating-conic-gradient(#e7e9ec 0 25%,#f5f6f7 0 50%) 50% /18px 18px}:root[data-theme=dark] .compare-frame{background:repeating-conic-gradient(#252a30 0 25%,#30363d 0 50%) 50% /18px 18px}.compare-frame img{width:100%;height:100%;display:block;object-fit:contain}.compare-after{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,var(--compare) 0,var(--compare) 100%,0 100%)}.compare-after img{width:100%;height:100%}.compare-line{position:absolute;top:0;bottom:0;left:var(--compare);width:2px;background:var(--surface);transform:translateX(-1px)}.compare-label{position:absolute;top:10px;border-radius:4px;background:rgb(20 24 29/72%);padding:4px 7px;color:white;font-size:9px}.compare-label.before{left:10px}.compare-label.after{right:10px}.compare-frame input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.related-band,.tools-band{padding:72px max(22px,calc((100% - 1180px) / 2))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.how-band>div>p,.section-heading p,.tool-title p{margin:0 0 8px;color:var(--coral);font-size:10px;font-weight:800;text-transform:uppercase}.related-band h2,.section-heading h2{margin:0;font-size:25px}.section-heading>span{color:var(--muted);font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-card{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 12px 28px rgb(20 27 36/7%)}.tool-card>span:nth-child(2){display:grid;gap:6px}.tool-card strong{font-size:12px}.tool-card small{color:var(--muted);font-size:10px;line-height:1.5}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:7px}.tool-arrow{position:absolute;top:20px;right:18px;color:var(--muted)}.tone-coral .tool-icon{background:#fff0ed;color:#d65142}.tone-blue .tool-icon{background:#edf3ff;color:#3b6ec2}.tone-violet .tool-icon{background:#f2efff;color:#7458c6}.tone-green .tool-icon{background:#e8f6f1;color:#168268}.tone-amber .tool-icon{background:#fff5dd;color:#a66d0d}.tone-cyan .tool-icon{background:#e7f7f9;color:#178295}.tone-rose .tool-icon{background:#ffedf2;color:#bd4867}.tone-indigo .tool-icon{background:#edf0ff;color:#5367c5}:root[data-theme=dark] .tool-icon{background:var(--surface-2)}.why-band{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:var(--surface);padding:34px max(22px,calc((100% - 1180px) / 2))}.why-band>div{display:grid;grid-template-columns:34px 1fr;gap:3px 12px;align-items:center;padding:0 28px}.why-band>div+div{border-left:1px solid var(--line)}.why-band svg{grid-row:1/3;color:var(--coral)}.why-band strong{font-size:11px}.why-band span{color:var(--muted);font-size:10px}.tool-hero{padding:30px max(22px,calc((100% - 1180px) / 2)) 70px;background:var(--surface)}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.tool-title{max-width:740px;margin:38px 0 28px}.tool-title p{display:flex;align-items:center;gap:6px;color:var(--green)}.tool-title h1{margin:0 0 12px;font-size:38px;line-height:1.1}.tool-title>span{color:var(--muted);font-size:14px;line-height:1.6}.how-band{display:grid;grid-template-columns:.8fr 1.35fr .75fr;gap:54px;padding:70px max(22px,calc((100% - 1180px) / 2))}.how-band h2{margin:0;font-size:24px}.how-band ol{display:grid;gap:20px;margin:0;padding:0;list-style:none}.how-band li{display:grid;grid-template-columns:30px 1fr;gap:12px}.how-band li b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--coral-soft);color:var(--coral-dark);font-size:10px}.how-band li span{display:grid;gap:4px}.how-band li strong{font-size:11px}.how-band li small{color:var(--muted);font-size:10px;line-height:1.5}.facts{display:grid;align-content:start;gap:8px}.facts p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:10px}.facts svg{width:14px;color:var(--green)}.related-band{background:var(--surface)}.related-band h2{margin-bottom:24px}.site-footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 max(22px,calc((100% - 1180px) / 2));color:var(--muted);font-size:10px}.site-footer nav{display:flex;gap:22px}.redirect{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px}.redirect a{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:12px 16px}.info-page{max-width:760px;min-height:calc(100vh - 138px);margin:0 auto;padding:90px 22px}.info-page>p:first-child{color:var(--coral);font-size:10px;font-weight:800;text-transform:uppercase}.info-page h1{margin:12px 0 32px;font-size:38px}.info-page p:not(:first-child){color:var(--muted);font-size:14px;line-height:1.8}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:900px){.header-nav{display:none}.workspace-grid{grid-template-columns:1fr}.settings-panel{border-top:1px solid var(--line);border-left:0}.tool-grid{grid-template-columns:repeat(2,1fr)}.how-band{grid-template-columns:1fr 1.4fr}.facts{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.site-header{height:58px;padding-inline:14px}.header-actions{margin-left:auto}.language-button span{display:none}.hero-band{padding:36px 14px 44px}.hero-copy h1{font-size:36px}.hero-copy>p:last-child{font-size:13px}.workspace-topbar{padding:0 12px}.workspace-topbar>div{font-size:10px}.workspace-topbar>span{font-size:9px}.settings-panel,.workspace-main{padding:14px}.drop-zone{min-height:190px;padding:20px 12px}.file-row{grid-template-columns:30px minmax(100px,1fr) auto auto}.file-progress{grid-column:2/-1}.file-saving{display:none}.media-file-row{grid-template-columns:30px minmax(100px,1fr) auto}.media-progress{grid-column:2/-1}.media-preview-grid{grid-template-columns:1fr}.media-preview-grid img,.media-preview-grid video{height:200px}.settings-summary span{padding:8px 6px}.compare-region{padding:14px}.compare-frame{height:230px}.how-band,.related-band,.tool-hero,.tools-band{padding:48px 14px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:22px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:118px}.why-band{grid-template-columns:1fr;padding:14px}.why-band>div{min-height:80px;padding:0 14px}.why-band>div+div{border-top:1px solid var(--line);border-left:0}.tool-title{margin-top:28px}.tool-title h1{font-size:30px}.how-band{grid-template-columns:1fr;gap:34px}.facts{grid-column:auto;grid-template-columns:1fr}.site-footer{padding:20px 14px;gap:18px;flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}