.hex-tool{margin-bottom:52px}.hex-tool [hidden]{display:none!important}.hex-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;margin-bottom:22px;padding:24px}.hex-card h2{margin-top:0}.hex-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.hex-heading p{margin-top:-8px}.hex-tool label{margin-bottom:6px;font-weight:750;display:block}.hex-tool :is(textarea,input,select){border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:10px 12px}.hex-tool textarea,.hex-tool pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.hex-tool textarea{resize:vertical;tab-size:2}.hex-tool :is(button,textarea,input,select,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hex-file{border:1px solid var(--line-strong);background:var(--surface-soft);cursor:pointer;border-radius:7px;flex:none;padding:10px 13px}.hex-file input{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hex-help{color:var(--muted);font-size:.86rem}.hex-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.hex-tool button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:9px 13px;font-weight:700}.hex-tool button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.hex-tool button:disabled{opacity:.5;cursor:not-allowed}.hex-status{min-height:1.4em;color:var(--success);margin:12px 0 0;font-size:.88rem}.hex-error{color:var(--danger)}p.hex-error{border-left:3px solid var(--danger);background:#fff0f0;padding:12px 14px}.hex-warning{color:#765000}.hex-valid{color:#075f4c}.hex-overall{border-left:4px solid;padding:12px 14px}.hex-overall.pass{color:#075f4c;background:#e8f8f1;border-color:#08705b}.hex-overall.fail{color:#8d1d28;border-color:var(--danger);background:#fff0f0}.hex-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.hex-summary>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-width:0;padding:12px}.hex-summary dt{color:var(--muted);font-size:.8rem}.hex-summary dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:780}.hex-issues{border:1px solid var(--line);border-radius:8px;margin-top:18px;padding:12px 14px}.hex-issues summary{cursor:pointer;font-weight:750}.hex-issues ul{max-height:300px;margin-bottom:0;overflow:auto}.hex-map{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;width:100%;height:auto;min-height:165px;margin:15px 0;display:block}.hex-map-axis{stroke:#8290a3;stroke-width:2px}.hex-map-region{fill:#1769aa;stroke:#0a4f86;stroke-width:1px}.hex-map-region.region-1{fill:#0c8b70}.hex-map-region.region-2{fill:#9a5cbd}.hex-map-region.region-3{fill:#cf6b26}.hex-map-label{fill:#17223b;font:650 12px ui-monospace,monospace}.hex-map-note{fill:#5b6677;font:650 13px system-ui,sans-serif}.hex-scroll{border:1px solid var(--line);border-radius:8px;overflow:auto}.hex-tool table{border-collapse:collapse;width:100%;min-width:760px;font-size:.86rem}.hex-tool th,.hex-tool td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px}.hex-tool td:last-child{white-space:normal}.hex-tool th{background:var(--surface-soft);color:var(--muted)}.hex-gap td{color:#765000;background:#fff9ee}.hex-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.hex-check{align-items:center;gap:8px;min-height:44px;margin-top:24px;display:flex!important}.hex-check input{width:auto}.hex-boundary{color:#704700;background:#fff7e8;border-left:4px solid #b97700;margin-top:18px;padding:14px 16px}.hex-privacy{text-align:center;color:var(--muted);font-size:.87rem}.hex-guide>section{margin-bottom:38px}.hex-tool [data-copy-fallback]{margin-top:14px}@media (width<=760px){.hex-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hex-output-grid{grid-template-columns:1fr}.hex-check{margin-top:0}}@media (width<=560px){.hex-card{padding:17px}.hex-heading{display:block}.hex-file{margin-bottom:16px;display:inline-block}.hex-summary{grid-template-columns:1fr}}@media print{.hex-actions,.hex-file,[data-form],.hex-output-controls{display:none!important}.hex-card{break-inside:avoid;box-shadow:none}}