*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#182033;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}.hx-page{max-width:1180px;margin:auto;padding:28px 18px 60px}.hx-back{color:#315bd8;text-decoration:none}.hx-hero{padding:28px 0}.hx-hero h1{font-size:clamp(28px,5vw,46px);margin:10px 0}.hx-badges{display:flex;gap:8px;flex-wrap:wrap}.hx-badge{background:#e7efff;color:#2446a8;border-radius:999px;padding:7px 11px;font-size:13px}.hx-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.hx-panel{background:#fff;border:1px solid #dbe2ef;border-radius:18px;padding:20px;box-shadow:0 6px 22px #17213a0d}.hx-drop{min-height:170px;border:2px dashed #9eb0d5;border-radius:16px;display:grid;place-content:center;text-align:center;cursor:pointer;padding:20px}.hx-drop input{display:none}.hx-files,.hx-results{display:grid;gap:10px;margin-top:14px}.hx-file,.hx-result{border:1px solid #dde4ef;border-radius:14px;padding:14px;background:#fafcff}.hx-file{display:flex;justify-content:space-between;align-items:center}.hx-file small{display:block;color:#69758c;margin-top:4px}.hx-file button,.hx-btn{border:0;background:#e8eefb;color:#294a9b;border-radius:10px;padding:9px 12px;text-decoration:none;cursor:pointer}.hx-actions{display:flex;gap:10px;margin-top:14px}.hx-btn.primary{background:#315bd8;color:#fff}.hx-btn:disabled{opacity:.45}.hx-result.ok{border-left:5px solid #23965f}.hx-result.warn{border-left:5px solid #d49319}.hx-result.bad{border-left:5px solid #cc3e48}.hx-result pre{white-space:pre-wrap;max-height:320px;overflow:auto;background:#101625;color:#e8efff;padding:12px;border-radius:10px}.hx-result .hx-btn{display:inline-block;margin-top:8px}.hx-help{margin-top:18px}.hx-empty,.hx-working{color:#68748b}@media(max-width:780px){.hx-grid{grid-template-columns:1fr}.hx-page{padding:18px 12px 40px}.hx-actions{flex-direction:column}.hx-btn{width:100%;text-align:center}}