:root{--ink:#0f1f35;--blue:#174c89;--muted:#596a7e;--line:#d8e1ec;--soft:#f4f7fb;--green:#126446}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}[hidden]{display:none!important}
.compress-header{min-height:70px;padding:12px clamp(18px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:#fff}.compress-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.compress-header nav{display:flex;align-items:center;gap:22px;font-size:13px}.compress-header nav>a{color:#fff}
.compress-hero{padding:45px clamp(18px,5vw,92px) 62px;background:linear-gradient(135deg,#edf4fb,#fff 70%)}.compress-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.compress-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.74fr);align-items:center;gap:clamp(30px,6vw,100px);margin-top:32px}.compress-eyebrow{margin:0 0 9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.compress-hero h1{max-width:850px;margin:0;font-size:clamp(42px,5.7vw,75px);line-height:1;letter-spacing:-.055em}.compress-lead{max-width:700px;margin:21px 0;color:#46566a;font-size:clamp(18px,1.8vw,22px)}.compress-hero ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.compress-hero li{padding:7px 10px;border:1px solid #ccd9e7;border-radius:99px;background:#fff;color:#485b71;font-size:11px}
.compress-drop{min-height:330px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed #8ba8c6;border-radius:16px;background:#fff;box-shadow:0 22px 55px #0f1f3515}.compress-drop.is-drag{border-color:var(--blue);background:#edf5fd}.compress-drop svg{width:56px;fill:none;stroke:var(--blue);stroke-width:1.5}.compress-drop h2{margin:13px 0 3px;font-size:25px}.compress-drop p{margin:0 0 20px;color:var(--muted)}.compress-drop button,.compress-primary{min-height:46px;padding:10px 18px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-weight:800}.compress-drop small{margin-top:14px;color:var(--muted)}#compressUploadStatus{min-height:0;margin:10px 0 0;color:var(--muted);font-size:12px}#compressUploadStatus:empty{display:none}
.compress-workspace{padding:45px clamp(18px,5vw,92px) 75px;background:var(--soft)}.compress-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.compress-workspace-head h2{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.04em}.compress-workspace-head p:last-child{max-width:820px;margin:7px 0 0;color:var(--muted)}.compress-workspace-head button{flex:none;min-height:42px;padding:8px 14px;border:1px solid #b8c9d9;border-radius:7px;background:#fff;color:var(--ink);font-weight:750}.compress-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:20px}.compress-main,.compress-settings{min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.compress-file-list{display:grid;gap:10px}.compress-file{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:9px}.compress-file-icon{width:46px;height:52px;display:grid;place-items:center;border-radius:6px;background:#eaf2fb;color:var(--blue);font-size:12px;font-weight:850}.compress-file-copy{min-width:0}.compress-file-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compress-file-copy span{color:var(--muted);font-size:12px}.compress-file button{padding:7px 10px;border:1px solid #e3c1bf;border-radius:5px;background:#fff;color:#a43127;font-size:11px}.compress-reset,.compress-cancel{margin-top:15px;padding:0;border:0;background:none;color:#a43127;font-weight:750;font-size:12px}.compress-settings{position:sticky;top:18px}.compress-settings h3,.compress-results h3{margin:0 0 15px;font-size:21px}.compress-modes{display:grid;gap:8px}.compress-modes label{display:flex;gap:10px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.compress-modes label:has(input:checked){border-color:var(--blue);background:#f2f7fd}.compress-modes input{margin-top:4px}.compress-modes strong{display:block}.compress-modes small{display:block;color:var(--muted);line-height:1.35}.compress-settings label[for]{display:block;margin:20px 0 6px;font-weight:750}.compress-settings select{width:100%;min-height:43px;padding:8px 10px;border:1px solid #bfcddd;border-radius:6px;background:#fff}.compress-warning{padding:10px 12px;border:1px solid #eddba8;border-radius:6px;background:#fff9e9;color:#684a0b;font-size:12px}.compress-primary{width:100%;margin-top:20px}.compress-primary:disabled,.compress-workspace-head button:disabled{opacity:.45;cursor:not-allowed}.compress-cancel{display:block;margin:12px auto 0}.compress-settings progress{width:100%;height:12px;accent-color:var(--blue)}#compressProgress{margin-top:15px}#compressProgressText,#compressStatus{font-size:12px;color:var(--muted)}#compressStatus.is-error,#compressUploadStatus.is-error{color:#a43127}
.compress-results{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}#compressResultList{display:grid;gap:11px}.compress-result{padding:15px;border:1px solid var(--line);border-radius:9px}.compress-result-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.compress-result strong{min-width:0;overflow-wrap:anywhere}.compress-result small{color:var(--muted)}.compress-result p{margin:7px 0;color:var(--muted);font-size:12px}.compress-result .saved{color:var(--green);font-weight:800}.compress-result .unchanged{color:#8a641a;font-weight:800}.compress-result button,#compressDownloadAll{min-height:36px;margin-top:7px;padding:6px 12px;border:1px solid #b9cbdc;border-radius:6px;background:#fff;color:var(--blue);font-weight:750}#compressDownloadAll{margin-top:16px;background:var(--ink);border-color:var(--ink);color:#fff}
.compress-benefits,.compress-faq{padding:70px clamp(18px,5vw,92px)}.compress-benefits h2,.compress-faq h2{max-width:900px;margin:0 0 27px;font-size:clamp(29px,3.5vw,46px);line-height:1.1;letter-spacing:-.045em}.compress-benefits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compress-benefits article{padding:22px;border:1px solid var(--line);border-radius:9px}.compress-benefits h3{margin:0 0 6px;font-size:20px}.compress-benefits p{margin:0;color:var(--muted)}.compress-faq{background:var(--soft)}.compress-faq details{max-width:930px;padding:17px 0;border-bottom:1px solid #d0dce8}.compress-faq summary{cursor:pointer;font-weight:800;font-size:17px}.compress-faq details p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:25px clamp(18px,5vw,92px);background:var(--ink);color:#e1e9f2;font-size:12px}
@media(max-width:900px){.compress-hero-grid,.compress-layout{grid-template-columns:1fr}.compress-settings{position:static}.compress-benefits>div{grid-template-columns:1fr}}@media(max-width:620px){.compress-header nav>a{display:none}.compress-hero{padding-top:30px}.compress-drop{min-height:270px}.compress-workspace-head{align-items:start;flex-direction:column}.compress-workspace-head button{width:100%}.compress-main,.compress-settings{padding:15px}.compress-file{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}.compress-file-icon{width:40px;height:46px}.compress-file button{padding:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}