:root{color-scheme:light dark}.hx-page{max-width:1180px;margin:0 auto;padding:28px 18px 60px;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif}.hx-back{display:inline-block;margin-bottom:18px}.hx-hero{margin-bottom:20px}.hx-hero h1{margin:0 0 10px;font-size:clamp(1.65rem,4vw,2.35rem)}.hx-hero p{line-height:1.7;color:#52627a}.hx-badges{display:flex;gap:8px;flex-wrap:wrap}.hx-badge{padding:6px 10px;border:1px solid #c9d7f4;border-radius:999px;font-size:.82rem}.hx-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.hx-panel{border:1px solid #d5deec;border-radius:16px;padding:18px;background:rgba(255,255,255,.96);box-shadow:0 8px 26px rgba(30,60,110,.06)}.hx-drop{min-height:150px;border:2px dashed #9eb2d2;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:20px}.hx-drop.drag{border-color:#2563eb;background:#eff6ff}.hx-drop input{position:absolute;opacity:0;pointer-events:none}.hx-drop strong{font-size:1.05rem}.hx-files{display:grid;gap:8px;margin-top:12px}.hx-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f5f8fc;border-radius:10px}.hx-file div{display:grid;gap:3px;min-width:0}.hx-file strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-file small{color:#64748b}.hx-file button,.hx-btn{border:1px solid #b8c5d8;border-radius:10px;padding:9px 13px;background:#fff;cursor:pointer}.hx-btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}.hx-btn:disabled{opacity:.45;cursor:not-allowed}.hx-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hx-options label{display:grid;gap:6px;font-weight:650}.hx-options select,.hx-options input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #bcc9dc;border-radius:10px;background:#fff}.hx-actions{display:flex;gap:10px;margin:16px 0}.hx-results{display:grid;gap:10px}.hx-result{display:grid;gap:6px;padding:13px;border-radius:12px;background:#f5f8fc}.hx-result a{justify-self:start;font-weight:750}.hx-result.error{background:#fff0f0;color:#9f1239}.hx-result .warn{color:#b45309}.hx-help{margin-top:16px}.hx-help li{margin:8px 0;line-height:1.55}@media(max-width:760px){.hx-grid{grid-template-columns:1fr}.hx-options{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.hx-panel{background:#121a28;border-color:#334155}.hx-file,.hx-result{background:#1e293b}.hx-drop{border-color:#64748b}.hx-file button,.hx-btn,.hx-options select,.hx-options input{background:#111827;color:#e5e7eb;border-color:#475569}.hx-hero p,.hx-file small{color:#aab7cc}}

.hx-check{display:flex!important;align-items:center;gap:.55rem}.hx-check input{width:auto!important;accent-color:#2563eb}
