:root{--bg: #f6f1ea;--surface: rgba(255, 252, 247, .84);--surface-strong: #fffaf2;--text: #1f1a17;--muted: #6e6259;--line: rgba(61, 44, 30, .14);--accent: #b45f2a;--accent-strong: #8f471c;--accent-soft: rgba(180, 95, 42, .12);--success: #2f7a4d;--error: #c0392b;--shadow: 0 24px 60px rgba(61, 44, 30, .12);--radius-sm: 14px;--radius-md: 22px;--radius-lg: 32px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--content-max: 52rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.72),transparent 28%),linear-gradient(180deg,#f8f4ef 0%,var(--bg) 100%)}img{display:block;max-width:100%}button,input,select{font:inherit}.shell{width:min(calc(100% - (var(--space-5) * 2)),var(--content-max));margin:0 auto;padding:var(--space-7) 0}.panel{backdrop-filter:blur(14px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero{padding:var(--space-6);margin-bottom:var(--space-5)}.eyebrow{margin:0 0 var(--space-3);color:var(--accent-strong);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:16ch;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96}.lede{max-width:42rem;margin-top:var(--space-4);color:var(--muted);font-size:1.05rem;line-height:1.7}.workspace{display:grid;gap:var(--space-5);padding:var(--space-5)}.dropzone{position:relative;display:grid;place-items:center;min-height:11rem;padding:var(--space-6);border:2px dashed var(--line);border-radius:var(--radius-md);background:var(--surface-strong);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.dropzone:hover{border-color:#b45f2a66;background:#b45f2a0a}.dropzone.is-dragging{border-color:var(--accent);background:#b45f2a14;transform:scale(1.01)}.dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.dropzone-content{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.dropzone-icon{color:var(--accent);opacity:.7}.dropzone-title{font-size:1.15rem;margin:0}.dropzone-copy{color:var(--muted);font-size:.94rem}.controls-panel{display:grid;gap:var(--space-4)}.controls-row{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start}.format-group{display:grid;gap:var(--space-2)}.field-label{color:var(--accent-strong);font-size:.88rem;letter-spacing:.06em;text-transform:uppercase}.format-select{appearance:none;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236e6259'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .75rem center;color:var(--text);padding:.75rem 2.2rem .75rem .9rem;cursor:pointer}.format-select:focus{outline:2px solid rgba(180,95,42,.24);outline-offset:1px}.slider-group.compact{border:0;background:none;padding:0}.slider-header{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-2);font-size:.94rem}.slider-group input[type=range]{width:100%;accent-color:var(--accent)}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.action-button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fffaf5;padding:.8rem 1.3rem;cursor:pointer;font-size:.95rem;box-shadow:0 12px 24px #8f471c2e;transition:transform .18s ease,opacity .18s ease}.action-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.secondary{background:#2d241e;box-shadow:0 12px 24px #2d241e1f}.action-button.ghost{background:transparent;color:var(--muted);box-shadow:none;border:1px solid var(--line)}.action-button.ghost:hover:not(:disabled){background:#00000008}.action-button.small{padding:.5rem 1rem;font-size:.88rem;box-shadow:0 6px 14px #8f471c24}.file-list{display:grid;gap:var(--space-3)}.file-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);transition:border-color .2s ease}.file-card.is-compressing{border-color:var(--accent)}.file-card.is-done{border-color:var(--success)}.file-card.is-error{border-color:var(--error)}.file-card-info{display:grid;gap:2px;min-width:0}.file-card-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card-size{color:var(--muted);font-size:.85rem}.file-card-progress{display:grid;gap:4px;min-width:7rem;text-align:right}.file-card-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.file-card-fill{height:100%;border-radius:2px;background:var(--accent);width:0%;transition:width .2s ease}.file-card.is-done .file-card-fill{background:var(--success)}.file-card.is-error .file-card-fill{background:var(--error)}.file-card-status{font-size:.82rem;color:var(--muted)}.file-card.is-done .file-card-status{color:var(--success)}.file-card.is-error .file-card-status{color:var(--error)}.file-card-remove{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;opacity:.6;transition:opacity .15s}.file-card-remove:hover{opacity:1;color:var(--error)}.progress-section{display:grid;gap:var(--space-3)}.progress-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));width:0%;transition:width .3s ease}.progress-text{color:var(--muted);font-size:.94rem;text-align:center}.results-section{display:grid;gap:var(--space-4)}.results-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.results-stats{display:grid;gap:2px}.results-stats strong{font-size:1.2rem;color:var(--success)}.results-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.results-grid{display:grid;gap:var(--space-3)}.result-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong)}.result-info{display:grid;gap:2px;min-width:0}.result-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-stats{color:var(--success);font-size:.85rem}.status{color:var(--muted);font-size:.94rem;min-height:1.5em;text-align:center}.stat-meta{color:var(--muted);font-size:.88rem}.is-hidden{display:none!important}@media(max-width:40rem){.shell{width:min(calc(100% - (var(--space-4) * 2)),var(--content-max));padding:var(--space-5) 0}.hero,.workspace{padding:var(--space-4)}.controls-row{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:stretch}.results-actions{flex-direction:column}.file-card{grid-template-columns:1fr auto}.file-card-progress{grid-column:1 / -1;text-align:left}}