.word-factory{max-width:760px;margin:0 auto 2rem;text-align:left}.wf-title{text-align:center;margin-bottom:.5rem}.wf-intro{text-align:center;max-width:620px;margin:1rem auto 1.5rem;color:var(--color-foreground, #333);font-size:.98rem}.wf-form{display:grid}.wf-label{font-weight:600;color:var(--color-foreground, #222);margin:1rem 0 .25rem}.wf-input{width:100%;padding:.75rem;border:1px solid var(--color-border, #ddd);border-radius:var(--style-border-radius-buttons-primary, 6px);background:var(--color-background, #fff);font-size:1rem}.wf-btn{display:inline-block;padding:.75rem 1.25rem;border-radius:var(--style-border-radius-buttons-primary, 6px);cursor:pointer;font-weight:600;transition:background .2s,color .2s,opacity .2s;text-transform:capitalize}.wf-btn-primary{background:var(--color-button, #000);color:var(--color-button-text, #fff);border:none;margin-top:1rem;font-size:1rem}.wf-btn-primary:hover{opacity:.9}.wf-btn-ghost{background:transparent;border:1px solid var(--color-border, #ccc);color:var(--color-foreground, #222)}.wf-status{display:inline-flex;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.9rem;opacity:.85;min-height:1.2rem}.wf-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(0,0,0,.15);border-top-color:#0009;animation:wf-spin .7s linear infinite;display:none}.word-factory--loading .wf-spinner{display:inline-block}.wf-result{margin-top:1.5rem;text-align:center;opacity:0;transform:translateY(8px);pointer-events:none}.wf-result.wf-result--show{pointer-events:auto;animation:wf-fade-in .35s ease-out forwards}.wf-card{border:1px solid var(--color-border, #e5e5e5);border-radius:var(--style-border-radius-card, 12px);padding:1.25rem 1.5rem;background:var(--color-background, #fff);box-shadow:var(--shadow-small, 0 2px 6px rgba(0, 0, 0, .05));display:inline-block;max-width:100%;text-align:left}.wf-card-kicker{margin:0 0 .75rem;font-size:.9rem;color:var(--color-foreground, #555);text-align:center}.wf-word{margin:.25rem 0;font-size:2.25rem;font-weight:700;color:var(--color-foreground, #111);text-align:center}.wf-pronunciation{margin:.5rem 0 1rem;font-style:italic;color:var(--color-foreground, #555);text-align:center;font-size:1.4rem}.wf-sentence{margin:0;line-height:1.5;white-space:pre-wrap;color:var(--color-foreground, #333);font-size:1.25rem;text-align:center}.wf-divider{margin:1.25rem auto;border:none;height:1px;background:var(--color-border, #ddd);width:85%}.wf-next-alert{padding:.75rem 1rem;background:var(--color-accent-bg, #f3f4f6);border:1px solid var(--color-border, #ddd);border-radius:var(--style-border-radius-buttons-primary, 6px);color:var(--color-foreground, #333);font-size:.95rem;text-align:center;margin:.5rem auto 1rem}.wf-actions{margin-top:.75rem;text-align:center}@keyframes wf-spin{to{transform:rotate(360deg)}}@keyframes wf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wf-product-selection{margin-top:1.5rem;text-align:center}.wf-product-heading{font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-foreground, #222);margin:0 0 1.25rem}.wf-product-grid{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}@media screen and (min-width: 750px){.wf-product-grid{flex-direction:row;gap:1.5rem}}.wf-product-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:var(--style-border-radius-buttons-primary, 8px);transition:all .2s ease;text-decoration:none;color:var(--color-foreground, #333);min-width:100px}.wf-product-link:hover{background:var(--color-accent-bg, #f3f4f6);transform:translateY(-2px);text-decoration:none}.wf-product-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-foreground, #333);border-radius:50%;transition:all .2s ease}.wf-product-link:hover .wf-product-icon{border-color:var(--color-button, #000);background:var(--color-button, #000);color:var(--color-button-text, #fff)}.wf-product-icon svg{width:32px;height:32px;stroke:currentColor}.wf-product-label{font-size:.9rem;font-weight:600;color:var(--color-foreground, #333);text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/5/assets/word-factory.css.map */