.draw-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;font-family:system-ui,sans-serif}.draw-scene[hidden]{display:none}.draw-board{position:absolute;left:50%;top:50%;width:1000px;height:1000px;transform-origin:center;color:var(--draw-ink);text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px}.draw-heading,.draw-result,.draw-subtitle{max-width:920px;padding:8px 28px;background:var(--draw-dark);border-radius:16px;overflow-wrap:anywhere;line-height:1.2}.draw-heading{font-size:30px;letter-spacing:2px}.draw-result{font-size:35px;min-height:44px}.draw-result.draw-winner{font-weight:800;color:var(--draw-accent);box-shadow:0 0 24px #0003}.draw-subtitle{font-size:22px}.draw-visual{position:relative;width:740px;height:740px;flex-shrink:0}.draw-disk,.draw-art{position:absolute;inset:0}.draw-art{background-size:200% 200%;background-repeat:no-repeat;z-index:3}.draw-pointer{position:absolute;z-index:4;top:14%;left:47.5%;width:5%;height:8%;background:var(--draw-accent);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #111)}.draw-board[data-type=giveaway] .draw-visual{width:960px;height:640px}.draw-name-window{position:absolute;left:14%;right:14%;top:28%;bottom:28%;background:var(--draw-dark);overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.draw-name{height:20%;display:flex;align-items:center;justify-content:center;font-size:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;line-height:1.2}.draw-name:nth-child(3){font-weight:800;color:var(--draw-accent)}
.draw-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:24px;align-items:start}.draw-admin-grid>*{min-width:0}.draw-preview{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at center,#343633 0,#1a1d20 66%,#101315 100%);border:1px solid var(--border,#38393c);border-radius:16px;overflow:hidden}.draw-designs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.draw-design{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;min-width:0;border:1px solid var(--border,#38393c);border-radius:10px;background:var(--surface,#191b1e);color:inherit;cursor:pointer;font-size:12px}.draw-design[aria-pressed=true]{border-color:#f0bd90;box-shadow:0 0 0 1px #f0bd90}.draw-design-art{width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat}.draw-controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;align-items:center}.draw-controls .help-text{margin:0}.draw-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.draw-settings .field{min-width:0;margin:0}.draw-check{display:flex;gap:12px;align-items:center;justify-content:space-between}.draw-check input{width:20px;height:20px}.draw-options{width:100%;border-collapse:collapse}.draw-options th{text-align:left;font-size:12px;color:var(--muted,#a8b0bd)}.draw-options td,.draw-options th{padding:6px 4px;vertical-align:middle}.draw-options input{min-width:0;width:100%;padding:10px}.draw-options th:first-child{width:43%}.draw-options th:nth-child(2),.draw-options th:nth-child(3){width:16%}.draw-options th:nth-child(4){width:14%}.draw-options button{padding:8px}.draw-options td:nth-child(4){font-size:12px;white-space:nowrap}.draw-panel{margin-top:20px}.draw-panel>summary{cursor:pointer;font-weight:600;margin-bottom:16px}.draw-roster{max-height:380px;overflow:auto;margin-top:14px}.draw-roster-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border,#333);padding:8px 0}.draw-roster-row span{overflow-wrap:anywhere}.draw-history{margin-top:18px}.draw-import{width:100%;min-height:100px;resize:vertical}.draw-summary{color:var(--muted,#a8b0bd);font-size:13px;margin:10px 0}.source-example-preview{height:240px;position:relative;background:#111d2b;border-radius:12px;overflow:hidden}.source-example-title{font-size:15px}.source-trigger-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--border,#38393c);align-items:center}.source-trigger-row p{margin:5px 0 0}.source-tabs{margin-bottom:24px;flex-wrap:wrap}.source-admin-grid{align-items:start}.source-admin-grid>.panel{margin-top:0}.draw-admin-grid .panel{margin-top:0}.draw-admin-grid input,.draw-admin-grid select{min-width:0;max-width:100%}
.draw-name-window{right:auto;bottom:auto;mask-image:none}.draw-name-track{position:absolute;inset:0;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.draw-name-window[data-result=true] .draw-name:not(:nth-child(3)){visibility:hidden}
body.admin-panel .draw-admin-grid,
body.admin-panel .draw-admin-grid>.panel,
body.admin-panel .draw-task-settings,
body.admin-panel .draw-configuration,
body.admin-panel .draw-operation { min-width:0; }
body.admin-panel .draw-controls { min-width:0; align-items:center; }
body.admin-panel .draw-controls .button { max-width:100%; white-space:normal; }
body.admin-panel .draw-options { display:block; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
body.admin-panel .draw-options input { box-sizing:border-box; min-width:0; max-width:100%; }
body.admin-panel .draw-roster-row { min-width:0; }
body.admin-panel .draw-roster-row span { min-width:0; }
body.admin-panel .draw-save-row { align-items:center; }
@media(min-width:2200px){.draw-admin-grid{grid-template-columns:minmax(0,1fr) minmax(600px,1fr)}.draw-preview{max-height:calc(100vh - 310px);aspect-ratio:auto;min-height:600px}.draw-designs{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1150px){.draw-admin-grid{grid-template-columns:minmax(0,1fr)}.draw-preview{height:520px;aspect-ratio:auto}}
@media(max-width:600px){.draw-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-preview{height:360px}.draw-settings{grid-template-columns:minmax(0,1fr)}.draw-options input{padding:8px 4px}.draw-options th{font-size:10px}.draw-options td:nth-child(4){font-size:10px}.draw-options th:first-child{width:36%}.source-trigger-row{grid-template-columns:minmax(0,1fr) auto}.source-trigger-row>div{grid-column:1/-1}}
