.bingo{max-width:980px}.steps{display:flex;justify-content:space-between;gap:6px;list-style:none;margin:0 0 24px;padding:0;counter-reset:step}.steps li{font-size:11px;color:var(--muted);padding:9px 7px;border-bottom:2px solid var(--line);flex:1;text-align:center;white-space:nowrap}.steps li[aria-current]{border-color:var(--accent);color:var(--accent);font-weight:700}#setup{max-width:480px;margin:0 auto}.mode-description{margin:12px 0 26px;min-height:24px}.editor-top{margin-bottom:16px}.preview-column{position:sticky;top:0;z-index:10;background:var(--bg);padding:5px 0}.preview-label{font-size:11px;color:var(--muted);margin:0 auto 8px;max-width:360px}.canvas-wrap{position:relative;aspect-ratio:3/4;width:min(100%,360px,36dvh);margin:auto;overflow:hidden;border-radius:16px;background:var(--tint);border:1px solid var(--line)}canvas{width:100%;height:100%;display:block}.center{text-align:center}.canvas-wrap+#hint{margin-bottom:8px}#guide{position:absolute;inset:0;pointer-events:none}.guide-left,.guide-right{position:absolute;inset:0 auto 0 0;width:19.2488%;background:#0d211955;border-right:1px dashed #fff}.guide-right{inset:0 0 0 auto;border:0;border-left:1px dashed #fff}.guide-top,.guide-bottom{position:absolute;left:19.2488%;right:19.2488%;top:0;height:14%;display:grid;place-items:center;color:#fff;background:#16291a55;font-size:10px}.guide-bottom{top:62%;height:38%;align-items:end;padding-bottom:12px}.preview-column>.hint{margin:6px 0 8px;font-size:10px}.editor-controls{margin-top:14px}.editor-controls #fileStatus:empty{display:none}.editor-controls #fileStatus{margin:0;overflow-wrap:anywhere}.range-field{margin:18px 0 12px}.range-field span{font-size:13px;font-weight:600;display:flex;justify-content:space-between}#fitImage{margin:16px 0 10px}#bgColorField{margin-bottom:0}.check-grid{display:grid;gap:7px;margin:14px 0 12px;grid-template-columns:repeat(var(--size,3),1fr)}.check-cell{aspect-ratio:1;min-height:48px;min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);padding:5px;font-size:clamp(11px,3vw,15px);font-weight:600;line-height:1.4;overflow-wrap:anywhere;position:relative}.check-cell[aria-pressed=true]{border:2px solid var(--accent);background:var(--tint)}.check-cell[aria-pressed=true]:after{content:'✓';position:absolute;right:3px;top:0;color:var(--accent);font-size:12px}.check-grid[data-size="5"] .check-cell{font-size:11px;border-radius:9px}.check-grid[data-size="4"] .check-cell{font-size:12px}.save-preview{max-width:260px;margin:20px auto;border:1px solid var(--line);border-radius:13px;overflow:hidden;aspect-ratio:3/4}.sticky-bottom .hint{margin:6px 0 0;font-size:11px}.tool-help{margin-top:28px}#bingoStatus{margin:0}#checker{max-width:600px;margin:auto}@media(min-width:850px){.intro br{display:none}.bingo-workbench{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.preview-column{top:20px}.canvas-wrap{width:100%;max-width:390px}.editor-controls{margin-top:0}.check-cell{font-size:16px!important}.save-preview{max-width:320px}}@media(max-height:650px) and (max-width:849px){.preview-column{position:static}.canvas-wrap{width:220px}}

/* Long prompts must grow their row instead of overflowing adjacent cells. */
.check-cell{aspect-ratio:auto;min-height:90px;padding:9px 6px}.check-grid[data-size="5"] .check-cell{min-height:82px;line-height:1.5}.check-grid[data-size="4"] .check-cell{min-height:88px}
