:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--text: rgba(255, 255, 255, .87);--muted-text: #bbb;--subtle-text: #777;--link: #646cff;--link-hover: #535bf2;--surface: #18191d;--surface-2: #1e1f25;--border: #2a2d33;--preview-bg: #111;--dropzone-bg: linear-gradient(135deg, #1e1e1e, #242424);--dropzone-active: #2d2d36;--dropzone-border: #555;--chip-bg: #323541;--chip-hover: #3d4150;--danger-bg: #3b1111;--danger-border: #772222;--danger-text: #ffb7b7;--primary: #4c52ff;--primary-hover: #6369ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link);text-decoration:inherit}a[role=button],a.button,a.btn{display:inline-block;border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;text-decoration:none;transition:border-color .25s,background .25s}a[role=button]:hover,a.button:hover,a.btn:hover{border-color:var(--primary);background-color:var(--surface);color:var(--text)}a[role=button]:focus,a.button:focus,a.btn:focus,a[role=button]:focus-visible,a.button:focus-visible,a.btn:focus-visible{outline:4px auto var(--primary)}a:hover{color:var(--link-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color .25s,background .25s}button:hover{border-color:var(--primary);background-color:var(--surface)}button:focus,button:focus-visible{outline:4px auto var(--primary)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--text: #213547;--muted-text: #5b5f66;--subtle-text: #6b7280;--link: #3b5bfd;--link-hover: #5b73ff;--surface: #f6f7fb;--surface-2: #ffffff;--border: #e5e7eb;--preview-bg: #f9fafb;--dropzone-bg: linear-gradient(135deg, #f5f7ff, #ffffff);--dropzone-active: #eef0ff;--dropzone-border: #cfd3dc;--chip-bg: #eef1f7;--chip-hover: #e2e7f2;--danger-bg: #ffecec;--danger-border: #f9c2c2;--danger-text: #b00020;--primary: #3b5bfd;--primary-hover: #5b73ff}a:hover{color:var(--link-hover)}button,a[role=button],a.button,a.btn{background-color:var(--surface-2);color:var(--text)}}#root,.app-shell{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 4rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}header{text-align:center;margin-bottom:1.5rem}header h1{margin:0 0 .5rem;font-size:1.9rem;color:var(--text)}header .tagline{margin:0;color:var(--subtle-text);font-size:.95rem}footer{margin-top:3rem;text-align:center;color:var(--subtle-text)}.compressor{display:flex;flex-direction:column;gap:1.25rem}.drop-zone{position:relative;border:2px dashed var(--dropzone-border);border-radius:12px;padding:2.5rem 1rem;text-align:center;background:var(--dropzone-bg);color:var(--muted-text);transition:border-color .25s,background .25s}.drop-zone.active{border-color:var(--link);background:var(--dropzone-active)}.drop-zone-label{cursor:pointer;display:inline-block;padding:.75rem 1.25rem;background:var(--chip-bg);border-radius:8px}.drop-zone-label:hover{background:var(--chip-hover)}.file-info{margin-top:.75rem;font-size:.85rem;color:var(--muted-text)}.controls{display:flex;flex-direction:column;gap:.75rem;background:var(--surface-2);padding:1rem 1.25rem;border-radius:10px}.control-row{display:flex;align-items:center;gap:.75rem}.control-row label{font-size:.85rem;font-weight:600;min-width:60px}.control-row select,.control-row input[type=range]{flex:1}.small-note{font-size:.7rem;opacity:.7}.status{font-size:.9rem;color:var(--muted-text)}.error{background:var(--danger-bg);color:var(--danger-text);padding:.6rem .8rem;border:1px solid var(--danger-border);border-radius:8px;font-size:.8rem}.result{display:grid;gap:.75rem;background:var(--surface);padding:1rem 1.25rem;border-radius:10px}.stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--muted-text)}.preview-wrapper{width:100%;background:var(--preview-bg);border:1px solid var(--border);border-radius:8px;padding:.5rem;display:grid;place-items:center;overflow:hidden}.preview{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;margin:0 auto}.preview-fallback{font-size:.75rem;color:var(--subtle-text);padding:.5rem;text-align:center}.download-btn{display:inline-block;text-align:center;background:var(--primary);color:#fff;padding:.65rem 1.1rem;border-radius:8px;text-decoration:none;font-size:.85rem;font-weight:600}.download-btn:hover{background:var(--primary-hover)}@media (min-width: 900px){.compressor{flex-direction:column}.result{grid-template-columns:1fr}}