[data-tool="ordre-de-passage-aleatoire"]{--luck-action: var(--outil-action);--luck-action-hover: var(--outil-action-hover);--luck-action-text: var(--outil-action-texte);--luck-border: var(--outil-bord);--luck-surface: var(--outil-surface);--luck-text: var(--outil-texte);--luck-strong: var(--outil-fonce);--luck-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem}.random-order-intro,.random-order-status,.random-order-meta{margin: 0;color: var(--luck-text);line-height: 1.55}.random-order-layout{display: grid;grid-template-columns: repeat(2,minmax(300px,1fr));gap: 1rem;align-items: stretch}.random-order-card{border: 1px solid var(--luck-border);border-radius: 14px;background: #fff;box-shadow: var(--luck-shadow);padding: 1rem}.random-order-card-head{display: flex;align-items: center;justify-content: center;min-height: 2.5rem;text-align: center}.random-order-input-head{position: relative;justify-content: flex-start;min-height: 2.5rem;padding-right: 14.35rem;text-align: left}.random-order-card h2{margin: 0;color: var(--luck-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.random-order-file-actions{position: absolute;top: 0;right: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0;width: 13.75rem}.random-order-file-action{display: inline-flex;align-items: center;justify-content: center;gap: 0.36rem;min-height: 2.1rem;border: 1px solid var(--luck-border);border-radius: 10px 0 0 10px;background: #fff;color: var(--luck-strong);cursor: pointer;font: inherit;font-size: 0.88rem;font-weight: 900;line-height: 1.1;padding: 0.35rem 0.5rem;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-order-file-action + .random-order-file-action{border-left: 0;border-radius: 0 10px 10px 0}.random-order-file-action svg{flex: 0 0 auto;fill: currentColor}.random-order-file-action:not(:disabled):hover,.random-order-file-action:not(:disabled):focus-visible{border-color: var(--luck-action-hover);color: var(--luck-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--luck-action) 16%,transparent);outline: 0}.random-order-file-action:not(:disabled):active{transform: translateY(2px) scale(0.98)}.random-order-file-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.random-order-file-input,.random-order-copy-fallback{position: absolute;inline-size: 1px;block-size: 1px;margin: -1px;padding: 0;border: 0;clip-path: inset(50%);overflow: hidden;white-space: nowrap}.random-order-label{display: block;margin: 0;color: var(--luck-strong);font-weight: 900;line-height: 1.25}.random-order-field-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 0.75rem;margin-top: 0.35rem}.random-order-textarea{display: block;width: 100%;min-width: 0;min-height: 14rem;margin-top: 0.45rem;border: 1px solid var(--luck-border);border-radius: 10px;background: #fff;color: var(--luck-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-order-textarea:focus{border-color: var(--luck-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--luck-action) 16%,transparent)}.random-order-actions{display: grid;gap: 0.65rem;margin-top: 0.85rem}.random-order-input-actions,.random-order-result-actions{grid-template-columns: repeat(3,minmax(0,1fr))}.random-order-action{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;border: 1px solid var(--luck-border);border-radius: 10px;background: #fff;color: var(--luck-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-order-action:not(:disabled):hover,.random-order-action:not(:disabled):focus-visible{border-color: var(--luck-action-hover);color: var(--luck-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--luck-action) 16%,transparent);outline: 0}.random-order-action:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.random-order-action:not(:disabled):active{transform: translateY(2px) scale(0.98)}.random-order-action-primary{border-color: var(--luck-action);background: var(--luck-action);color: var(--luck-action-text)}.random-order-action-primary:not(:disabled):hover,.random-order-action-primary:not(:disabled):focus-visible{background: var(--luck-action-hover);color: var(--luck-action-text)}.random-order-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.random-order-result-box{display: flex;align-items: center;justify-content: center;min-height: 14rem;margin-top: 0.2rem;border: 1px solid var(--luck-border);border-radius: 10px;background: var(--luck-surface);color: var(--luck-strong);font-size: clamp(1.08rem,2vw,1.45rem);font-weight: 900;line-height: 1.42;padding: 1rem;text-align: center;white-space: pre-wrap;overflow-wrap: anywhere}.random-order-result-box.is-empty{color: var(--luck-text)}.random-order-result-box.is-list{display: block;max-height: 24rem;overflow: auto;text-align: left}.random-order-status{min-height: 1.25rem;margin-top: 0.15rem;text-align: center}.random-order-status.is-error{color: #b91c1c;font-weight: 900}@media (max-width: 900px){.random-order-layout{grid-template-columns: 1fr}}@media (max-width: 620px){.random-order-card{padding: 0.85rem}.random-order-card-head,.random-order-field-head{display: grid;grid-template-columns: 1fr;justify-items: center;text-align: center}.random-order-input-head{justify-items: start;min-height: 0;padding-right: 0;gap: 0.7rem;text-align: left}.random-order-file-actions{position: static;grid-template-columns: repeat(2,minmax(0,1fr));justify-self: end;width: min(100%,13.75rem)}.random-order-input-actions,.random-order-result-actions{grid-template-columns: 1fr}.random-order-action{width: 100%}}@media (prefers-reduced-motion: reduce){[data-tool="ordre-de-passage-aleatoire"] *,[data-tool="ordre-de-passage-aleatoire"] *::before,[data-tool="ordre-de-passage-aleatoire"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}