.compressor-page{display:grid;grid-template-columns:360px minmax(0,1fr);gap:38px;align-items:start}.settings-card{min-height:660px;display:flex;flex-direction:column}.settings-card .card-body{flex:1;display:flex;flex-direction:column}.settings-form{display:flex;flex-direction:column;gap:18px;height:100%}.settings-spacer{flex:1}.quality-row{display:grid;grid-template-columns:1fr 84px;gap:12px;align-items:center}.compressor-workspace{min-width:0;display:flex;flex-direction:column;gap:32px}.compressor-top-actions{display:flex;gap:22px;justify-content:center;align-items:center}.compressor-top-actions button{width:min(300px,31%);min-height:60px;font-size:20px}.compressor-top-actions .compress-btn{width:min(300px,30%)}.hidden-file{display:none}.drop-queue-card{height:390px;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.queue-drop-zone{width:100%;height:292px;border:2px dashed var(--red);border-radius:26px;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}.queue-drop-zone.dragging{background:#fff7f7;box-shadow:0 0 0 4px rgba(200,0,0,.08)}.drop-empty{text-align:center;max-width:520px}.drop-icon{margin:0 auto 12px;width:62px;height:62px;border-radius:18px;background:#000;color:#fff;display:grid;place-items:center;font-family:var(--sg);font-size:32px}.drop-empty strong{display:block;font-family:var(--inter);font-size:22px;color:#000;margin-bottom:8px}.drop-empty span{display:block;color:var(--muted);font-size:14px;line-height:1.55}.image-tile-grid{width:max-content;min-width:100%;height:100%;display:flex;flex-wrap:nowrap;gap:22px;align-items:flex-start;padding-bottom:8px}.image-tile{width:170px;flex:0 0 170px;text-align:center}.image-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1f6;border:1px solid rgba(11,37,79,.12)}.tile-name{margin-top:8px;font-family:var(--inter);font-size:12px;color:var(--navy);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-meta{margin:6px 0 8px;font-size:11px;color:var(--muted);line-height:1.45}.tile-progress-track{height:8px;border-radius:999px;background:#d7d3d3;overflow:hidden;margin:0 0 10px}.tile-progress-bar{height:100%;width:0;background:var(--red);border-radius:inherit;transition:width .22s}.tile-progress-bar.processing{background:#10b35b}.tile-progress-bar.done{background:#0a9d4a}.tile-progress-bar.error{background:#b00000}.tile-status,.tile-download{width:100%;border:0;border-radius:7px;padding:9px 10px;font-family:var(--inter);font-weight:800;color:#fff;background:#c7c5c5}.tile-status.processing{background:#10b35b}.tile-download{background:#000}.tile-status.error{background:#b00000}.tile-actions{display:flex;gap:7px;margin-top:8px}.tile-actions button{flex:1;padding:7px 8px}.download-all-wrap{display:flex;justify-content:center}.download-all-btn{width:min(360px,100%);min-height:66px;font-size:22px}.summary-strip{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:-12px}.summary-pill{border:1px solid rgba(11,37,79,.16);background:#fff;border-radius:999px;padding:9px 14px;color:var(--muted);font-size:13px}.summary-pill strong{color:var(--navy);font-family:var(--inter)}.mobile-compressor-actions{display:none}.mobile-settings-btn{border:1px solid rgba(11,37,79,.22);background:#000;color:#fff;border-radius:14px;width:54px;min-height:54px;display:grid;place-items:center}.mobile-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;flex:1}@media(max-width:1280px){.compressor-page{grid-template-columns:320px minmax(0,1fr);gap:28px}.compressor-top-actions button,.compressor-top-actions .compress-btn{width:50%}}@media(max-width:920px){.compressor-page{grid-template-columns:1fr;gap:20px}.settings-card{min-height:unset}.mobile-compressor-actions{display:flex;grid-column:1/-1;gap:12px;align-items:center}.settings-card.mobile-collapsible:not(.settings-open) .card-body{display:none}.settings-card.mobile-collapsible:not(.settings-open) .card-head{border-bottom:0}.desktop-upload-action,.desktop-clear-action{display:none!important}.compressor-top-actions{gap:12px;justify-content:stretch}.compressor-top-actions .compress-btn{width:100%;min-height:58px}.compressor-workspace{gap:20px}.drop-queue-card{padding:18px}.queue-drop-zone{height:260px}}@media(max-width:640px){.quality-row{grid-template-columns:1fr}.compressor-top-actions{flex-direction:column}.compressor-top-actions button{width:100%}.image-tile{width:145px;flex-basis:145px}.image-tile-grid{gap:14px}.download-all-btn,.compress-btn{width:100%}.drop-empty strong{font-size:18px}}