.compressor-title-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#fff;font-size:22px;background:linear-gradient(145deg,#16ac75,#087e59);box-shadow:0 12px 24px rgba(8,126,89,.2)}.compressor-upload{padding:22px}.compressor-drop{padding:48px 22px;border:2px dashed rgba(0,164,255,.28);border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f6fbfe);text-align:center;transition:.2s}.compressor-drop.dragging{border-color:#12a873;background:#effbf6}.compressor-drop-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:22px;background:#e9f9f2;color:#0a9264;font-size:30px}.compressor-drop-icon .fa-arrow-down{position:absolute;right:-4px;bottom:1px;width:27px;height:27px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#0b9465;color:#fff;font-size:10px}.compressor-drop h2{margin:0;color:#263348;font-size:24px}.compressor-drop p{margin:6px 0 17px;color:var(--edu-muted)}.compressor-drop small{display:block;margin-top:13px;color:#8b98aa;font-size:10px}.compressor-error{margin-top:14px;padding:12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#b42318;font-size:11px;font-weight:650}.compressor-progress-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-top:22px;padding:22px}.compressor-spinner{width:34px;height:34px;border:4px solid #dff4eb;border-top-color:#0b9465;border-radius:50%;animation:compspin .8s linear infinite}.compressor-progress-card strong,.compressor-progress-card span{display:block}.compressor-progress-card strong{color:#263348}.compressor-progress-card span{margin-top:3px;color:var(--edu-muted);font-size:10px}.compressor-progress-card button{border:0;background:transparent;color:#c5485b;font-size:10px}.compressor-progress-track{grid-column:1/-1;height:7px;border-radius:99px;background:#e8eff1}.compressor-progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#0b9465,var(--edu-blue));transition:.2s}@keyframes compspin{to{transform:rotate(360deg)}}.compressor-file-bar{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 18px}.compressor-file{display:flex;gap:11px;align-items:center;min-width:0}.compressor-file>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#e9f9f2;color:#0a9264}.compressor-file strong,.compressor-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compressor-file strong{color:#263348;font-size:12px}.compressor-file small{margin-top:3px;color:var(--edu-muted);font-size:9px}.compressor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;margin-top:18px}.compressor-options,.compressor-analysis{padding:22px}.compressor-kicker{color:var(--edu-muted);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.compressor-options h2,.compressor-analysis h2{margin:3px 0 17px;color:var(--edu-blue);font-size:22px}.compressor-levels{display:grid;gap:9px}.compressor-levels label{cursor:pointer}.compressor-levels input{position:absolute;opacity:0}.compressor-levels label>span{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:3px 12px;padding:14px;border:1px solid #dfe9ee;border-radius:12px;background:#fbfdff}.compressor-levels input:checked+span{border-color:#12a873;background:#f0fbf6;box-shadow:0 0 0 2px rgba(18,168,115,.08)}.compressor-levels i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e9f9f2;color:#0b9465}.compressor-levels strong{color:#334157;font-size:12px}.compressor-levels small{grid-column:2/4;color:#7d8b9e;font-size:9px;line-height:1.45}.compressor-levels em{color:#0b9465;font-size:8px;font-style:normal;font-weight:800}.compressor-warning{margin-top:13px;padding:11px;border-radius:10px;background:#fff8e8;color:#7c601d;font-size:9px;line-height:1.5}.compressor-name-label{display:block;margin:16px 0 6px;color:#4c5a70;font-size:9px;font-weight:850;text-transform:uppercase}.compressor-name{display:flex;align-items:center;border:1px solid #dbe6ed;border-radius:10px;background:#fbfdff}.compressor-name input{width:100%;padding:11px;border:0;outline:0;background:transparent;color:#2d3a50;font-size:11px}.compressor-name span{padding-right:11px;color:#8996a8;font-size:10px}.compressor-start{width:100%;margin-top:16px}.compressor-preview{display:grid;place-items:center;min-height:240px;padding:12px;border-radius:12px;background:#eef3f6}.compressor-preview canvas{max-width:100%;max-height:265px;background:#fff;box-shadow:0 5px 16px rgba(37,50,71,.13)}.compressor-preview span{margin-top:8px;color:#8492a4;font-size:8px}.compressor-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.compressor-facts>div{padding:11px;border-radius:9px;background:#f5f8fa}.compressor-facts span,.compressor-facts strong{display:block}.compressor-facts span{color:#8794a5;font-size:8px;text-transform:uppercase}.compressor-facts strong{margin-top:3px;color:#344157;font-size:11px}.compressor-result{margin-top:18px;padding:24px}.compressor-result-head{display:flex;gap:14px;align-items:center}.compressor-success{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f8ed;color:#199057}.compressor-result h2{margin:2px 0;color:#263348;font-size:21px}.compressor-result p{margin:0;color:var(--edu-muted);font-size:10px}.compressor-comparison{display:grid;grid-template-columns:1fr auto 1fr 1.2fr;gap:13px;align-items:center;margin:20px 0;padding:15px;border-radius:13px;background:#f4f8fa}.compressor-comparison>div:not(.compressor-saving) span,.compressor-comparison>div:not(.compressor-saving) strong{display:block}.compressor-comparison span{color:#8794a5;font-size:8px;text-transform:uppercase}.compressor-comparison strong{color:#2e3c51;font-size:18px}.compressor-comparison>i{color:#98a5b5}.compressor-saving{padding:10px;border-radius:9px;background:#e5f8ed;text-align:center}.compressor-saving strong,.compressor-saving span{display:block;color:#168454}.compressor-saving strong{font-size:19px}.compressor-saving span{font-size:8px}.compressor-result-actions{display:flex;gap:9px;align-items:center}.compressor-privacy{display:flex;gap:11px;margin-top:17px;padding:14px 17px;border:1px solid #d9f1e5;border-radius:12px;background:#f2fbf6;color:#357054}.compressor-privacy strong,.compressor-privacy span{display:block}.compressor-privacy strong{font-size:10px}.compressor-privacy span{margin-top:2px;font-size:8px}@media(max-width:800px){.compressor-layout{grid-template-columns:1fr}.compressor-comparison{grid-template-columns:1fr auto 1fr}.compressor-saving{grid-column:1/-1}.compressor-result-actions{flex-wrap:wrap}}@media(max-width:520px){.compressor-file-bar,.compressor-result-actions{align-items:flex-start;flex-direction:column}.compressor-levels label>span{grid-template-columns:auto 1fr}.compressor-levels em{grid-column:2}.compressor-levels small{grid-column:2}.compressor-comparison{gap:7px}.compressor-comparison strong{font-size:14px}}