.generator-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;align-items:start;margin-top:34px}.generator-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.field{display:grid;gap:7px;margin-top:18px}.field:first-child{margin-top:0}.field label,.field legend{font-weight:800;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #bcc6d3;border-radius:9px;background:#fff;color:var(--ink)}.field textarea{min-height:220px;resize:vertical}.field small{color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-field{display:flex;align-items:center;gap:9px;margin-top:18px;font-weight:700}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent)}.generator-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.generator-message{min-height:24px;margin-top:12px;color:var(--muted);font-size:13px}.generator-message.is-error{color:var(--danger);font-weight:700}.bingo-output{display:grid;gap:28px}.bingo-empty{display:grid;place-items:center;min-height:420px;padding:40px;border:2px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.bingo-sheet{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.bingo-sheet__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.bingo-sheet__head h2{font-size:26px}.bingo-sheet__head span{color:var(--muted);font-size:13px}.bingo-grid{display:grid;border:2px solid var(--ink);aspect-ratio:1}.bingo-grid.size-3{grid-template-columns:repeat(3,1fr)}.bingo-grid.size-4{grid-template-columns:repeat(4,1fr)}.bingo-grid.size-5{grid-template-columns:repeat(5,1fr)}.bingo-cell{display:grid;place-items:center;padding:8px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:center;font-weight:700;font-size:clamp(11px,1.7vw,17px);line-height:1.35;overflow-wrap:anywhere}.bingo-cell.is-free{background:var(--accent-soft);color:var(--accent-dark);font-weight:850}.template-preview{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:18px}.template-preview .bingo-grid{width:min(100%,620px);margin:20px auto 0}.template-preview .button-row{justify-content:center}
@media(max-width:900px){.generator-layout{grid-template-columns:1fr}.generator-panel{max-width:none}.field textarea{min-height:170px}}@media(max-width:520px){.field-row,.generator-actions{grid-template-columns:1fr}.bingo-sheet{padding:12px}.bingo-cell{padding:4px;font-size:3vw}}
@media print{.generator-panel,.bingo-empty,.no-print{display:none!important}.generator-layout{display:block;margin:0}.bingo-output{display:block}.bingo-sheet{border:0;padding:0;break-after:page}.bingo-sheet:last-child{break-after:auto}.bingo-sheet__head h2{font-size:18pt}.bingo-grid{width:180mm;margin:auto}.bingo-cell{font-size:11pt}}