[data-tool="mot-aleatoire"]{--word-action: var(--outil-action);--word-action-hover: var(--outil-action-hover);--word-action-text: var(--outil-action-texte);--word-border: var(--outil-bord);--word-surface: var(--outil-surface);--word-text: var(--outil-texte);--word-strong: var(--outil-fonce);--word-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem}.random-word-intro,.random-word-status,.random-word-meta{margin: 0;color: var(--word-text);line-height: 1.55}.random-word-layout{display: grid;grid-template-columns: minmax(300px,1fr) minmax(280px,0.8fr);gap: 1rem;align-items: stretch}.random-word-card{border: 1px solid var(--word-border);border-radius: 14px;background: #fff;box-shadow: var(--word-shadow);padding: 1rem}.random-word-card-head{display: flex;justify-content: center;text-align: center}.random-word-card h2{margin: 0;color: var(--word-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.random-word-label{display: block;margin: 0;color: var(--word-strong);font-weight: 900;line-height: 1.25}.random-word-field-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 0.75rem;margin-top: 0.85rem}.random-word-textarea{display: block;width: 100%;min-height: 14rem;margin-top: 0.45rem;border: 1px solid var(--word-border);border-radius: 10px;background: #fff;color: var(--word-strong);font: inherit;line-height: 1.5;padding: 0.85rem 1rem;resize: vertical;outline: 0;box-sizing: border-box;transition: border-color 0.16s ease,box-shadow 0.16s ease}.random-word-textarea:focus{border-color: var(--word-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--word-action) 16%,transparent)}.random-word-input-actions{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;margin-top: 0.85rem}.random-word-action{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;border: 1px solid var(--word-border);border-radius: 10px;background: #fff;color: var(--word-strong);cursor: pointer;font: inherit;font-weight: 900;line-height: 1.15;padding: 0.62rem 0.9rem;text-align: center;transition: transform 0.12s ease,border-color 0.16s ease,background-color 0.16s ease,color 0.16s ease,box-shadow 0.16s ease}.random-word-action:not(:disabled):hover,.random-word-action:not(:disabled):focus-visible{border-color: var(--word-action-hover);color: var(--word-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--word-action) 16%,transparent);outline: 0}.random-word-action:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.random-word-action:not(:disabled):active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 2px 5px rgb(0 0 0 / 0.14)}.random-word-action-primary{border-color: var(--word-action);background: var(--word-action);color: var(--word-action-text)}.random-word-action-primary:not(:disabled):hover,.random-word-action-primary:not(:disabled):focus-visible{background: var(--word-action-hover);color: var(--word-action-text)}.random-word-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.random-word-result-card{display: grid;align-content: start;gap: 0.85rem}.random-word-result-box{display: flex;align-items: center;justify-content: center;min-height: 14rem;border: 1px solid var(--word-border);border-radius: 10px;background: var(--word-surface);color: var(--word-strong);font-size: clamp(1.45rem,4vw,2.6rem);font-weight: 1000;line-height: 1.25;padding: 1rem;text-align: center;overflow-wrap: anywhere}.random-word-result-box.is-empty{color: var(--word-text);font-size: clamp(1.2rem,2.4vw,1.8rem)}.random-word-reset-area{display: flex;justify-content: center;margin-top: 0.15rem}.random-word-reset-area .random-word-action{min-width: min(100%,13rem)}.random-word-status.is-error{color: #b91c1c;font-weight: 900}@media (max-width: 900px){.random-word-layout{grid-template-columns: 1fr}}@media (max-width: 560px){.random-word-card{padding: 0.85rem}.random-word-field-head,.random-word-input-actions{grid-template-columns: 1fr}.random-word-action,.random-word-action-primary{width: 100%}}@media (prefers-reduced-motion: reduce){[data-tool="mot-aleatoire"] *,[data-tool="mot-aleatoire"] *::before,[data-tool="mot-aleatoire"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}