:root{--wine:#7a153f;--wine2:#a92357;--gold:#f2c247;--gold2:#b77a08;--ink:#230713;--muted:#7c5b67;--paper:#fff8ee;--card:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#fff0bd,transparent 30%),linear-gradient(135deg,#fff8ee,#f7e7df 45%,#fff);color:var(--ink)}.shell{max-width:1240px;margin:auto;padding:34px 20px}.hero{display:flex;gap:24px;align-items:center;margin-bottom:22px}.brandCard{width:140px;height:140px;border-radius:34px;background:linear-gradient(135deg,var(--wine),#2b0616);display:grid;place-items:center;box-shadow:0 24px 70px rgba(122,21,63,.25)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--wine);font-weight:800}h1{font-size:48px;line-height:1;margin:0;background:linear-gradient(90deg,var(--wine),var(--wine2),var(--gold2));-webkit-background-clip:text;color:transparent}.subtitle{font-size:17px;line-height:1.55;color:var(--muted);max-width:720px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:18px 0 20px}.step{display:flex;align-items:center;gap:10px;border:1px solid rgba(122,21,63,.14);background:rgba(255,255,255,.7);border-radius:16px;padding:13px 15px;color:var(--muted);font-weight:800}.step span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f3dfd1;color:var(--wine)}.step.active{border-color:rgba(122,21,63,.35);color:var(--wine);background:#fff}.compare{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch}.panel,.result{background:rgba(255,255,255,.86);border:1px solid rgba(122,21,63,.12);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(122,21,63,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h2,.result h2{margin:0 0 10px;color:var(--wine)}.comparePanel{min-height:360px}input[type=file]{display:block;width:100%;padding:18px;border:2px dashed rgba(122,21,63,.28);border-radius:18px;background:var(--paper);margin:16px 0}.fileName{font-weight:800;color:var(--wine);word-break:break-word}.muted{color:var(--muted)}.download,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--wine2),var(--wine));color:white;padding:14px 22px;font-weight:900;cursor:pointer;text-decoration:none;box-shadow:0 12px 28px rgba(122,21,63,.25);min-height:48px}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.convertBridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.convertBridge small{color:var(--muted);font-weight:800}.facts{display:grid;grid-gap:10px;gap:10px;margin:18px 0 0}.facts div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(122,21,63,.1);padding-bottom:9px}.facts dt{color:var(--muted);font-weight:800}.facts dd{margin:0;font-weight:900;text-align:right}.changeList{margin:16px 0;padding-left:20px;color:var(--ink)}.changeList li{margin:10px 0}.miniBox{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.miniBox span{border:1px solid rgba(122,21,63,.18);background:#fff7ed;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;color:var(--wine)}.result{margin-top:20px}.success{border-color:rgba(183,122,8,.45)}.error{border-color:rgba(122,21,63,.5)}.requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:14px 0}.requirement{border:1px solid rgba(122,21,63,.12);border-radius:16px;padding:13px;background:#fff;display:grid;grid-gap:5px;gap:5px}.requirement strong{font-size:12px}.requirement.ok strong{color:#15803d}.requirement.bad strong{color:#b91c1c}.requirement span{font-weight:900}.requirement small{color:var(--muted);line-height:1.35}.log{margin-top:16px;background:#240714;color:#ffe9b4;border-radius:18px;padding:16px;max-height:260px;overflow:auto}.log p{margin:6px 0;font-family:Consolas,monospace;font-size:13px;line-height:1.35}.download{margin-top:14px}@media(max-width:960px){.compare{grid-template-columns:1fr}.convertBridge{padding:8px 0}.requirements,.steps{grid-template-columns:1fr}.hero{display:block}.brandCard{margin-bottom:18px}h1{font-size:36px}}