.token-generator-layout.svelte-plgyz9{gap:var(--spacing-lg,1rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.token-generator-options-grid.svelte-plgyz9{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.token-character-field.svelte-plgyz9{border:1px solid var(--border);border-radius:.7rem;margin:0;padding:.85rem}.token-character-field.svelte-plgyz9 legend:where(.svelte-plgyz9){padding:0 .25rem;font-size:.9rem;font-weight:700}.token-character-options.svelte-plgyz9{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.token-character-option.svelte-plgyz9{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .5rem;padding:.6rem;font-weight:700;display:grid}.token-character-option.svelte-plgyz9 input:where(.svelte-plgyz9){grid-row:span 2;min-height:auto}.token-character-option.svelte-plgyz9 code:where(.svelte-plgyz9){color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;font-weight:700}.token-generator-actions.svelte-plgyz9{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.token-result-card.svelte-plgyz9{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;gap:1rem;padding:1rem;display:grid}.token-result-value.svelte-plgyz9{white-space:pre-wrap;word-break:break-all;letter-spacing:.02em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,2.6vw,1.35rem);font-weight:700}.token-result-meta.svelte-plgyz9{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.token-result-meta.svelte-plgyz9 div:where(.svelte-plgyz9){border:1px solid var(--border);background:var(--surface-muted);border-radius:.75rem;padding:.65rem}.token-result-meta.svelte-plgyz9 dt:where(.svelte-plgyz9){color:var(--muted);font-size:.82rem;font-weight:700}.token-result-meta.svelte-plgyz9 dd:where(.svelte-plgyz9){margin:0;font-size:1.15rem;font-weight:700}@media (width<=900px){.token-generator-layout.svelte-plgyz9{grid-template-columns:1fr}}@media (width<=720px){.token-generator-options-grid.svelte-plgyz9,.token-result-meta.svelte-plgyz9{grid-template-columns:1fr}.token-generator-actions.svelte-plgyz9 .button{width:100%}}