.tool-shell textarea { min-height: 340px; }
.tool-actions { margin-top: 12px; align-items: center; }
.tool-actions button,
.tool-actions .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  line-height: 1.2;
}
.tool-actions select { max-width: 170px; padding-top: 8px; padding-bottom: 8px; }
.breadcrumbs { display: flex; gap: 8px; color: var(--color-muted); font-size: 14px; padding: 0 0 20px; }
.breadcrumbs a { color: var(--color-muted); }
.tool-page + .section pre {
  max-width: 100%;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  padding: 12px;
}
.tool-privacy-note{color:var(--color-muted);margin-top:8px}
.tool-mode-tabs,.tool-mode-toggle{display:inline-flex;gap:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;background:var(--color-surface);margin:10px 0 16px}
.tool-mode-tabs button,.tool-mode-toggle button{border:0;background:transparent;padding:9px 18px;border-radius:calc(var(--radius-md) - 4px);font-weight:700}
.tool-mode-tabs button[aria-selected="true"],.tool-mode-toggle button[aria-pressed="true"]{background:var(--color-primary);color:var(--color-primary-contrast,#fff);box-shadow:var(--shadow-sm);text-decoration:underline;text-underline-offset:4px}
.tool-option-grid{display:grid;grid-template-columns:minmax(160px,220px) minmax(220px,1fr);gap:8px 14px;align-items:center;margin:12px 0}
.tool-option-grid label{font-weight:700}
.tool-option-grid p{grid-column:2;margin:0;color:var(--color-muted);font-size:14px}
.tool-scope-note,.tool-safety-note{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:10px 12px;color:var(--color-muted)}
.tool-safety-note{margin-top:10px}
.control-label{font-weight:700;margin:12px 0 0}
.checkbox-row{display:flex;gap:8px;align-items:center}
.checkbox-row input{inline-size:auto}
.advanced-options{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;margin:12px 0;background:var(--color-surface)}
.advanced-options summary{cursor:pointer;font-weight:700}
.tool-settings-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;margin:14px 0;background:var(--color-surface)}
.tool-settings-fieldset legend{font-weight:800;padding:0 6px}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0}
.tool-warning,.tool-warning-list{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 82%,#f59e0b);padding:12px 14px;margin:12px 0;color:var(--color-text)}
.tool-warning-list[role="alert"]{background:color-mix(in srgb,var(--color-surface) 78%,#ef4444);border-color:#ef4444}
.tool-warning-list:empty{display:none}
.tool-warning-list ul{margin:0;padding-left:20px}
.meta-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}
.meta-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg) 70%,var(--color-surface));padding:10px;display:grid;gap:3px}
.meta-card span{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px;display:grid;gap:7px;min-block-size:150px}
.metric-card strong{font-size:clamp(30px,5vw,44px);font-variant-numeric:tabular-nums;line-height:1}
.metric-label{font-weight:800;color:var(--color-muted)}
.metric-card p{margin:0;color:var(--color-muted)}
.result-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.result-comparison section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px}
.result-comparison h3{margin-top:0}
.byte-length-results-panel textarea[hidden]{display:none}
.tool-content{max-width:980px}
.tool-content table{width:100%;border-collapse:collapse}
.tool-content th,.tool-content td{border:1px solid var(--color-border);padding:9px;text-align:left}
.tool-content th{background:var(--color-surface)}
.table-scroll{overflow-x:auto}
.diagnostic-table{width:100%;border-collapse:collapse;margin-top:8px}
.diagnostic-table th,.diagnostic-table td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.diagnostic-table th{background:var(--color-surface)}
.diagnostic-table td code{white-space:nowrap}
.sequence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sequence-grid pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.sequence-grid code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.normalization-report-panel textarea[hidden]{display:none}
.normalization-results{margin-top:18px}
.normalization-results .table-scroll{overflow-x:auto}
.normalization-results table{min-width:960px;width:100%;border-collapse:collapse}
.normalization-results th,.normalization-results td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.normalization-results th{background:var(--color-surface)}
.normalization-results td{overflow-wrap:anywhere}
.normalization-results details{margin-top:6px}
.normalization-results pre{max-width:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:8px}
.normalization-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px}
.result-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.result-summary dt,.result-summary dd{margin:0}
.result-summary dt{font-size:13px;color:var(--color-muted)}
.result-summary dd{font-weight:800;font-size:20px}
.result-summary dt:nth-of-type(n),.result-summary dd:nth-of-type(n){border:1px solid var(--color-border);background:var(--color-surface);padding:10px;border-radius:var(--radius-md)}
.visible-token{display:inline-block;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:nowrap}
.detector-table-wrap{overflow-x:auto}
.detector-table-wrap table{min-width:980px}
.detector-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.encoding-results-panel textarea[hidden]{display:none}
.encoding-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:0 0 12px;color:var(--color-text)}
.encoding-results .diagnostic-table{min-width:960px}
.encoding-results code{white-space:pre-wrap;overflow-wrap:anywhere}
.encoding-results td:nth-child(5){max-width:340px}
.confusable-detector-tool textarea[hidden]{display:none}
.confusable-results{margin-top:18px}
.confusable-summary,.confusable-highlighted-input,.confusable-indicators{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:12px 0}
.confusable-summary h3,.confusable-highlighted-input h3,.confusable-indicators h3{margin-top:0}
.confusable-metrics{align-items:stretch}
.confusable-visual{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}
.flagged-character{display:inline-block;border:2px solid #ef4444;border-radius:var(--radius-sm);padding:0 4px;margin:0 1px;background:color-mix(in srgb,var(--color-surface) 72%,#ef4444);color:var(--color-text);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.confusable-results .table-scroll{overflow-x:auto}
.confusable-results table{min-width:960px;width:100%;border-collapse:collapse}
.confusable-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.confusable-results th,.confusable-results td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.confusable-results th{background:var(--color-surface)}
.confusable-results td{overflow-wrap:anywhere}
.confusable-results td:nth-child(2),.confusable-results td:nth-child(3),.confusable-results td:nth-child(6){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.mixed-script-detector-tool textarea[hidden]{display:none}
.mixed-script-results{margin-top:18px}
.script-summary,.highlighted-script-input,.script-transitions{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:12px 0}
.script-summary h3,.highlighted-script-input h3,.script-transitions h3{margin-top:0}
.script-visual{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.2}
.script-character{display:inline-block;border:1px solid var(--color-border);border-bottom-width:3px;border-radius:var(--radius-sm);padding:0 4px;margin:0 1px;background:var(--color-bg);color:var(--color-text)}
.script-character::after{content:" " attr(data-script);font-size:10px;color:var(--color-muted)}
.script-latin{border-bottom-color:#2563eb}
.script-cyrillic{border-bottom-color:#dc2626}
.script-greek{border-bottom-color:#7c3aed}
.script-common,.script-inherited{border-bottom-color:var(--color-muted);border-style:dashed}
.mixed-script-results .table-scroll{overflow-x:auto}
.mixed-script-results table{min-width:960px;width:100%;border-collapse:collapse}
.mixed-script-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.mixed-script-results th,.mixed-script-results td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.mixed-script-results th{background:var(--color-surface)}
.mixed-script-results td{overflow-wrap:anywhere}
.mixed-script-results td:nth-child(2),.mixed-script-results td:nth-child(3){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.punycode-converter-tool textarea[hidden]{display:none}
.punycode-results{margin-top:18px}
.punycode-summary,.punycode-warnings,.primary-result{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:12px 0}
.punycode-summary h3,.punycode-warnings h3{margin-top:0}
.punycode-results .primary-result textarea{min-height:92px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.punycode-results .table-scroll{overflow-x:auto}
.punycode-results table{min-width:860px;width:100%;border-collapse:collapse}
.punycode-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.punycode-results th,.punycode-results td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.punycode-results th{background:var(--color-surface)}
.punycode-results td{overflow-wrap:anywhere}
.punycode-results td:nth-child(2),.punycode-results td:nth-child(3){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.pdf-cleaner-tool textarea[hidden]{display:none}
.pdf-cleaning-options,.pdf-preservation-options{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px;margin:14px 0}
.pdf-cleaning-checkboxes,.pdf-preservation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px 14px}
.pdf-cleaning-options legend,.pdf-preservation-options legend{font-weight:800;padding:0 6px}
.pdf-cleaning-checkboxes label,.pdf-preservation-options label{display:flex;gap:8px;align-items:center;font-weight:700}
.pdf-dehyphenation-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border);font-weight:700}
.pdf-dehyphenation-control select{max-width:260px}
.invisible-removal-warnings{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:12px 0}
.invisible-removal-warnings h3{margin-top:0}
.invisible-removal-warnings[hidden]{display:none}
.annotated-invisible-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px;margin:14px 0;overflow-wrap:anywhere;white-space:pre-wrap}
.annotated-invisible-preview:empty{display:none}
.invisible-marker{display:inline-block;border:1px solid var(--color-border);border-radius:999px;padding:1px 6px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}
.invisible-destructive-warnings{margin-top:10px}
.invisible-destructive-warnings p{margin:6px 0;color:var(--color-muted);font-size:14px}
.whitespace-preview-wrap{margin:14px 0}
.annotated-whitespace-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px;overflow-wrap:anywhere;white-space:pre-wrap;min-height:2.5em}
.annotated-whitespace-preview:empty{display:none}
.whitespace-preview-legend{font-size:13px}
.whitespace-marker{display:inline-block;border:1px solid var(--color-border);border-radius:4px;padding:0 3px;font-weight:800;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}
.counter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.counter-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px;display:grid;gap:7px;min-block-size:150px}
.counter-card strong{font-size:clamp(30px,5vw,44px);font-variant-numeric:tabular-nums;line-height:1}
.counter-card p{margin:0;color:var(--color-muted)}
.counter-normalization-table{min-width:640px}
.pdf-cleaning-results{margin-top:18px}
.cleaning-summary,.cleaning-warnings{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px;margin:12px 0}
.cleaning-summary h3,.cleaning-warnings h3{margin-top:0}
.pdf-cleaning-results .table-scroll{overflow-x:auto}
.pdf-cleaning-results table{min-width:980px;width:100%;border-collapse:collapse}
.pdf-cleaning-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.pdf-cleaning-results th,.pdf-cleaning-results td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.pdf-cleaning-results th{background:var(--color-surface)}
.pdf-cleaning-results td{overflow-wrap:anywhere;white-space:pre-wrap}
.cleaner-table-wrap{overflow-x:auto}
.cleaner-table-wrap table{min-width:1040px}
.cleaner-report caption{text-align:left;font-weight:700;margin:0 0 8px}
.cleaner-preview-panel pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:var(--color-bg)}
.unicode-cleaner-tool fieldset > label{display:block;font-weight:700;margin:10px 0 6px}
.unicode-inspector-tool fieldset > label{display:block;font-weight:700;margin:10px 0 6px}
.inspector-table-wrap{overflow-x:auto}
.inspector-table-wrap table{min-width:1180px}
.inspector-results caption{text-align:left;font-weight:700;margin:0 0 8px}
.inspector-highlight-row{background:color-mix(in srgb,var(--color-primary) 7%,transparent)}
.inspector-results tr[data-grapheme-index]{box-shadow:inset 4px 0 0 color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}
.mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:2px;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:12px;text-decoration:none;color:var(--color-text)}
.inspector-results-panel textarea[hidden]{display:none}
.mojibake-candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.mojibake-candidate-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px;display:grid;gap:8px}
.mojibake-candidate-card.selected{outline:3px solid var(--color-primary);outline-offset:2px}
.mojibake-candidate-card h3{margin:0}
.mojibake-candidate-card pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px;background:var(--color-bg)}
.confidence-label{display:inline-flex;width:max-content;border:1px solid var(--color-border);border-radius:999px;padding:3px 9px;font-weight:800;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}
.mojibake-table-wrap{overflow-x:auto}
.mojibake-table-wrap table{min-width:1040px}
.mojibake-sequence-report caption{text-align:left;font-weight:700;margin:0 0 8px}
.codepoint-diagnostics table{min-width:780px;width:100%;border-collapse:collapse}
.codepoint-diagnostics caption{text-align:left;font-weight:700;margin:0 0 8px}
.codepoint-diagnostics th,.codepoint-diagnostics td{border:1px solid var(--color-border);padding:9px;text-align:left;vertical-align:top}
.codepoint-diagnostics th{background:var(--color-surface)}
.codepoint-diagnostics code,.codepoint-diagnostics td:nth-child(2){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.codepoint-diagnostics td{overflow-wrap:anywhere}
.guide-list h3{margin:10px 0 8px;font-size:19px}
button:disabled{opacity:.55;cursor:not-allowed}
.lookup-empty-state{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:16px 18px;margin:16px 0}
.lookup-breakdown .big-char,.character-detail .big-char{font-family:ui-serif,"Noto Color Emoji",serif}
.lookup-results{margin-top:18px}
.lookup-result-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.lookup-result-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:14px;display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}
.lookup-result-card h2{font-size:16px;margin:0 0 2px}
.lookup-result-card p{margin:0;font-size:13px}
.lookup-result-card button{grid-column:1/-1}
.lookup-result-glyph{font-size:28px;line-height:1;text-align:center;font-family:ui-serif,"Noto Color Emoji",serif;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);padding:14px 0}
@media(max-width:720px){.tool-option-grid{grid-template-columns:1fr}.tool-option-grid p{grid-column:1}.checkbox-grid,.result-summary,.metric-grid,.result-comparison{grid-template-columns:1fr}.tool-mode-tabs,.tool-mode-toggle{display:flex}.tool-mode-tabs button,.tool-mode-toggle button{flex:1}.tool-actions{display:flex;flex-wrap:wrap}.tool-shell,.sequence-grid{grid-template-columns:1fr}.character-detail{grid-template-columns:1fr}.lookup-result-card{grid-template-columns:1fr}}