*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#14213d;background:#f4f7fb}.topbar{min-height:58px;padding:0 24px;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #dce4ef;position:sticky;top:0;z-index:10}.topbar a{color:#2457c5;text-decoration:none}.topbar span{margin-left:auto;color:#52708f;font-size:13px}.page-shell{width:min(1180px,calc(100% - 28px));margin:24px auto 60px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:20px}.hero h1{font-size:clamp(28px,4vw,46px);line-height:1.08;margin:4px 0 12px}.hero p{margin:0;color:#50657d}.eyebrow{font-weight:800;color:#2563eb!important;font-size:12px;letter-spacing:.14em}.privacy{padding:12px 16px;border-radius:14px;background:#e9f8ef;color:#17613a;font-weight:700;white-space:nowrap}.drop-zone{background:#fff;border:2px dashed #8fb1df;border-radius:22px;text-align:center;padding:36px 20px;box-shadow:0 9px 35px rgba(27,55,91,.06);transition:.18s}.drop-zone.dragover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.drop-zone h2{margin:7px 0}.drop-zone p{color:#66798e}.upload-icon{font-size:42px}.primary,.secondary,.success,.preset,.link-btn{font:inherit;cursor:pointer}.primary,.success{border:0;border-radius:11px;padding:12px 18px;font-weight:800;color:white;background:#2563eb}.success{background:#16824b}.secondary{border:1px solid #cad5e2;border-radius:10px;padding:10px 14px;background:#fff;color:#27415f}.primary:disabled,.success:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;grid-template-columns:360px 1fr;gap:18px;margin-top:18px}.panel{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:20px;box-shadow:0 8px 26px rgba(28,57,91,.05)}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-title h2{margin:0;font-size:20px}.link-btn{border:0;background:none;color:#2563eb}.options label{display:grid;gap:7px;font-weight:700;margin:14px 0}.options select,.options input[type=number]{width:100%;padding:10px;border:1px solid #cbd7e4;border-radius:9px;background:#fff}.options input[type=range]{width:100%}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.preset{min-height:76px;border:1px solid #cad7e7;border-radius:12px;background:#f9fbfe;color:#183740;padding:9px}.preset b,.preset span{display:block}.preset span{font-size:11px;color:#60748b;margin-top:3px}.preset.active{border-color:#2563eb;background:#edf4ff;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check{grid-template-columns:auto 1fr!important;align-items:center;font-weight:600!important}.check small{color:#728399}.estimate{display:grid;gap:6px;padding:13px;border-radius:12px;background:#f0f6ff;color:#244c81}.file-list{display:grid;gap:10px}.empty{text-align:center;color:#718398;padding:44px 10px}.file-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dce4ef;border-radius:13px;padding:10px}.thumb{width:58px;height:58px;object-fit:cover;border-radius:9px;background:#eef2f6}.file-meta{min-width:0}.file-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-sub{font-size:12px;color:#66798e;margin-top:4px}.file-result{font-size:12px;margin-top:4px}.file-result.good{color:#18794e}.file-result.bad{color:#c03535}.file-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.file-actions button{padding:7px 9px;border:1px solid #cad7e7;background:#fff;border-radius:8px}.summary{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:12px;padding:10px;border-radius:10px;background:#f6f9fc}.actionbar{position:sticky;bottom:12px;margin-top:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border:1px solid #dce4ef;border-radius:16px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 13px 38px rgba(24,52,84,.16);z-index:8}.actions{display:flex;gap:9px;flex-wrap:wrap}.report{margin-top:18px}.report-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.report-grid div{padding:13px;background:#f7f9fc;border-radius:11px}.report-grid span,.report-grid b{display:block}.report-grid span{font-size:12px;color:#6d7d91}.report-grid b{margin-top:5px}.seo-content{margin:30px 0;color:#53677e;line-height:1.75}.seo-content h2{color:#1c3653}.progress{height:7px;background:#e8eef5;border-radius:99px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;background:#2563eb;width:0}.retry{color:#b45309!important}.remove{color:#b42318!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.privacy{white-space:normal}.report-grid{grid-template-columns:repeat(2,1fr)}.actionbar{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions button{flex:1}.topbar{padding:0 14px}.topbar span{display:none}.page-shell{width:min(100% - 18px,1180px)}.preset-grid{grid-template-columns:1fr}.preset{min-height:auto;text-align:left}.file-row{grid-template-columns:50px minmax(0,1fr)}.file-actions{grid-column:1/-1;justify-content:stretch}.file-actions button{flex:1}}
.cm-seo-related{margin:24px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid a{display:block;padding:13px 15px;border:1px solid #d5e0ec;border-radius:11px;background:#fff;color:#2457c5;text-decoration:none;font-weight:750}.related-grid a:hover{border-color:#2563eb;background:#eff6ff}@media(max-width:700px){.related-grid{grid-template-columns:1fr}}

.target-size-box{padding:12px;border:1px solid #bfd4f3;border-radius:12px;background:#f5f9ff}.target-size-box label{margin:6px 0}.target-size-box>small{display:block;color:#60748b;line-height:1.45}.input-unit{display:flex;align-items:center;gap:8px}.input-unit input{flex:1}.input-unit span{white-space:nowrap;color:#50657d}.file-result.warn{color:#b45309}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid .preset:last-child{grid-column:1/-1}@media(max-width:850px){.preset-grid{grid-template-columns:1fr}.preset-grid .preset:last-child{grid-column:auto}}


/* AFO UX v2: keep every image-compress sector on the same horizontal line */
#cm-core-content-host-image-compress,.cm-parent-hub-nav,.cm-static-seo-content{width:min(1180px,calc(100% - 28px));margin-left:auto;margin-right:auto}
#cm-core-content-host-image-compress>.cm-core-trust-baseline,#cm-core-content-host-image-compress>.cm-core-content-guide,#cm-core-content-host-image-compress>.cm-core-faq,#cm-core-content-host-image-compress>.cm-core-journey{max-width:none;width:100%;margin-left:0;margin-right:0}
@media(max-width:850px){#cm-core-content-host-image-compress,.cm-parent-hub-nav,.cm-static-seo-content{width:min(100% - 18px,1180px)}}