.lucky-draw-app{--ld-line:#d8d8d4;--ld-muted:#676761;max-width:1440px;margin:0 auto;border-top:5px solid var(--accent);background:var(--surface);color:var(--ink)}.app-commandbar{min-height:58px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-top:0;background:var(--surface)}.app-commandbar>div:first-child{display:flex;align-items:center;gap:16px}.app-commandbar strong{font-size:12px}.local-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:750}.local-status i{width:7px;height:7px;border-radius:50%;background:var(--success)}.command-actions,.compact-actions,.history-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.command-actions button,.compact-actions button,.history-toolbar button,.row-action{min-height:30px;padding:0 9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 9px inherit;cursor:pointer}.command-actions button:hover,.compact-actions button:hover,.history-toolbar button:hover{border-color:var(--ink)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.draw-workspace{display:grid;grid-template-columns:380px minmax(0,1fr);border-inline:1px solid var(--line)}.draw-sidebar{max-height:860px;overflow:auto;border-right:1px solid var(--line);background:var(--surface-muted)}.editor-section{padding:20px;border-bottom:1px solid var(--line)}.editor-heading,.history-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.editor-heading>div,.history-heading>div{display:flex;align-items:baseline;gap:10px}.editor-heading h3,.history-heading h2{margin:0;font-size:16px}.step{color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.count{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase}.draw-field{display:grid;gap:5px;margin-top:10px;color:var(--ink);font-size:9px;font-weight:750}.draw-field input:not([type=range]):not([type=color]):not([type=file]),.draw-field select,.draw-field textarea,.history-toolbar input,.history-toolbar select{width:100%;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink);font:500 11px/1.45 inherit}.draw-field input:not([type=range]):not([type=color]):not([type=file]),.draw-field select,.history-toolbar input,.history-toolbar select{height:36px;padding:0 9px}.draw-field textarea{resize:vertical;min-height:130px;padding:9px}.draw-field input[type=range]{width:100%;accent-color:var(--accent)}.draw-field input[type=color]{width:100%;height:36px;padding:3px;border:1px solid var(--line);background:var(--surface)}.draw-field input[type=file]{max-width:100%;font-size:9px}.field-pair{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.editor-meta{display:flex;justify-content:space-between;margin:7px 0;color:var(--muted);font-size:8px}.warning{color:#b16d00}.privacy-note{margin:12px 0 0;padding-left:9px;border-left:2px solid var(--success);color:var(--muted);font-size:8px}.danger-link{color:var(--danger)!important}.group-filter{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;padding:8px;border:1px solid var(--line)}.group-filter legend{font-size:8px;font-weight:700}.group-filter label{font-size:8px}.setting-switches{display:grid;margin-top:12px;border-top:1px solid var(--line)}.setting-switches label{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.setting-switches span{display:grid}.setting-switches strong{font-size:9px}.setting-switches small{font-size:8px;color:var(--muted)}.setting-switches input{accent-color:var(--accent)}.stage-column{min-width:0;padding:20px;background:color-mix(in srgb,var(--surface-muted) 60%,var(--surface))}.draw-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;aspect-ratio:16/9;min-height:490px;overflow:hidden;background-color:#f5f5f2;background-position:center;background-size:cover;color:#111;box-shadow:0 14px 38px #0000001f}.draw-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(130deg,transparent 40%,color-mix(in srgb,var(--stage-accent) 8%,transparent))}.stage-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 27px}.stage-top>div{display:grid}.stage-kicker{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.stage-top small{margin-top:3px;opacity:.6;font-size:8px}.stage-icon-button{width:30px;height:30px;border:1px solid currentColor;background:transparent;color:inherit;opacity:.6;cursor:pointer}.stage-body{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:0 6%;text-align:center}.prize-mark{width:44px;height:44px;margin-bottom:9px;color:var(--stage-accent)}.prize-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35}.prize-mark img{width:100%;height:100%;object-fit:contain}.prize-label{margin:0 0 23px;font-size:clamp(15px,1.55vw,24px);font-weight:720;letter-spacing:-.03em}.ready-copy{display:flex;align-items:baseline;gap:12px}.ready-copy strong{font-size:clamp(76px,10vw,150px);line-height:.8;letter-spacing:-.08em}.ready-copy span{max-width:110px;text-align:left;font-size:13px;font-weight:650}.candidate-count{display:flex;align-items:center;gap:8px;margin-top:28px;font-size:10px;font-weight:650}.candidate-count i{width:7px;height:7px;border-radius:50%;background:#18a76f}.stage-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:20px 25px}.stage-controls button{min-height:38px;padding:0 13px;border:1px solid currentColor;background:transparent;color:inherit;font:700 9px inherit;cursor:pointer}.stage-controls .stage-primary{border-color:var(--stage-accent);background:var(--stage-accent);color:#fff;padding-inline:20px}.stage-controls kbd,.command-actions kbd{margin-left:5px;padding:1px 4px;border:1px solid currentColor;opacity:.65;font-size:7px}.stage-error{position:absolute;left:20px;right:20px;bottom:2px;margin:0;color:#b4232a;text-align:center;font-size:9px}.stage-watermark{position:absolute;right:23px;bottom:22px;width:43px;height:24px;object-fit:contain;opacity:.3}.stage-status{margin:15px 0 0;opacity:.65;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.theme-annual{background-color:#111116;color:#f8efd7}.theme-annual:before{background:radial-gradient(circle at 50% 45%,rgba(189,144,48,.18),transparent 48%)}.theme-annual .prize-mark{color:#d6aa54}.theme-celebration{background-color:#161445;color:#fff}.theme-celebration:before{background:radial-gradient(circle at 30% 20%,rgba(86,99,255,.42),transparent 40%),radial-gradient(circle at 80% 70%,rgba(215,43,127,.3),transparent 40%)}.theme-minimal{background-color:#050505;color:#fff}.theme-minimal:before{display:none}.theme-minimal .prize-mark{color:#fff}.rolling-display{display:grid;width:100%;gap:10px}.rolling-display.multiple{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rolling-name{display:grid;align-content:center;min-height:110px;padding:12px;border-block:1px solid color-mix(in srgb,currentColor 25%,transparent)}.rolling-name span{overflow:hidden;text-overflow:ellipsis;font-size:clamp(38px,6vw,90px);font-weight:780;letter-spacing:-.065em;line-height:.9;white-space:nowrap}.rolling-display.multiple .rolling-name span{font-size:clamp(25px,3.2vw,49px)}.rolling-name small{margin-top:8px;opacity:.6;font-size:10px}.name-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;max-height:250px;overflow:hidden}.name-grid>div{display:grid;place-content:center;min-height:35px;padding:4px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:8px;transition:transform .08s,background .08s}.name-grid small{opacity:.5;font-size:7px}.name-grid .highlighted{transform:scale(1.07);border-color:var(--stage-accent);background:var(--stage-accent);color:#fff}.winner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;width:100%}.winner-grid article{display:grid;align-content:center;min-height:90px;padding:15px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);animation:winner-in .55s both}.winner-grid article>span{color:var(--stage-accent);font-size:7px;font-weight:800;text-transform:uppercase}.winner-grid strong{overflow:hidden;text-overflow:ellipsis;font-size:clamp(23px,3.2vw,50px);line-height:1;letter-spacing:-.055em;white-space:nowrap}.winner-grid small{margin-top:7px;opacity:.62;font-size:8px}.winners-1 article{min-height:155px;border:0}.winners-1 strong{font-size:clamp(58px,8.5vw,130px)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{--x:calc((var(--i) * 29) % 100);position:absolute;left:calc(var(--x) * 1%);top:-12px;width:6px;height:10px;background:hsl(calc(var(--i) * 47),75%,58%);animation:confetti-fall 2.3s calc((var(--i) % 8) * .07s) ease-out both}@keyframes winner-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes confetti-fall{to{transform:translate(calc((var(--i) % 5) * 12px - 25px),105vh) rotate(620deg);opacity:.2}}.stage-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.stage-facts span{display:grid;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:7px;text-transform:uppercase}.stage-facts strong{color:var(--ink);font-size:11px;text-transform:none}.draw-message{position:relative;margin:10px 0 0;padding:10px 35px 10px 12px;border-left:3px solid var(--accent);background:var(--surface);font-size:9px}.draw-message button{position:absolute;right:8px;top:5px;border:0;background:none;color:inherit;font-size:16px;cursor:pointer}.history-panel{padding:28px 22px;border:1px solid var(--line);border-top:4px solid var(--ink)}.history-heading{margin-bottom:13px}.history-heading>span{font-size:9px;color:var(--muted)}.history-toolbar{margin-bottom:12px}.history-toolbar input{width:180px}.history-toolbar select{width:145px}.history-table-wrap{overflow:auto;border-top:2px solid var(--ink)}.history-panel table{width:100%;border-collapse:collapse;font-size:8px;white-space:nowrap}.history-panel th,.history-panel td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}.history-panel th{color:var(--muted);font-size:7px;text-transform:uppercase}.history-status{padding:3px 5px;background:var(--surface-muted);font-size:7px;text-transform:uppercase}.status-valid{color:var(--success)}.status-replaced,.status-cancelled{color:var(--muted)}.muted-row{opacity:.55}.row-action{min-height:24px}.history-empty{padding:28px!important;color:var(--muted);text-align:center!important}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0000009e}.shortcut-modal{position:relative;width:min(460px,100%);padding:28px;background:var(--surface);color:var(--ink);box-shadow:0 25px 70px #00000047}.shortcut-modal h2{margin:5px 0 20px;font-size:26px}.modal-close{position:absolute;right:18px;top:18px;border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.shortcut-modal dl{margin:0;border-top:2px solid var(--ink)}.shortcut-modal dl div{display:grid;grid-template-columns:140px 1fr;padding:9px 0;border-bottom:1px solid var(--line)}.shortcut-modal dt,.shortcut-modal dd{margin:0;font-size:10px}.shortcut-modal kbd{padding:3px 6px;border:1px solid var(--line);font-size:8px}.shortcut-modal p{margin:17px 0 0;color:var(--muted);font-size:9px}.lucky-draw-app.stage-mode{position:fixed;inset:0;z-index:150;max-width:none;background:#000}.stage-mode .app-commandbar,.stage-mode .draw-sidebar,.stage-mode>.history-panel,.stage-mode .stage-facts,.stage-mode .draw-message{display:none}.stage-mode .draw-workspace,.stage-mode .stage-column{display:block;width:100%;height:100%;padding:0;border:0}.stage-mode .draw-stage{width:100%;height:100%;min-height:0;aspect-ratio:auto;box-shadow:none}.stage-mode .stage-kicker{font-size:clamp(15px,1.5vw,25px)}.stage-mode .prize-label{font-size:clamp(25px,2.6vw,45px)}.stage-mode .rolling-name span{font-size:clamp(70px,9vw,170px)}.stage-mode .winner-grid strong{font-size:clamp(38px,5vw,90px)}.stage-mode .winners-1 strong{font-size:clamp(90px,12vw,220px)}.stage-mode .stage-controls,.stage-mode .stage-top,.stage-mode .stage-watermark{opacity:.14;transition:opacity .25s}.stage-mode .draw-stage:hover .stage-controls,.stage-mode .draw-stage:hover .stage-top,.stage-mode .draw-stage:focus-within .stage-controls{opacity:1}.lucky-draw-content{padding-top:78px}.lucky-draw-content .trust-note{padding:18px;border-left:4px solid var(--accent);background:var(--surface-muted);font-size:11px}.lucky-related{display:flex;gap:8px;flex-wrap:wrap}.lucky-related a{padding:9px 12px;border:1px solid var(--line);font-size:10px;font-weight:700}.lucky-page .site-footer{margin-top:80px}@media(max-width:1100px){.draw-workspace{grid-template-columns:340px minmax(0,1fr)}.stage-column{padding:14px}.draw-stage{min-height:420px}.name-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stage-controls{padding:12px}.rolling-name{min-height:85px}}@media(max-width:800px){.app-commandbar{align-items:flex-start;flex-direction:column}.draw-workspace{grid-template-columns:1fr}.draw-sidebar{max-height:none;border-right:0;border-bottom:1px solid var(--line)}.draw-stage{min-height:0}.stage-column{padding:10px}.stage-facts{grid-template-columns:repeat(2,1fr)}.name-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.history-panel{padding-inline:12px}}@media(max-width:520px){.editor-section{padding:16px 12px}.field-pair{grid-template-columns:1fr}.draw-stage{aspect-ratio:4/3}.stage-top{padding:15px}.stage-controls{padding:10px}.stage-controls button{min-height:34px;padding-inline:9px}.prize-mark{width:34px;height:34px}.prize-label{margin-bottom:12px}.ready-copy strong{font-size:65px}.name-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px}.stage-facts{grid-template-columns:1fr 1fr}.winner-grid{grid-template-columns:repeat(2,1fr)}.winners-1{grid-template-columns:1fr}.history-toolbar>*{width:100%!important}.shortcut-modal dl div{grid-template-columns:105px 1fr}}@media(prefers-reduced-motion:reduce){.winner-grid article,.confetti i{animation:none!important}.confetti{display:none}.name-grid>div{transition:none}.stage-mode .stage-controls,.stage-mode .stage-top{opacity:1}}.winner-grid button{display:grid;align-content:center;min-height:90px;padding:15px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:transparent;color:inherit;animation:winner-in .55s both;cursor:pointer}.winner-grid button.selected{border-color:var(--stage-accent);box-shadow:inset 0 -3px var(--stage-accent)}.winner-grid button>span{color:var(--stage-accent);font-size:7px;font-weight:800;text-transform:uppercase}.winners-1 button{min-height:155px;border:0}.winners-1 button.selected{box-shadow:inset 0 -3px var(--stage-accent)}@media(prefers-reduced-motion:reduce){.winner-grid button{animation:none!important}}