#compression-level-selector .action-button.active{background-color:#e9f2ff;color:var(--primary-accent);border-color:var(--primary-accent);font-weight:600;box-shadow:inset 0 1px 2px #0000001a}#upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed var(--border-color, #dfe1e6);border-radius:var(--radius-md, 6px);background-color:#fafbfc;color:var(--text-muted, #6b7f99);cursor:pointer;width:100%;min-height:250px;transition:all .2s ease}#upload-placeholder:hover{border-color:var(--primary-accent, #0052cc);color:var(--primary-accent, #0052cc);background-color:#f4f5f7}#upload-placeholder:hover svg{stroke:var(--primary-accent, #0052cc)}#upload-placeholder svg{width:48px;height:48px;stroke:var(--text-muted, #6b7f99);stroke-width:1.5;margin-bottom:1rem;transition:stroke .2s ease}#upload-placeholder span{font-weight:500;font-size:1.1rem}#compress-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px solid var(--border-color, #dfe1e6);border-radius:var(--radius-md, 6px);color:var(--text-muted, #6b7f99);cursor:default;width:100%;height:100%;min-height:250px;background-color:#fcfcfc}#compress-placeholder svg{width:48px;height:48px;stroke:var(--text-muted, #6b7f99);stroke-width:1.5;margin-bottom:1rem}#compress-placeholder span{font-weight:500;font-size:1.1rem}#file-list-container{padding-top:1rem;overflow-y:auto;max-height:calc(100vh - var(--nav-height) - 300px)}.text-muted-center{text-align:center;color:var(--text-muted, #6b7f99);padding:2rem 1rem}#compress-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}#compress-preview img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--shadow-md, 0 4px 8px -2px rgba(9, 30, 66, .25));border-radius:var(--radius-md, 6px);background-color:#fff}#compression-level-selector .text-xs{font-size:.75rem;display:block;font-weight:400;color:var(--text-muted);line-height:1;margin-top:4px}#compression-level-selector .action-button.active .text-xs{color:var(--primary-accent);font-weight:500}
