.tool-body{max-width:760px;margin:0 auto;padding:0 1.4rem 1rem}.tool-related{display:inline-flex;align-items:baseline;gap:.5rem;margin:0 auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-ink);text-decoration:none}.tool-related:hover{color:var(--ink)}.tool-related-wrap{max-width:760px;margin:0 auto .5rem;padding:0 1.4rem}.tool-credit{max-width:760px;margin:.5rem auto 0;padding:1.2rem 1.4rem 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--text-soft)}.tool-credit a{color:var(--brass-ink)}.cwg,.pwg,.psg,.wqr{position:relative;isolation:isolate;max-width:640px;margin:0 auto;padding:clamp(1.6rem,5vw,2.6rem);background:radial-gradient(90% 70% at 80% -10%,rgba(210,167,90,.14),transparent 60%),var(--ink);border:1px solid var(--brass);border-radius:var(--radius);box-shadow:0 20px 50px -28px #000000b3;overflow:hidden}.cwg-b,.pwg-b,.psg-b,.wqr-b{position:absolute;width:18px;height:18px;border:2px solid var(--brass-2);z-index:2}.cwg-b.tl,.pwg-b.tl,.psg-b.tl,.wqr-b.tl{top:12px;left:12px;border-right:0;border-bottom:0}.cwg-b.tr,.pwg-b.tr,.psg-b.tr,.wqr-b.tr{top:12px;right:12px;border-left:0;border-bottom:0}.cwg-b.bl,.pwg-b.bl,.psg-b.bl,.wqr-b.bl{bottom:12px;left:12px;border-right:0;border-top:0}.cwg-b.br,.pwg-b.br,.psg-b.br,.wqr-b.br{bottom:12px;right:12px;border-left:0;border-top:0}.cwg-head,.pwg-head,.psg-head,.wqr-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.cwg-kicker,.pwg-kicker,.psg-kicker,.wqr-kicker{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--brass-2)}.cwg-made,.pwg-made,.psg-made,.wqr-made{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}.cwg-readout,.pwg-readout,.psg-readout,.wqr-readout{display:flex;align-items:center;justify-content:center;text-align:center;min-height:132px;padding:1.2rem 1rem;background:#0000003d;border:1px solid var(--line-ink);border-radius:4px;box-shadow:inset 0 2px 18px #00000080}.cwg-word,.pwg-out,.psg-out{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.5rem,8vw,2.7rem);line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink);text-shadow:0 0 22px rgba(210,167,90,.28);overflow-wrap:anywhere}.cwg.is-rolling .cwg-word,.pwg.is-rolling .pwg-out,.psg.is-rolling .psg-out{color:var(--brass-2);opacity:.85}.cwg-controls,.pwg-controls,.psg-controls,.wqr-controls{display:none;margin-top:1.4rem;flex-direction:column;gap:1rem}.cwg[data-js=on] .cwg-controls,.pwg[data-js=on] .pwg-controls,.psg[data-js=on] .psg-controls,.wqr[data-js=on] .wqr-controls{display:flex}.cwg-generate,.pwg-generate,.psg-generate,.wqr-download{align-self:flex-start;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--brass-2);border:1px solid var(--brass-2);padding:.7rem 1.2rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.cwg-generate:hover,.pwg-generate:hover,.psg-generate:hover,.wqr-download:not(:disabled):hover{background:#e2bc78;box-shadow:0 8px 22px -12px #d2a75acc}.cwg-generate:active,.pwg-generate:active,.psg-generate:active,.wqr-download:not(:disabled):active{transform:translateY(1px)}.cwg-generate:focus-visible,.pwg-generate:focus-visible,.psg-generate:focus-visible,.wqr-download:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}.cwg-spin,.pwg-spin,.psg-spin,.wqr-dl{font-size:.95em;transition:transform var(--dur) var(--ease)}.cwg-generate:hover .cwg-spin,.pwg-generate:hover .pwg-spin,.psg-generate:hover .psg-spin{transform:rotate(180deg)}.wqr-download:not(:disabled):hover .wqr-dl{transform:translateY(2px)}.wqr-download:disabled{opacity:.45;cursor:not-allowed}.cwg-segs,.psg-segs{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem}.cwg-seg,.psg-seg,.wqr-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line-ink);border-radius:var(--radius);overflow:hidden}.cwg-seg button,.psg-seg button,.wqr-seg button{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-soft);background:transparent;border:0;padding:.5rem .85rem;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);border-right:1px solid var(--line-ink)}.cwg-seg button:last-child,.psg-seg button:last-child,.wqr-seg button:last-child{border-right:0}.cwg-seg button:hover,.psg-seg button:hover,.wqr-seg button:hover{color:var(--on-ink)}.cwg-seg button.is-on,.psg-seg button.is-on,.wqr-seg button.is-on{background:var(--brass);color:#fff}.cwg-seg button:focus-visible,.psg-seg button:focus-visible,.wqr-seg button:focus-visible{outline:2px solid var(--brass-2);outline-offset:-2px}.cwg-note,.pwg-note,.psg-note,.wqr-note{margin-top:1.3rem;font-size:.9rem;color:var(--on-ink-soft)}.cwg-nojs,.pwg-nojs,.psg-nojs,.wqr-nojs{margin-top:.6rem;font-size:.84rem;color:var(--on-ink-muted)}.cwg[data-js=on] .cwg-nojs,.pwg[data-js=on] .pwg-nojs,.psg[data-js=on] .psg-nojs,.wqr[data-js=on] .wqr-nojs{display:none}.pwg-out,.psg-out{text-transform:none;font-size:clamp(1.15rem,5.2vw,1.95rem);letter-spacing:.04em}.pwg-out .d,.psg-out .d{color:var(--brass-2)}.pwg-out .s{color:#84b6a2}.psg-out .sep{color:var(--brass)}.pwg-meter,.psg-meter{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.pwg-meter-track,.psg-meter-track{flex:1;height:6px;background:#0000004d;border:1px solid var(--line-ink);border-radius:3px;overflow:hidden}.pwg-meter-bar,.psg-meter-bar{height:100%;width:0;background:var(--brass-2);transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}.pwg-meter-label,.psg-meter-label{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-soft);white-space:nowrap}.pwg-actions,.psg-actions{display:flex;flex-wrap:wrap;gap:.7rem}.pwg-copy,.psg-copy{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-2);background:transparent;border:1px solid var(--brass-2);padding:.7rem 1.2rem;border-radius:var(--radius);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.pwg-copy:hover,.psg-copy:hover{background:#d2a75a1f}.pwg-copy:focus-visible,.psg-copy:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}.pwg-copy.done,.psg-copy.done{color:#fff;background:var(--brass);border-color:var(--brass)}.pwg-length,.psg-length{display:flex;align-items:center;gap:.9rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-soft)}.pwg-len-val,.psg-len-val{color:var(--brass-2);min-width:2.4ch;text-align:right;font-size:.86rem}.pwg-range,.psg-range{flex:1;min-width:0;accent-color:var(--brass)}.pwg-toggles,.psg-toggles,.wqr-toggles{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}.pwg-toggles label,.psg-toggles label,.wqr-toggles label{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-soft);cursor:pointer}.pwg-toggles input,.psg-toggles input,.wqr-toggles input{accent-color:var(--brass);width:15px;height:15px}.wqr-qr{display:flex;align-items:center;justify-content:center;width:100%}.wqr-qr svg{width:min(230px,62vw);height:auto;display:block;border-radius:4px;box-shadow:0 6px 18px -8px #0009}.wqr-hint{margin:0;max-width:30ch;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--on-ink-muted)}.wqr-field{display:flex;flex-direction:column;gap:.4rem}.wqr-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-soft)}.wqr-input{width:100%;min-width:0;background:#0000003d;border:1px solid var(--line-ink);border-radius:var(--radius);color:var(--on-ink);font-family:var(--font-mono);font-size:.9rem;padding:.6rem .7rem;transition:border-color var(--dur-fast) var(--ease)}.wqr-input::placeholder{color:var(--on-ink-muted)}.wqr-input:focus-visible{outline:2px solid var(--brass-2);outline-offset:1px;border-color:var(--brass-2)}.wqr-pw{display:flex;gap:.5rem;align-items:stretch}.wqr-pw .wqr-input{flex:1}.wqr-reveal{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-soft);background:transparent;border:1px solid var(--line-ink);border-radius:var(--radius);padding:0 .85rem;cursor:pointer;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.wqr-reveal:hover{color:var(--on-ink);border-color:var(--brass-2)}.wqr-reveal:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}.wqr-actions{display:flex}@media(max-width:600px){.cwg-head,.pwg-head,.psg-head,.wqr-head{flex-direction:column;gap:.3rem}.cwg-generate,.pwg-generate,.pwg-copy,.psg-generate,.psg-copy,.wqr-download{align-self:stretch;justify-content:center;text-align:center}.pwg-actions,.psg-actions,.wqr-actions{flex-direction:column}.cwg-seg,.psg-seg,.wqr-seg{width:100%}.cwg-seg[aria-label=Length] button,.psg-seg button,.wqr-seg button{flex:1 1 0;text-align:center}}