.compress-module{--compress-panel-border:#cfd8ee;--compress-blue:#145ee8;--compress-violet:#6d2ce8}.compress-module svg path,.compress-module svg circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.compress-upload-hero{min-height:calc(100dvh - var(--topbar-height) - var(--merge-strip-height))}.compress-workspace-stage,.compress-result-stage{min-height:calc(100dvh - var(--topbar-height) - var(--merge-strip-height));padding:18px 22px;overflow:auto}.compress-layout{width:100%;min-height:calc(100dvh - var(--topbar-height) - var(--merge-strip-height) - 36px);display:grid;grid-template-columns:minmax(190px,15%) minmax(470px,1fr) minmax(300px,24%);gap:18px}.compress-left-rail{min-width:0;display:flex;flex-direction:column;gap:16px}.compress-ad-card{min-height:0;flex:1 1 auto}.compress-ad-card .vertical-ad-box{min-height:220px;flex:1 1 auto}.compress-preview-column{min-width:0;border:1px solid var(--compress-panel-border);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;background:#eaf0fc;box-shadow:0 14px 32px rgba(46,59,112,.07)}.compress-result-heading button{padding:8px 11px;border:1px solid #cbd5eb;border-radius:9px;display:inline-flex;align-items:center;gap:7px;color:#283047;background:#fff;cursor:pointer}.compress-preview-shell{position:relative;min-height:520px;flex:1 1 auto;overflow:hidden}.compress-preview-shell iframe{position:absolute;inset:12px;z-index:2;width:calc(100% - 24px);height:calc(100% - 24px);border:0;border-radius:8px;background:#fff}.compress-preview-placeholder{position:absolute;top:50%;left:50%;width:min(72%,500px);aspect-ratio:.76;padding:68px 52px;display:flex;flex-direction:column;gap:18px;background:#fff;box-shadow:0 10px 24px rgba(47,58,105,.1);transform:translate(-50%,-50%)}.compress-preview-placeholder span{height:14px;border-radius:20px;background:#eef2fc}.compress-preview-placeholder span:nth-child(2){width:88%}.compress-preview-placeholder span:nth-child(3){width:70%}.compress-preview-placeholder strong{margin:auto;color:#ccd5ec;font-size:32px}.compress-preview-shell.has-preview .compress-preview-placeholder{display:none}.compress-options-panel,.compress-result-panel{min-width:0;padding:20px;border:1px solid var(--compress-panel-border);border-radius:18px;display:flex;flex-direction:column;background:rgba(255,255,255,.94);box-shadow:0 14px 32px rgba(46,59,112,.07)}.compress-panel-heading{position:relative;display:flex;align-items:center;gap:12px}.compress-change-file-button{position:relative;width:40px;height:40px;margin-left:auto;border:1px solid #cbd5eb;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;color:#344057;background:#fff;cursor:pointer;transition:160ms ease}.compress-change-file-button:hover,.compress-change-file-button:focus-visible{border-color:#8eacf1;color:var(--compress-blue);background:#f5f8ff}.compress-change-file-button svg{width:19px;height:19px}.compress-change-file-button span{position:absolute;top:calc(100% + 8px);right:0;z-index:20;padding:7px 10px;border-radius:8px;color:#fff;background:#242b3c;box-shadow:0 8px 18px rgba(32,43,72,.2);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-4px);transition:150ms ease}.compress-change-file-button:hover span,.compress-change-file-button:focus-visible span{opacity:1;transform:translateY(0)}.compress-panel-heading h1,.compress-panel-heading p{margin:0}.compress-panel-heading h1{font-size:24px}.compress-panel-heading p{margin-top:3px;color:#7b849b;font-size:12px}.compression-options{margin-top:22px;display:grid;gap:11px}.compression-option{position:relative;min-height:66px;padding:11px 13px;border:1px solid #cbd4e8;border-radius:11px;display:flex;align-items:center;gap:12px;background:#fff;cursor:pointer;transition:160ms ease}.compression-option:hover,.compression-option.is-selected{border-color:var(--compress-blue);box-shadow:0 0 0 1px var(--compress-blue)}.compression-option.is-selected{background:#eef3ff}.compression-option input{position:absolute;opacity:0}.option-radio{width:19px;height:19px;border:2px solid #bdc7db;border-radius:50%;flex:0 0 auto}.compression-option.is-selected .option-radio{border:5px solid var(--compress-blue)}.option-copy{min-width:0;flex:1}.option-copy strong,.option-copy small{display:block}.option-copy strong{font-size:14px}.option-copy small{margin-top:4px;color:#6f778c;font-size:11px}.option-copy em{margin-left:6px;padding:3px 6px;border-radius:5px;color:#137236;background:#c9ffd8;font-size:9px;font-style:normal;text-transform:uppercase}.custom-compression-control,.estimated-size-card{margin-top:14px;padding:13px;border-radius:10px;background:#edf1ff}.custom-compression-control label,.estimated-size-card>div:first-child{display:flex;justify-content:space-between;gap:12px;color:#4f5870;font-size:11px}.custom-compression-control input{width:100%;margin-top:10px;accent-color:var(--compress-blue)}.estimated-size-card strong{color:#151b30;font-size:14px}.estimate-track{height:7px;margin-top:11px;border-radius:10px;overflow:hidden;background:#d8def2}.estimate-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12a563,#15ca85);transition:width 180ms ease}.estimated-size-card small{display:block;margin-top:7px;color:#697187;font-size:10px}.compress-side-ad{min-height:82px;margin-top:14px;padding:12px;border:1px dashed #b7c5e4;border-radius:10px;display:grid;place-content:center;gap:4px;color:#909ab1;text-align:center;text-transform:uppercase;background:#f8faff}.compress-side-ad span{font-size:9px;letter-spacing:.08em}.compress-side-ad strong{font-size:11px}.compress-submit-button{min-height:56px;margin-top:auto;padding:12px 18px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#145be2,#6a2ce8);box-shadow:0 12px 24px rgba(52,72,201,.22);font-size:18px;font-weight:800;cursor:pointer}.compress-submit-button:disabled{opacity:.65;cursor:wait}.compress-submit-button svg{width:20px;height:20px}.compress-floating-document .merge-stack-icon{color:#d83d52}.result-preview-shell{min-height:600px}.compress-preview-shell.has-preview iframe{top:12px;bottom:auto;height:calc(100% + 32px);clip-path:inset(56px 0 0);transform:translateY(-56px)}.compress-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.compress-result-heading h1{margin:0;display:flex;align-items:center;gap:9px;font-size:23px}.compress-result-heading h1 span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#087638;background:#39df7a;font-size:18px}.compressed-file-name{margin-top:25px;overflow-wrap:anywhere}.compressed-file-details{margin-top:5px;color:#737d96}.compress-download-button{min-height:54px;margin-top:18px;padding:12px 18px;border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#145be2,#6a2ce8);box-shadow:0 12px 24px rgba(52,72,201,.22);font-size:17px;font-weight:800;cursor:pointer}.compress-download-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.compress-download-button svg{width:21px;height:21px}.compression-saving-card{margin-top:18px;padding:14px;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#46506a;background:#eaf9f0}.compression-saving-card strong{color:#078344;font-size:20px}.compress-result-panel .viewer-download-note{margin-top:16px}.result-side-slot{min-height:150px;margin-top:auto}.result-ad-word{color:#8e99b0;font-size:28px;font-weight:800}@media(max-width:1280px){.compress-workspace-stage,.compress-result-stage{padding:14px}.compress-layout{grid-template-columns:minmax(175px,18%) minmax(420px,1fr) minmax(280px,28%);gap:12px}.compress-options-panel,.compress-result-panel{padding:15px}.compression-option{min-height:59px}}@media(max-width:1050px){.compress-layout{min-width:950px}.compress-workspace-stage,.compress-result-stage{overflow:auto}}.compress-workspace-stage,.compress-result-stage{height:calc(100dvh - var(--topbar-height) - var(--merge-strip-height));min-height:0;padding:clamp(12px,2vh,20px) clamp(14px,1.6vw,28px);overflow:hidden}.compress-layout{width:100%;height:100%;min-height:0;grid-template-columns:clamp(210px,15vw,280px) minmax(0,1fr) clamp(320px,24vw,410px);gap:clamp(14px,2vw,28px);align-items:stretch}.compress-left-rail,.compress-preview-column,.compress-options-panel,.compress-result-panel{height:100%;min-height:0;max-height:none}.compress-preview-shell,.result-preview-shell{min-height:0;height:100%}.compress-options-panel,.compress-result-panel{padding:clamp(14px,1.4vw,20px);overflow:hidden}.compression-options{margin-top:clamp(14px,2vh,22px);gap:clamp(8px,1.2vh,11px)}.compression-option{min-height:clamp(56px,7.6vh,66px)}.compress-ad-card.toolsphere-ad-host{display:flex;padding:0;align-items:stretch}.compress-ad-card.toolsphere-ad-host .house-ad{width:100%;height:100%;min-height:100%;flex:1 1 auto}@media(max-width:1440px){.compress-left-rail{display:none}.compress-layout{grid-template-columns:minmax(0,1fr) clamp(310px,29vw,370px)}}@media(max-width:1024px){.compress-layout{min-width:0;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.compress-panel-heading p,.option-copy small{display:none}}@media(max-height:760px){.compress-workspace-stage,.compress-result-stage{padding-top:10px;padding-bottom:10px}.compress-options-panel,.compress-result-panel{padding:10px 12px}}.compress-change-file-button{width:40px;min-width:40px;padding:0;display:grid;font-size:16px}.compress-submit-button>.fa-solid,.compress-download-button>.fa-solid{font-size:18px}.compress-result-heading h1>.fa-solid{color:#2bd576}@media(max-height:900px),(max-width:1280px){.compress-result-panel .compress-side-ad{display:none}}@media(max-width:768px){.compress-workspace-stage{padding:8px;overflow:hidden}.compress-workspace-stage .compress-layout{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.compress-workspace-stage .compress-left-rail{display:none}.compress-workspace-stage .compress-options-panel{order:1;width:100%;height:auto;min-height:0;padding:8px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) 34px auto;grid-template-rows:auto auto;gap:8px;overflow:visible}.compress-workspace-stage .compress-panel-heading{display:contents}.compress-workspace-stage .compress-panel-heading>div{grid-column:1;grid-row:1;align-self:center}.compress-workspace-stage .compress-panel-heading h1{font-size:16px}.compress-workspace-stage .compress-panel-heading p{display:none}.compress-workspace-stage .compress-change-file-button{grid-column:2;grid-row:1;width:34px;min-width:34px;height:34px;margin:0;border-radius:9px}.compress-workspace-stage .compress-change-file-button span{display:none}.compress-workspace-stage .compress-submit-button{grid-column:3;grid-row:1;width:auto;min-height:34px;margin:0;padding:7px 11px;border-radius:9px;gap:6px;box-shadow:none;font-size:12px}.compress-workspace-stage .compress-submit-button>.fa-solid{font-size:12px}.compress-workspace-stage .compression-options{grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.compress-workspace-stage .compression-option{min-width:0;min-height:30px;padding:6px;gap:6px;border-radius:9px}.compress-workspace-stage .option-radio{width:14px;height:14px;flex-basis:14px}.compress-workspace-stage .option-copy{min-width:0}.compress-workspace-stage .option-copy strong{font-size:10px;white-space:nowrap}.compress-workspace-stage .option-copy small{margin-top:2px;overflow:hidden;font-size:8px}.option-copy em{display:none}.compress-workspace-stage .option-copy em{margin-left:2px;padding:2px 3px;font-size:6px}.compress-workspace-stage .compress-preview-column{order:2;width:100%;min-width:0;height:auto;min-height:0;flex:1 1 auto;border-radius:12px}.compress-workspace-stage .compress-preview-shell{width:100%;height:100%;min-height:0}.compress-workspace-stage .compress-preview-shell iframe{right:6px;left:6px;width:calc(100% - 12px)}}@media(max-width:768px){.compress-result-stage{padding:8px;overflow:hidden}.compress-result-stage .result-compress-layout{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.compress-result-stage .compress-left-rail{display:none}.compress-result-stage .compress-result-panel{order:1;width:100%;height:auto;min-height:0;padding:8px 10px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:8px;row-gap:3px;overflow:hidden}.compress-result-stage .compress-result-heading{grid-column:1/-1;grid-row:1;gap:8px}.compress-result-stage .compress-result-heading h1{font-size:16px;gap:5px}.compress-result-stage .compress-result-heading button{min-height:32px;padding:6px 9px;border-radius:8px;font-size:11px}.compress-result-stage .compressed-file-name{grid-column:1;grid-row:2;min-width:0;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.compress-result-stage .compressed-file-details{grid-column:1;grid-row:3;margin:0;font-size:9px}.compress-result-stage .compress-download-button{grid-column:2;grid-row:2/4;align-self:center;min-height:36px;margin:0;padding:7px 11px;border-radius:9px;gap:6px;box-shadow:none;font-size:11px}.compress-result-stage .compress-download-button>.fa-solid{font-size:13px}.compress-result-stage .compression-saving-card,.compress-result-stage .compress-side-ad{display:none}.compress-result-stage .compress-preview-column{order:2;width:100%;min-width:0;height:auto;min-height:0;flex:1 1 auto;border-radius:12px}.compress-result-stage .result-preview-shell{width:100%;height:100%;min-height:0}.compress-result-stage .result-preview-shell iframe{right:6px;left:6px;width:calc(100% - 12px)}}