.stage.unique-stage { gap: 16px; overflow: visible; }
.unique-stage .draw-output { margin: auto 0; padding: 24px 0; width: 100%; text-align: center; color: #fff; }
.unique-stage .result { max-width: 100%; overflow-wrap: anywhere; }
.unique-stage > .field textarea:focus-visible { outline: 3px solid #153453; outline-offset: 3px; }
.unique-stage .result[data-single="true"] { font-size: clamp(4rem, 23vw, 12rem); }
.unique-stage #draw-status { font-size: 1rem; line-height: 1.5; margin: 16px 0 0; }
.unique-stage #draw-status:empty { display: none; }
.draw-options { max-width: 100%; flex-shrink: 0; border-radius: 14px; color: #fff; cursor: auto; user-select: text; }
.draw-options > summary { min-height: 44px; padding: 12px; font-size: .875rem; font-weight: 500; cursor: pointer; }
.draw-options:not([open]) > summary { text-shadow: 0 1px 2px rgba(0,0,0,.2); }
.draw-options[open] { width: min(100%, 460px); background: rgba(255,255,255,.94); color: #1c1c1e; }
.draw-options[open] > summary { padding-inline: 16px; }
.draw-options-body { padding: 2px 16px 16px; }
.draw-options label { display: block; font-size: .9375rem; margin: 14px 0 6px; font-weight: 600; }
.draw-options .draw-toggle { display: flex; align-items: center; gap: 10px; margin-top: 6px; line-height: 1.4; }
.draw-toggle input { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #1260ac; }
.draw-options input:not([type="checkbox"]), .draw-options select { width: 100%; min-width: 0; border: 1px solid #b8bdc5; border-radius: 9px; padding: 10px; font: inherit; font-size: 1rem; color: #1c1c1e; background: #fff; }
.draw-inline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.draw-inline > input, .draw-inline > select { flex: 1 1 160px; }
.draw-options button, #draw-restart { border: 1px solid #b8bdc5; border-radius: 9px; padding: 10px 12px; min-height: 44px; background: #fff; color: #164b7a; font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer; }
.draw-options button:disabled { opacity: .5; cursor: default; }
.draw-options :is(input, select, button, summary):focus-visible, .unique-stage .row input:focus-visible, #draw-restart:focus-visible { outline: 3px solid #153453; outline-offset: 3px; }
.draw-options .draw-note { font-size: .875rem; line-height: 1.5; color: #50565e; margin: 8px 0 0; }
.draw-feedback { font-size: .9375rem; line-height: 1.5; margin: 8px 0 0; }
.draw-feedback:empty { display: none; }
.draw-history { border-top: 1px solid #d5d9df; margin-top: 18px; padding-top: 12px; }
.draw-history summary { cursor: pointer; font-size: .9375rem; font-weight: 600; padding: 4px 0; }
#draw-history { max-height: 180px; overflow: auto; overflow-wrap: anywhere; padding-inline-start: 2.5em; line-height: 1.7; margin: 12px 0; }
#draw-history:empty { display: none; }
#history-empty { font-size: .9375rem; color: #50565e; }
#draw-restart { margin-top: 12px; }
.draw-noscript { color: #fff; font-size: 1rem; }
@media (prefers-reduced-motion: reduce) { .stage.unique-stage { transition: none; } }
