.compressor-hero{position:relative;overflow:hidden}.compressor-hero::after{content:"";position:absolute;right:-110px;bottom:-260px;width:470px;height:470px;border:1px solid #c8ef7245;border-radius:50%;box-shadow:0 0 0 74px #c8ef7209,0 0 0 148px #c8ef7205;pointer-events:none}.compressor-panel{max-width:1020px}.compressor-source{grid-template-columns:46px minmax(0,1fr) 180px auto}.compressor-source video{display:block;width:180px;max-height:102px;background:#171421;border-radius:3px}.compression-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.compression-primary .field-label input,.converter-settings .field-label input{width:100%;min-height:44px;border:1px solid var(--tool-rule);border-radius:3px;background:#fffdf9;color:var(--tool-ink);padding:0 12px;font:700 .75rem Inter,system-ui,sans-serif}.compression-primary .field-label small{display:block;margin-top:6px;color:var(--tool-muted);font-size:.62rem}.compressor-help{margin:10px 0 0;color:var(--tool-muted);font-size:.65rem}.compressor-switches{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px 34px;margin-top:18px}.compression-estimate{display:grid;grid-template-columns:110px minmax(0,1fr);gap:5px 18px;margin-top:32px;padding:17px 0;border-top:1px solid var(--tool-rule);border-bottom:1px solid var(--tool-rule)}.compression-estimate span{grid-row:1/3;color:var(--tool-teal);font:900 .63rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.compression-estimate strong{font-size:.78rem}.compression-estimate small{color:var(--tool-muted);font-size:.66rem}.compressor-panel .conversion-runway{margin-top:0;border-top:0}.compressor-panel .is-hidden{display:none!important}@media(max-width:780px){.compression-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.compressor-source{grid-template-columns:46px minmax(0,1fr) auto}.compressor-source video{grid-column:2/-1;width:100%;max-height:220px}}@media(max-width:520px){.compression-primary{grid-template-columns:1fr}.compression-estimate{grid-template-columns:1fr}.compression-estimate span{grid-row:auto}.compressor-source{grid-template-columns:42px minmax(0,1fr)}.compressor-source .quiet-button{grid-column:1/-1}.compressor-source video{grid-column:1/-1}.compressor-switches{display:grid;grid-template-columns:1fr}}