:root{--text:#1b2735;--text-h:#0f172a;--bg:#f7faf7;--border:#c8d1c9;--panel:#fff;--panel-strong:#edf3ee;--accent:#0e8f6f;color:var(--text);background:radial-gradient(circle at 100% 0,#d5efe6,#f7faf7 42%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{gap:16px;max-width:960px;margin:0 auto;padding:24px;display:grid}.top-bar{justify-content:space-between;align-items:start;gap:16px;display:flex}.top-bar h1{margin:0 0 8px;font-size:2rem}.top-bar p{margin:0}.language-picker{align-items:center;gap:8px;display:flex}.drop-area{border:2px dashed var(--border);text-align:center;background:var(--panel);border-radius:16px;padding:20px}.drop-area.active{border-color:var(--accent)}.hidden-input{display:none}.controls{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-size:.95rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary,.btn-compose{background:var(--accent);color:#fff}.btn-secondary{background:var(--panel-strong);color:var(--text-h)}.progress{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:12px}.progress-header{justify-content:space-between;margin-bottom:8px;display:flex}.progress-bar{background:var(--panel-strong);border-radius:10px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#1ea672,#58d68d);height:100%;display:block}.queue-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.queue-item{border:1px solid var(--border);background:var(--panel);border-radius:12px;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.thumb{background:var(--panel-strong);border-radius:8px;place-items:center;width:70px;height:70px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.pdf-tile{color:var(--accent);font-weight:700}.file-meta{gap:4px;display:grid}.queue-actions{flex-wrap:wrap;gap:6px;display:flex}.queue-actions button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px}.queue-actions .remove{border-color:#d96a6a}.errors{border:1px solid var(--border);background:#fff5f5;border-radius:12px;padding:12px}.errors p{margin:6px 0}.modal-backdrop{background:#0f172a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(420px,100%);padding:16px}.profile-option{text-transform:capitalize;gap:8px;margin:6px 0;display:flex}.modal-actions{justify-content:end;gap:10px;margin-top:12px;display:flex}@media (width<=760px){.app-shell{padding:16px}.top-bar{flex-direction:column}.queue-item{grid-template-columns:1fr}}