/* Unicode inspector, scoped; can run on narrow mobile screens without horizontal overflow. */
.inv-inspector textarea{min-height:180px;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}
.inv-inspector button{min-height:42px}
.inv-inspector .inv-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.inv-inspector .inv-choice-grid label{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.inv-inspector .inv-choice-grid input{width:18px;height:18px;flex:none;margin-top:3px}
.inv-inspector .inv-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.inv-inspector .inv-stat{border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-width:118px}
.inv-inspector .inv-stat strong{font-size:20px;display:block}
.inv-inspector .inv-stat small{color:var(--muted)}
.inv-inspector .inv-match-list{list-style:decimal inside;padding:0;max-height:360px;overflow:auto;overflow-wrap:anywhere}
.inv-inspector .inv-match-list li{padding:11px 9px;border-bottom:1px solid var(--line)}
.inv-inspector .inv-match-list li small{color:var(--muted)}
.inv-inspector .inv-match-list code,.inv-inspector .inv-preview{display:block;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:isolate;direction:ltr}
.inv-inspector .inv-preview{max-height:170px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.inv-inspector .inv-caption{font-size:13px;color:var(--muted)}
.inv-inspector .inv-result{margin-top:22px}
.inv-inspector #invStatus{min-height:24px}
.inv-inspector #invCleaned{min-height:110px}
@media(max-width:520px){.inv-inspector .inv-choice-grid{grid-template-columns:1fr}.inv-inspector .actions{display:flex;flex-wrap:wrap;gap:8px}.inv-inspector .actions button{flex:1 1 140px}}
.inv-safety-example{margin-bottom:22px;border:1px solid var(--line);border-radius:15px;padding:18px;background:var(--surface-soft)}
.inv-safety-example h2{font-size:clamp(19px,3vw,23px);margin:0 0 9px;line-height:1.3}
.inv-safety-example p{margin:10px 0;line-height:1.5}
.inv-safety-example .inv-filename{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:11px 12px;overflow-wrap:anywhere;line-height:1.5}
.inv-safety-example code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(13px,2.8vw,15px)}
.inv-safety-example .btn{margin-top:14px}
.inv-safety-example .inv-caption{font-size:13px;line-height:1.5}
@media(max-width:520px){.inv-safety-example{padding:14px}.inv-safety-example .btn{width:100%}}