.string-similarity{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0;max-width:1200px;margin:0 auto}.string-similarity__inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.string-similarity__input-pair{display:flex;flex-direction:column;gap:.5rem}.string-similarity__input-pair label{font-weight:600;font-size:var(--font-size-sm, .875rem);color:var(--color-text)}.string-similarity__input-pair textarea{min-height:120px;padding:.75rem;font-family:var(--font-mono, monospace);font-size:var(--font-size-md, 1rem);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.375rem;resize:vertical}.string-similarity__input-pair textarea:focus{outline:2px solid var(--color-theme, #3b82f6);outline-offset:1px}.string-similarity__swap{align-self:end;margin-bottom:.5rem;padding:.5rem 1rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;font-size:1.25rem;transition:background .15s}.string-similarity__swap:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .05))}.string-similarity__view-mode{display:flex;align-items:center;gap:.5rem}.string-similarity__view-mode label{font-weight:600;font-size:var(--font-size-sm, .875rem);color:var(--color-text)}.string-similarity__view-mode button{padding:.375rem .75rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;font-size:var(--font-size-sm, .875rem)}.string-similarity__view-mode button[aria-selected=true]{background:var(--color-theme, #3b82f6);color:var(--color-theme-text, #ffffff);border-color:var(--color-theme, #3b82f6)}.string-similarity__results{display:flex;flex-direction:column;gap:.75rem}.string-similarity__empty-hint{padding:2rem;text-align:center;color:var(--color-text-muted, #666);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:.5rem;font-style:italic}.string-similarity__result-row{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:center;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.string-similarity__result-name{font-weight:600;color:var(--color-text)}.string-similarity__result-value{font-family:var(--font-mono, monospace);font-size:var(--font-size-md, 1rem);color:var(--color-text);word-break:break-all}.string-similarity__result-actions{display:flex;gap:.25rem;align-items:center}.string-similarity__result-explanation{grid-column:1 / -1;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:var(--font-size-sm, .875rem);color:var(--color-text-muted, #666)}.string-similarity__result-explanation summary{cursor:pointer;font-weight:500;padding:.25rem 0}.string-similarity__result-explanation dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:.5rem 0}.string-similarity__result-explanation dt{font-weight:600;color:var(--color-text)}.string-similarity__result-explanation dd{margin:0;color:var(--color-text-muted, #666)}.string-similarity__insights{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.string-similarity__insights h3{margin:0 0 .5rem;font-size:var(--font-size-md, 1rem);color:var(--color-text)}.string-similarity__insight-row{padding:.5rem .75rem;background:var(--color-info-bg, rgba(59, 130, 246, .08));border-left:3px solid var(--color-theme, #3b82f6);border-radius:.25rem;font-size:var(--font-size-sm, .875rem);color:var(--color-text)}.string-similarity__insight-row strong{display:block;margin-bottom:.25rem}.string-similarity__no-disagreement{color:var(--color-text-muted, #666);font-style:italic;text-align:center;padding:.5rem}.string-similarity__presets{display:flex;flex-direction:column;gap:.75rem}.string-similarity__presets h3{margin:0;font-size:var(--font-size-md, 1rem);color:var(--color-text)}.string-similarity__preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.string-similarity__preset-button{text-align:left;padding:.5rem .75rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:.375rem;cursor:pointer;font-size:var(--font-size-sm, .875rem);transition:background .15s}.string-similarity__preset-button:hover{background:var(--color-surface-hover, rgba(0, 0, 0, .05))}.string-similarity__preset-button .preset-category{display:block;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted, #666);margin-top:.125rem}.string-similarity__cheatsheet{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.string-similarity__cheatsheet>summary{cursor:pointer;font-weight:600;font-size:var(--font-size-md, 1rem);color:var(--color-text);padding:.25rem 0}.string-similarity__cheatsheet-body{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem}.string-similarity__cheatsheet-row{padding:.5rem .75rem;border-left:3px solid var(--color-border);font-size:var(--font-size-sm, .875rem)}.string-similarity__cheatsheet-row button{background:none;border:none;color:var(--color-theme, #3b82f6);cursor:pointer;font-family:var(--font-mono, monospace);padding:0;text-decoration:underline}.string-similarity__cheatsheet-row .cheat-range,.string-similarity__cheatsheet-row .cheat-best-for{display:block;color:var(--color-text-muted, #666);font-size:var(--font-size-xs, .75rem);margin-top:.125rem}@media(max-width:768px){.string-similarity__inputs{grid-template-columns:1fr}.string-similarity__swap{align-self:center;transform:rotate(90deg);margin:.5rem 0}.string-similarity__result-row{grid-template-columns:1fr;gap:.5rem}.string-similarity__result-actions{justify-self:end}.string-similarity__preset-grid{grid-template-columns:1fr}}