:root{color-scheme:light dark;--bg:#f5f7fb;--panel:#fff;--text:#182033;--muted:#647089;--line:#dbe2ef;--accent:#315cce;--danger:#b42318;--ok:#067647}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}main{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:28px 0 60px}.hero{padding:18px 0 22px}.hero a{color:var(--accent);text-decoration:none}.eyebrow{font-size:.78rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:.35rem 0}.hero>p{max-width:820px;color:var(--muted);line-height:1.7}.truth{display:grid;gap:4px;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.truth span{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.stack{display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.panel h2{font-size:1.05rem;margin:0 0 14px}.drop{display:grid;place-items:center;min-height:180px;padding:20px;text-align:center;border:2px dashed var(--line);border-radius:14px;cursor:pointer}.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.drop input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.drop b{font-size:1.05rem}.drop span,#fileName small{display:block;color:var(--muted);margin-top:6px}.file-name{margin:12px 0;overflow-wrap:anywhere}.options{display:grid;gap:12px}.options label{display:grid;gap:6px;font-size:.92rem}.options select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.buttons{display:flex;gap:10px;flex-wrap:wrap}.buttons button{border:1px solid var(--line);border-radius:10px;padding:11px 15px;background:var(--panel);color:var(--text);font-weight:700;cursor:pointer}.buttons .primary{background:var(--accent);border-color:var(--accent);color:#fff}.buttons button:disabled{opacity:.5;cursor:not-allowed}progress{width:100%;height:12px;margin-top:14px}#status{min-height:1.5em;color:var(--muted)}#status.ok{color:var(--ok)}#status.danger{color:var(--danger)}#summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}#summary dl div{border:1px solid var(--line);border-radius:12px;padding:12px}dt{font-size:.8rem;color:var(--muted)}dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.preview{width:100%;height:560px;border:1px solid var(--line);border-radius:12px;background:#fff}.warning{border-color:#f4c7c3}.warning li{margin:.55rem 0;color:var(--muted)}.result{border:1px solid var(--line);border-radius:12px;padding:16px}.result h3{margin:0 0 6px}.result div{display:flex;gap:10px;flex-wrap:wrap}.result a{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}.error{border:1px solid #f4c7c3;background:#fff6f5;color:var(--danger);border-radius:12px;padding:14px}@media(max-width:820px){.layout{grid-template-columns:1fr}.preview{height:440px}#summary dl{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){:root{--bg:#10141d;--panel:#171d29;--text:#eef3ff;--muted:#a9b4c8;--line:#30394a;--accent:#7ca0ff;--danger:#ff9b90;--ok:#75e0a7}.buttons .primary,.result a{color:#0d1422}.preview{background:#fff}}

.analysis-warnings{margin:14px 0 0;padding:12px 14px 12px 30px;border:1px solid #f1c27d;border-radius:12px;background:#fff8eb;color:#8a4b08}.analysis-warnings li{margin:.4rem 0}.result-warning{padding:10px 12px;border-radius:10px;background:#fff8eb;color:#8a4b08}@media(prefers-color-scheme:dark){.analysis-warnings,.result-warning{background:#2a2114;color:#ffd18a;border-color:#6f5124}}