[data-tool="melangeur-de-liste"]{--list-action: var(--outil-action);--list-action-hover: var(--outil-action-hover);--list-action-text: var(--outil-action-texte);--list-border: var(--outil-bord);--list-surface: var(--outil-surface);--list-text: var(--outil-texte);--list-strong: var(--outil-fonce);--list-shadow: 0 10px 28px rgb(var(--outil-ombre-rgb) / 0.08);display: grid;gap: 1rem}.list-shuffle-intro,.list-shuffle-status,.list-shuffle-meta{margin: 0;color: var(--list-text);line-height: 1.55}.list-shuffle-layout{display: grid;grid-template-columns: minmax(300px,1fr) minmax(280px,0.9fr);gap: 1rem;align-items: stretch}.list-shuffle-card{border: 1px solid var(--list-border);border-radius: 14px;background: #fff;box-shadow: var(--list-shadow);padding: 1rem}.list-shuffle-card-head{display: flex;justify-content: center;text-align: center}.list-shuffle-card h2{margin: 0;color: var(--list-strong);font-size: 1.08rem;font-weight: 900;line-height: 1.2}.list-shuffle-label{display: block;margin: 0;color: var(--list-strong);font-weight: 900;line-height: 1.25}.list-shuffle-field-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 0.75rem;margin-top: 0.85rem}.list-shuffle-textarea{display: block;width: 100%;min-height: 14rem;margin-top: 0.45rem;border: 1px solid var(--list-border);border-radius: 10px;background: #fff;color: var(--list-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}.list-shuffle-textarea:focus{border-color: var(--list-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--list-action) 16%,transparent)}.list-shuffle-input-actions,.list-shuffle-result-actions{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.65rem;margin-top: 0.85rem}.list-shuffle-action,.list-shuffle-segment{display: inline-flex;align-items: center;justify-content: center;min-width: 0;min-height: 42px;border: 1px solid var(--list-border);border-radius: 10px;background: #fff;color: var(--list-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}.list-shuffle-action:not(:disabled):hover,.list-shuffle-action:not(:disabled):focus-visible,.list-shuffle-segment:not(:disabled):hover,.list-shuffle-segment:not(:disabled):focus-visible{border-color: var(--list-action-hover);color: var(--list-action-hover);box-shadow: 0 0 0 3px color-mix(in srgb,var(--list-action) 16%,transparent);outline: 0}.list-shuffle-action:focus-visible,.list-shuffle-segment:focus-visible{outline: 3px solid color-mix(in srgb,var(--outil-focus) 30%,transparent);outline-offset: 2px}.list-shuffle-action:not(:disabled):active,.list-shuffle-segment:not(:disabled):active{transform: translateY(2px) scale(0.98);box-shadow: inset 0 2px 5px rgb(0 0 0 / 0.14)}.list-shuffle-action-primary,.list-shuffle-segment.is-active{border-color: var(--list-action);background: var(--list-action);color: var(--list-action-text)}.list-shuffle-action-primary:not(:disabled):hover,.list-shuffle-action-primary:not(:disabled):focus-visible,.list-shuffle-segment.is-active:not(:disabled):hover,.list-shuffle-segment.is-active:not(:disabled):focus-visible{background: var(--list-action-hover);color: var(--list-action-text)}.list-shuffle-action:disabled{cursor: not-allowed;opacity: 0.58;transform: none;box-shadow: none}.list-shuffle-result-card{display: grid;align-content: start;gap: 0.85rem}.list-shuffle-display-control{display: grid;gap: 0.5rem;justify-items: center}.list-shuffle-segmented{display: inline-grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.25rem;width: min(100%,22rem);padding: 0.25rem;border: 1px solid var(--list-border);border-radius: 12px;background: var(--list-surface)}.list-shuffle-segment{border-color: transparent;background: transparent}.list-shuffle-result-box{display: flex;align-items: center;justify-content: center;min-height: 14rem;border: 1px solid var(--list-border);border-radius: 10px;background: var(--list-surface);color: var(--list-strong);font-size: clamp(1.1rem,2vw,1.45rem);font-weight: 900;line-height: 1.45;padding: 1rem;text-align: center;white-space: pre-wrap;overflow-wrap: anywhere}.list-shuffle-result-box.is-empty{color: var(--list-text)}.list-shuffle-result-box.is-list{display: block;max-height: 24rem;overflow: auto;text-align: left}.list-shuffle-status.is-error{color: #b91c1c;font-weight: 900}@media (max-width: 900px){.list-shuffle-layout{grid-template-columns: 1fr}}@media (max-width: 560px){.list-shuffle-card{padding: 0.85rem}.list-shuffle-field-head,.list-shuffle-input-actions,.list-shuffle-result-actions,.list-shuffle-segmented{grid-template-columns: 1fr}.list-shuffle-action,.list-shuffle-action-primary{width: 100%}}@media (prefers-reduced-motion: reduce){[data-tool="melangeur-de-liste"] *,[data-tool="melangeur-de-liste"] *::before,[data-tool="melangeur-de-liste"] *::after{animation-duration: 0.01ms;transition-duration: 0.01ms}}