:root{--rv-yellow: #f5c400;--rv-black: #1a1a1a;--rv-blue: #3b82f6;--rv-paper: #fdfbf7;--rv-panel: #fffdf8;--rv-danger: #ffd4d4;--rv-success: #dff8df;color:var(--rv-black);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle,rgba(26,26,26,.09) 1px,transparent 1px),var(--rv-paper);background-size:18px 18px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid var(--rv-blue);outline-offset:3px}.app-shell{display:grid;min-height:100vh;place-items:center;padding:28px}.converter-panel{width:min(980px,100%);padding:24px;background:var(--rv-panel);border:3px solid var(--rv-black);box-shadow:10px 10px 0 var(--rv-black)}.page-header,.toolbar,.file-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header{margin-bottom:20px}.eyebrow{margin:0 0 4px;font-size:.82rem;font-weight:900;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,4vw,4.3rem);line-height:.95;text-transform:uppercase}.counter{min-width:74px;padding:10px 12px;border:3px solid var(--rv-black);background:var(--rv-yellow);box-shadow:4px 4px 0 var(--rv-black);font-weight:900;text-align:center}.drop-zone{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:142px;padding:20px;border:3px dashed var(--rv-black);background:#fff9d9;transition:transform .16s ease,background .16s ease}.drop-zone.is-dragging{background:var(--rv-yellow);transform:translate(-3px,-3px)}.drop-zone>svg{width:36px;height:36px}.drop-zone strong,.drop-zone span{display:block}.drop-zone strong{font-size:1.25rem;font-weight:900;text-transform:uppercase}.drop-zone span{margin-top:4px;font-weight:700}.drop-zone input{display:none}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:3px solid var(--rv-black);color:var(--rv-black);font-weight:900}.primary-button,.secondary-button{min-height:46px;padding:0 16px;text-transform:uppercase;box-shadow:4px 4px 0 var(--rv-black)}.primary-button{background:var(--rv-yellow)}.secondary-button{background:var(--rv-panel)}.primary-button:hover,.secondary-button:hover,.icon-button:hover:not(:disabled){transform:translate(-2px,-2px)}.primary-button svg,.secondary-button svg,.icon-button svg,.file-icon svg,.empty-state svg{width:18px;height:18px}.toolbar{justify-content:flex-end;margin:18px 0;flex-wrap:wrap}.queue{display:grid;gap:10px}.empty-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:96px;border:3px solid var(--rv-black);background:var(--rv-panel);box-shadow:6px 6px 0 var(--rv-black);font-weight:900;text-transform:uppercase}.file-row{display:grid;grid-template-columns:38px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:92px;padding:12px;border:2px solid var(--rv-black);background:#fff}.file-row.status-done{background:var(--rv-success)}.file-row.status-error{background:var(--rv-danger)}.file-icon{display:grid;width:32px;height:32px;place-items:center;border:2px solid var(--rv-black);background:var(--rv-yellow)}.file-main{min-width:0}.file-title strong,.file-title span,.file-meta{overflow-wrap:anywhere}.file-title strong{min-width:0;font-weight:900}.file-title span,.file-meta{font-size:.9rem;font-weight:800}.progress-track{height:10px;margin:8px 0;overflow:hidden;border:2px solid var(--rv-black);background:var(--rv-panel)}.progress-track span{display:block;width:0;height:100%;background:var(--rv-blue);transition:width .14s ease}.file-meta{min-height:20px;margin:0}.icon-button{width:36px;height:36px;padding:0;background:var(--rv-panel)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.app-shell{padding:14px}.converter-panel{padding:16px;box-shadow:6px 6px 0 var(--rv-black)}.page-header,.drop-zone{align-items:stretch}.page-header,.drop-zone,.toolbar{flex-direction:column}.drop-zone{display:flex}.primary-button,.secondary-button{width:100%}.file-row{grid-template-columns:32px minmax(0,1fr)}.icon-button{grid-column:2;width:100%}}