/* Strings extractor (141c). Site tokens only; row height is fixed at 26px (strings.js ROW_H). */
.st-tool { max-width: 1100px; min-width: 0; }
.tool-ui .st-lede { color: var(--color-muted); font-size: .92rem; margin: -.5rem 0 .75rem; }
.st-drop { border: 2px dashed var(--color-border); border-radius: var(--radius-panel); padding: 1rem; background: var(--color-surface); }
.st-drop.is-over { border-color: var(--color-link); }
.st-drop input[type=file] { max-width: 100%; }
.tool-ui .st-hint { margin: .5rem 0 0; color: var(--color-muted); display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.st-hint button { padding: 10px 16px; }
.st-settings { border: 1px solid var(--line); border-radius: var(--radius-panel); margin: 1rem 0 .5rem; padding: .5rem 1rem .75rem; min-width: 0; }
.st-settings legend { color: var(--color-muted); font-size: .9rem; padding: 0 .35rem; }
.st-min-label { display: block; font-variant-numeric: tabular-nums; }
.st-settings input[type=range] { width: 100%; max-width: 28rem; min-height: 44px; margin: 0; }
.st-encodings { display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.st-check { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; }
.st-check input { width: auto; min-height: 0; margin: 0; }
.st-run { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.st-run progress { flex: 1 1 10rem; max-width: 24rem; height: .8rem; }
.st-run button { min-height: 44px; }
.st-status { margin: .25rem 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.st-status:empty, .st-msg:empty, .st-type:empty { display: none; }
.st-summary { font-weight: 700; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; margin-bottom: .25rem; }
.st-type { overflow-wrap: anywhere; }
.st-filters { margin: .5rem 0; min-width: 0; }
.st-filters label { font-size: .9rem; color: var(--color-muted); }
.st-filters input[type=search] { width: 100%; max-width: 28rem; min-height: 44px; margin: 0 0 .5rem; }
.st-kinds { display: flex; flex-wrap: wrap; gap: .4rem; }
.st-chip { min-height: 40px; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); font-size: .9rem; }
.st-chip:hover { background: var(--color-surface-raised); }
.st-chip[aria-pressed=true] { background: var(--color-accent); color: var(--color-on-accent); border-color: var(--color-accent); }
.st-chip .visual-swatch { margin-right: .4em; }
.st-chip .st-count { font-variant-numeric: tabular-nums; opacity: .85; }
.st-msg { color: var(--color-muted); font-size: .9rem; margin: .35rem 0 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.st-list-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .75rem; }
.st-shown { margin: 0; font-variant-numeric: tabular-nums; }
.st-out { display: flex; flex-wrap: wrap; gap: .5rem; }
.st-out button { min-height: 44px; }
.st-cols, .st-row { display: grid; grid-template-columns: 10.5ch 8ch 6ch minmax(0, 1fr); gap: 0 1ch; align-items: center; padding: 0 .5rem 0 calc(.5rem - 3px); font: 13px/26px var(--font-label); }
.st-cols { color: var(--color-muted); margin-top: .5rem; border-left: 3px solid transparent; }
.st-view { position: relative; height: min(26rem, 60vh); overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: var(--color-surface); overscroll-behavior: contain; font-variant-numeric: tabular-nums; }
.st-view:focus-visible { outline: 3px solid var(--color-link); outline-offset: 2px; }
.st-spacer { width: 1px; }
.st-pane { position: absolute; top: 0; left: 0; right: 0; will-change: transform; }
.st-row { height: 26px; cursor: pointer; border-left: 3px solid var(--st-kind, var(--color-muted)); }
.st-row[hidden] { display: none; }
.st-row:hover { background: var(--color-surface-raised); }
.st-row.is-selected { background: color-mix(in srgb, var(--color-link) 25%, transparent); outline: 2px solid var(--color-link); outline-offset: -2px; }
.st-off, .st-enc, .st-len { color: var(--color-muted); white-space: nowrap; }
.st-len { text-align: right; }
.st-text { white-space: pre; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.st-k0 { --st-kind: var(--st-k0); } .st-k1 { --st-kind: var(--st-k1); } .st-k2 { --st-kind: var(--st-k2); }
.st-k3 { --st-kind: var(--st-k3); } .st-k4 { --st-kind: var(--st-k4); } .st-k5 { --st-kind: var(--line); }
.st-empty { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 1rem; color: var(--color-muted); }
.st-detail { margin-top: .75rem; background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; padding: .5rem .75rem; min-width: 0; }
.st-meta { margin: 0 0 .4rem; font-size: .9rem; color: var(--color-muted); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.st-full { margin: 0 0 .5rem; max-height: 9rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.5 var(--font-label); }
.st-note { color: var(--color-muted); font-size: .9rem; margin: 0; }
.st-detail button { min-height: 44px; }
@media (max-width: 520px) {
  .st-cols, .st-row { grid-template-columns: 10.5ch minmax(0, 1fr); font-size: 12px; }
  .st-enc, .st-len { display: none; }
}