.app{max-width:880px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.hero{margin-bottom:1.75rem}.eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--brand);font-weight:600}.hero h1{margin:0;font-family:Fraunces,"IBM Plex Serif",Georgia,serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:600;letter-spacing:-.02em;color:var(--brand)}.lead{margin:.75rem 0 0;max-width:42rem;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1.1rem 1.25rem}.controls{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:end;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem;min-width:min(100%,320px)}.field span{font-size:.85rem;color:var(--muted)}.field select{padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff}.check{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem;color:var(--muted);max-width:28rem}.drop{border:2px dashed #9bb5a4;border-radius:16px;background:linear-gradient(180deg,#f7fbf8,#eef5f0);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s,background .15s,transform .15s;margin-bottom:1.25rem}.drop:hover,.drop.over{border-color:var(--brand);background:#e7f2ea;transform:translateY(-1px)}.drop.busy{cursor:progress;pointer-events:none}.drop strong{font-size:1.15rem}.drop span{color:var(--muted);font-size:.92rem}.bar{height:8px;background:#d5e4da;border-radius:99px;overflow:hidden;margin:.5rem auto 0;width:min(320px,100%)}.bar i{display:block;height:100%;background:var(--brand);transition:width .15s}.banner{padding:.85rem 1rem;border-radius:10px;margin:0 0 1rem}.banner.ko{background:var(--ko-bg);color:var(--ko)}.verdict{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.verdict>span{flex:0 0 auto;font-weight:700;font-size:1.1rem;letter-spacing:.04em;padding:.45rem .75rem;border-radius:8px}.verdict.ok>span{background:var(--ok-bg);color:var(--ok)}.verdict.ko>span{background:var(--ko-bg);color:var(--ko)}.verdict strong{display:block;margin-bottom:.15rem}.verdict p{margin:0;color:var(--muted);font-size:.9rem}.stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{font-size:.82rem;padding:.25rem .6rem;border-radius:999px;font-weight:600}.chip.ko{background:var(--ko-bg);color:var(--ko)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.info{background:var(--info-bg);color:var(--info)}.note{font-size:.9rem;color:var(--muted)}.note code{font-size:.82rem;background:#f0ebe3;padding:.1rem .35rem;border-radius:4px}.issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;max-height:420px;overflow:auto}.issues li{display:flex;gap:.65rem;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--line);background:#fff}.issues li.error{border-color:#f0c2bd;background:#fff8f7}.issues li.warning{border-color:#f0d9a0;background:#fffdf6}.issues .tag{flex:0 0 auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:.2rem .4rem;border-radius:4px;height:fit-content}.issues li.error .tag{background:var(--ko-bg);color:var(--ko)}.issues li.warning .tag{background:var(--warn-bg);color:var(--warn)}.issues li.info .tag{background:var(--info-bg);color:var(--info)}.issues strong{display:block;font-size:.92rem}.issues p{margin:.15rem 0 0;font-size:.8rem;color:var(--muted)}.mapping{margin:1rem 0 1.25rem;padding:.85rem 0 0;border-top:1px solid var(--line)}.mapping h2{margin:0 0 .35rem;font-size:1rem;font-weight:700}.mapping-table{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow:auto}.mapping-head,.mapping-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(160px,1.4fr) 72px;gap:.5rem;align-items:center}.mapping-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;padding:0 .25rem}.mapping-row{padding:.4rem .5rem;border:1px solid var(--line);border-radius:8px;background:#fff}.mapping-row.alias{border-color:#b7d4c4;background:#f4faf6}.mapping-row.miss{border-color:#f0c2bd;background:#fff8f7}.map-expected{font-size:.85rem;word-break:break-word}.mapping-row select{width:100%;padding:.35rem .45rem;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:.82rem}.map-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;text-align:center;padding:.2rem .3rem;border-radius:4px;background:#eee;color:var(--muted)}.map-tag.exact{background:var(--ok-bg);color:var(--ok)}.map-tag.alias,.map-tag.fuzzy,.map-tag.manual{background:var(--info-bg);color:var(--info)}.map-tag.none{background:var(--ko-bg);color:var(--ko)}.fix-box{margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.fix-box p{margin:0;color:var(--muted);font-size:.9rem;flex:1;min-width:200px}.fix-box button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:.65rem 1rem;cursor:pointer;font-weight:600}.fix-box button:hover{filter:brightness(1.08)}.foot{margin-top:2rem;font-size:.82rem;color:var(--muted)}.foot a{color:var(--brand)}:root{color-scheme:light;--bg: #f3f0ea;--bg-accent: #e7efe8;--ink: #1a1f1c;--muted: #5c675f;--line: #cfd6d0;--ok: #1b7a4a;--ok-bg: #e4f5eb;--ko: #b42318;--ko-bg: #fdeceb;--warn: #9a6700;--warn-bg: #fff6e0;--info: #175cd3;--info-bg: #e8f1ff;--brand: #0f3d2e;--panel: #fffcf7;--shadow: 0 12px 40px rgba(26, 31, 28, .08);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#dceadf 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#f0e6d8 0%,transparent 50%),var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,select,input{font:inherit}#root{min-height:100vh}