.mode-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-card{padding:22px 15px;gap:12px}.mode-card .mode-art{width:37px;height:45px}.mode-card strong{font-size:17px}.mode-card>span>span{font-size:13px}.compressor{padding:27px 30px}.compress-heading h2{display:flex;flex-wrap:wrap;font-size:21px;margin:8px 0 10px}.compress-heading h2>span{font-size:14px;color:#7b8d6b}.compress-heading p{font-size:16px;color:#7a8d69;line-height:1.9}.compress-warning{border:1px solid #e6d6b6;border-left:3px solid #c6a366;border-radius:8px;background:#fbf7ed;padding:20px 23px;color:#79633e;margin:22px 0}.compress-warning>strong{font-size:17px}.compress-warning ul{padding-left:18px;margin:12px 0;font-size:16px;line-height:1.9}.compress-warning li{margin:5px 0}.compress-warning>p{font-size:15px;border-top:1px solid #e9dfc9;padding-top:12px;margin-bottom:0}.compress-drop{border:1px dashed #bdcdae;border-radius:10px;padding:24px;display:flex;align-items:center;gap:20px;justify-content:space-between;background:#fbfdf7}.compress-drop.over{background:#eaf3e1;outline:2px solid #89a171}.compress-drop>div{min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px 10px;align-items:center}.compress-drop svg{grid-row:span 2;color:#7a9369}.compress-drop strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.compress-drop span{font-size:14px;color:#91a07f}.compress-drop .button{white-space:nowrap;flex-shrink:0}.compress-config{max-width:510px;margin:23px 0}.compress-consent{display:flex!important;align-items:flex-start;gap:9px;font-size:16px!important;line-height:1.9;color:#5f7750!important;padding:15px;background:#f0f5e9;border-radius:7px}.compress-consent input{flex-shrink:0;margin-top:5px}.compress-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.compress-actions>p{font-size:15px;color:#819471}.compress-actions>div{display:flex;gap:10px}#compress-progress-box{margin-top:20px}#compress-progress{width:100%;height:10px;accent-color:#4c7954}#compress-status{font-size:16px;color:#62854e;line-height:1.8;margin:18px 0 0}#compress-status.error{color:#b06147}#compress-result{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#edf5e6;padding:20px;border:1px solid #d9e5cd;border-radius:9px;margin-top:17px}#compress-result strong{font-size:17px;font-weight:500}#compress-result p{font-size:16px;line-height:1.8;margin:7px 0}#compress-result .hint{font-size:14px;color:#7c9268}#compress-result a{white-space:nowrap;flex-shrink:0}@media(max-width:1000px){.mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card .mode-art{display:grid}}@media(max-width:650px){.mode-card{padding:17px 10px;text-align:left;justify-content:flex-start;gap:12px}.mode-card .mode-art{display:grid;width:30px;height:37px}.mode-card strong{font-size:15px}.mode-card small,.mode-card>span>span{display:none}.compressor{padding:20px 16px}.compress-heading h2{font-size:19px}.compress-warning{padding:16px}.compress-warning ul{font-size:15px}.compress-drop{padding:17px;flex-direction:column;align-items:stretch;gap:15px}.compress-drop span{font-size:13px}.compress-consent{font-size:15px!important}.compress-actions{flex-direction:column;align-items:stretch;gap:5px}.compress-actions>div{justify-content:flex-end}.compress-actions .primary{flex:1}#compress-result{align-items:stretch;flex-direction:column}.compress-heading h2>span{font-size:13px}}


/* Readability refresh applied */