.wf{border:1px solid var(--line-strong);border-radius:calc(var(--radius) + 4px);background:var(--paper-raised);padding:1rem;box-shadow:var(--shadow-2)}.wf-compact{padding:.5rem;box-shadow:var(--shadow-1)}.wf-rack{display:flex;flex-wrap:wrap;gap:.3rem;align-items:flex-end}.wf-rack-filled{margin-top:.65rem;padding:.45rem .55rem .35rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--paper-soft));box-shadow:inset 0 1px 3px #0000001f}.wf-tile{position:relative;display:inline-grid;place-items:center;width:2.15rem;height:2.35rem;border-radius:6px;background:linear-gradient(160deg,var(--maple-hi),var(--maple));border:1px solid var(--maple-edge);border-bottom-width:3px;color:var(--tile-ink);font-size:1.15rem;font-weight:800;text-transform:uppercase;box-shadow:0 2px 3px #00000024;animation:tile-in .18s var(--ease) both}.wf-tile sub{position:absolute;right:3px;bottom:2px;font-size:.55rem;font-weight:700;line-height:1}.wf-tile-blank{color:color-mix(in srgb,var(--tile-ink) 45%,transparent)}.wf-row{display:flex;gap:.5rem;align-items:flex-end}.wf-main-label{flex:1;display:block}.wf-label-text{display:block;font-size:.8rem;font-weight:600;color:var(--ink-soft);margin-bottom:.25rem}.wf-compact .wf-label-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.wf-letters{width:100%;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:.6rem .8rem;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);color:var(--ink);transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.wf-letters::placeholder{text-transform:none;letter-spacing:normal;font-weight:400;font-family:system-ui,sans-serif;color:var(--ink-soft)}.wf-compact .wf-letters{font-size:1.05rem;padding:.45rem .6rem}.wf-letters:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.wf-clear,.wf-showall,.wf-more{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:.6rem .9rem;font-size:.9rem;cursor:pointer;transition:border-color var(--speed) var(--ease),background var(--speed) var(--ease),transform var(--speed) var(--ease)}.wf-clear:hover,.wf-showall:hover,.wf-more:hover{border-color:var(--accent);color:var(--accent)}.wf-clear:active,.wf-showall:active,.wf-more:active{transform:scale(.97)}.wf-compact .wf-clear,.wf-compact .wf-showall{padding:.45rem .6rem}.wf-filters{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.wf-filter input{width:100%;padding:.45rem .6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:1rem;text-transform:lowercase;transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.wf-filter input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.wf-chips{margin-top:.75rem;display:flex;gap:.375rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.wf-chip{flex:0 0 auto;min-width:2.25rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:.875rem;cursor:pointer;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease),transform var(--speed) var(--ease)}.wf-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.wf-chip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}.wf-bar{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.wf-status{margin:0;font-size:.9rem;color:var(--ink-soft)}.wf-status-error{color:var(--danger);font-weight:600}.wf-sort{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper)}.wf-sort-btn{border:0;background:transparent;color:var(--ink-soft);padding:.3rem .7rem;font-size:.8rem;cursor:pointer;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.wf-sort-btn.is-on{background:var(--accent);color:var(--accent-ink)}.wf-results{margin-top:.5rem}.wf-group-title{display:flex;align-items:baseline;gap:.5rem;font-size:1rem;margin:1rem 0 .5rem}.wf-group-count{font-size:.8rem;font-weight:600;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem}.wf-group{animation:rise .3s var(--ease) both}.wf-words{display:flex;flex-wrap:wrap;gap:.375rem}.wf-word{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);border-bottom-width:2px;border-bottom-color:var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);padding:.3rem .55rem;font-size:.95rem;cursor:pointer;transition:border-color var(--speed) var(--ease),transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.wf-word:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-1)}.wf-w{font-weight:600;font-size:.95rem}.wf-word.is-copied{border-color:var(--accent);background:var(--accent-soft);animation:pop .35s var(--ease)}.wf-pts{font-size:.72rem;font-weight:700;color:var(--accent);background:var(--paper-soft);border-radius:999px;padding:.05rem .4rem;min-width:1.1rem;text-align:center}.wf-more{margin-top:.5rem;font-size:.85rem}@media (max-width: 26rem){.wf-filters{grid-template-columns:1fr}}@media (pointer: coarse){.wf-word,.wf-chip,.wf-sort-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.wf-chip{min-width:44px}.wf-filter input,.wf-letters,.wf-clear,.wf-showall,.wf-more{min-height:44px}}