.letter-tool{align-items:start;gap:var(--space-5);grid-template-columns:var(--tool-workspace-columns);display:grid}.letter-tool__panel,.letter-tool__results{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-card);box-sizing:border-box;width:100%;min-width:0;padding:clamp(1rem,3vw,2rem)}.letter-tool__panel{top:var(--space-3);position:sticky}.letter-tool__form{gap:var(--space-4);display:grid}.letter-tool__header{justify-content:space-between;align-items:end;gap:var(--space-3);display:flex}.letter-tool__header h2{margin:.2rem 0 0;font-size:clamp(1.45rem,3vw,2rem)}.letter-tool__step{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.letter-tool__field{gap:.45rem;display:grid}.letter-tool__field>span{font-size:.9rem;font-weight:800}.letter-tool__input,.letter-tool__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);box-sizing:border-box;color:var(--color-ink);font:inherit;width:100%;min-width:0;min-height:3.2rem;padding:.75rem .9rem}.letter-tool__input{letter-spacing:.1em;text-transform:lowercase;font-size:1.2rem;font-weight:750}.letter-tool__options{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.letter-tool__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.letter-tool__button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-ink);cursor:pointer;font:inherit;width:100%;min-height:3rem;padding:.7rem 1rem;font-weight:850}.letter-tool__button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.letter-tool__button:focus-visible,.letter-tool__input:focus,.letter-tool__select:focus{outline-offset:2px;outline:3px solid #f2bd33}.letter-tool__status{color:var(--color-accent);min-height:1.3rem;margin:0;font-size:.85rem;font-weight:750}.letter-tool__message{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-small);margin-top:var(--space-4);padding:var(--space-3);gap:.25rem;display:grid}.letter-tool__message--error{color:#6d2d12;background:#fff4ed;border-color:#d78d62}.letter-tool__word-grid{gap:var(--space-2);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));padding:0;list-style:none;display:grid}.letter-tool__word{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-small);justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.7rem .8rem;display:flex}.letter-tool__word-action{letter-spacing:.08em;min-width:0;font-size:1rem;font-weight:850}.letter-tool__points{color:var(--color-muted);flex:none;font-size:.75rem;font-weight:800}.letter-tool__more{margin:var(--space-4) auto 0;width:auto;display:block}.letter-tool__tabs{background:var(--color-paper);border-radius:var(--radius-small);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.letter-tool__tab{border-radius:calc(var(--radius-small) - .2rem);color:var(--color-muted);cursor:pointer;font:inherit;background:0 0;border:0;min-height:2.8rem;font-weight:800}.letter-tool__tab[aria-selected=true]{background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-ink)}.scramble-card{background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-large);gap:var(--space-4);margin-top:var(--space-4);text-align:center;padding:clamp(1rem,3vw,2rem);display:grid}.scramble-card__letters{color:var(--color-accent);font-size:clamp(1rem, calc(17rem / var(--letter-count,5)), 4rem);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;min-width:0;margin:0;font-weight:900;line-height:1.1;overflow:hidden}.scramble-card__answer{margin:0;font-size:1.2rem;font-weight:850}.scramble-card__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=56rem){.letter-tool{grid-template-columns:1fr}.letter-tool__panel{position:static}}@media (width<=28rem){.letter-tool__word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-tool__word-action{letter-spacing:.03em;font-size:clamp(.78rem,4vw,.95rem)}.scramble-card__actions{grid-template-columns:1fr}}