:root{--brand:#ff4713;--brand-dark:#cf3306;--ink:#151515;--muted:#6b6f76;--line:#e7e8ec;--panel:#fff;--page:#f6f7f9;--success:#138a48;--danger:#c9341f;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.shell{width:min(1040px,100% - 32px);margin:0 auto;padding:28px 0 52px}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:56px;display:flex}.brandLogo{width:min(210px,54vw);height:auto;display:block}.brandName{color:#2b2b2b;white-space:nowrap;font-size:.95rem;font-weight:800}.hero{gap:18px;padding:42px 0 22px;display:grid}.eyebrow{color:var(--brand);letter-spacing:0;margin:0 0 12px;font-size:.82rem;font-weight:850}h1{color:#111;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.02}.subtitle{max-width:620px;color:var(--muted);margin:16px 0 0;font-size:1rem;line-height:1.7}.converter{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:16px;padding:18px;display:grid;box-shadow:0 16px 48px #12121214}.dropzone{border:2px dashed color-mix(in srgb, var(--brand), white 42%);color:#1b1b1b;cursor:pointer;text-align:center;background:linear-gradient(#ff471314,#ff471308),#fff;border-radius:8px;align-content:center;place-items:center;gap:10px;min-height:250px;padding:28px;transition:border-color .16s,background .16s,transform .16s;display:grid}.dropzone:hover,.dropzone.isDragging{border-color:var(--brand);background:linear-gradient(#ff471321,#ff47130d),#fff;transform:translateY(-1px)}.dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dropIcon{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:2rem;font-weight:650;line-height:1;display:grid}.dropzone strong{color:#111;font-size:1.22rem}.dropzone span:last-child{color:var(--muted)}.summary{grid-template-columns:120px 140px minmax(0,1fr);gap:12px;display:grid}.summaryItem,.summaryStatus{border:1px solid var(--line);background:#fbfbfc;border-radius:8px;min-height:64px}.summaryItem{align-content:center;gap:4px;padding:12px 14px;display:grid}.summaryItem span,.summaryStatus small{color:var(--muted);font-size:.82rem}.summaryItem strong{color:#111;font-size:1.15rem}.summaryStatus{align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.summaryStatus strong,.summaryStatus small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.statusDot{background:var(--brand);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #ff47131f}.summaryStatus.working .statusDot{animation:1s ease-in-out infinite pulse}.summaryStatus.done .statusDot{background:var(--success);box-shadow:0 0 0 4px #138a481f}.summaryStatus.error .statusDot{background:var(--danger);box-shadow:0 0 0 4px #c9341f1f}.progressTrack{background:#f0f1f3;border-radius:999px;height:8px;overflow:hidden}.progressTrack span{border-radius:inherit;background:var(--brand);width:0;height:100%;transition:width .18s;display:block}.actions{flex-wrap:wrap;gap:12px;display:flex}button{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:6px;min-height:44px;padding:0 18px;font-weight:800}button:hover:not(:disabled){border-color:var(--brand-dark);background:var(--brand-dark)}button.secondary{color:#1f2328;background:#fff;border-color:#d6d8dd}button.secondary:hover:not(:disabled){background:#f7f7f8;border-color:#bfc3ca}button:disabled{cursor:not-allowed;opacity:.48}.fileList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fileItem,.emptyState{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:56px}.fileItem{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.fileInfo{min-width:0}.fileInfo strong,.fileInfo span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fileInfo strong{color:#151515;font-size:.95rem}.fileInfo span{color:var(--muted);margin-top:4px;font-size:.82rem}.fileBadge{color:#4b5563;white-space:nowrap;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:76px;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex}.fileItem.working .fileBadge{color:var(--brand-dark);background:#ff47131c}.fileItem.done{background:#fbfffc;border-color:#138a4847}.fileItem.done .fileBadge{color:var(--success);background:#138a481c}.fileItem.error{background:snow;border-color:#c9341f47}.fileItem.error .fileBadge{color:var(--danger);background:#c9341f1c}.emptyState{color:var(--muted);place-items:center;padding:18px;display:grid}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (width<=760px){.shell{width:min(100% - 20px,1040px);padding:18px 0 36px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.brandName{font-size:.86rem}.hero{padding:30px 0 16px}.converter{padding:14px}.dropzone{min-height:220px;padding:22px 16px}.summary{grid-template-columns:1fr 1fr}.summaryStatus{grid-column:1/-1}.actions,button{width:100%}.fileItem{grid-template-columns:1fr;gap:10px}.fileBadge{justify-self:start}}