/* Reuse the original tool-common.css tokens; scoped to generated tools. */
.tool-page.basic-page{max-width:calc(var(--tool-page-max-width) + 40px);padding:var(--tool-page-padding-top) 20px var(--tool-page-padding-bottom)}
.tool-page.basic-page .basic-heading{gap:15px;margin-bottom:18px}
.tool-page.basic-page .basic-heading h1{font-size:var(--tool-title-size);line-height:var(--tool-title-line-height);letter-spacing:var(--tool-title-letter-spacing);margin:3px 0 8px}
.tool-page.basic-page .basic-heading p{font-size:var(--tool-description-size);color:var(--text-soft)}
.tool-page.basic-page .basic-heading .basic-eyebrow{font-size:var(--tool-category-size);color:var(--accent);letter-spacing:0}
.tool-page.basic-page .basic-icon{display:flex;align-items:center;justify-content:center;flex:0 0 var(--tool-icon-size);width:var(--tool-icon-size);height:var(--tool-icon-size);padding:0;font-size:var(--tool-icon-font-size);border-radius:var(--tool-icon-radius);background:var(--surface);border-color:var(--line)}
.tool-page.basic-page .basic-breadcrumb{font-size:12px;margin-bottom:18px;color:var(--text-soft)}
.tool-page.basic-page .basic-surface{padding:var(--tool-panel-padding);border-radius:var(--tool-panel-radius);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.tool-page.basic-page label{font-size:var(--tool-label-size)}
.tool-page.basic-page input:not([type=checkbox]),.tool-page.basic-page select,.tool-page.basic-page textarea{font-size:var(--tool-input-font-size);border-radius:var(--tool-input-radius);border-color:var(--line);color:var(--text)}
.tool-page.basic-page input:not([type=checkbox]),.tool-page.basic-page select{min-height:var(--tool-input-height)}
.tool-page.basic-page button{min-height:var(--tool-button-height);border-radius:var(--tool-button-radius);font-size:var(--tool-button-size);background:var(--surface-soft);border-color:var(--line);color:var(--text)}
.tool-page.basic-page button.primary{background:var(--brand);border-color:var(--brand);color:white}
.tool-page.basic-page .basic-result{background:var(--surface-soft);border-color:var(--line);border-radius:var(--tool-panel-radius)}
.tool-page.basic-page .basic-share button{min-height:44px;font-size:var(--tool-action-size);border-radius:var(--tool-action-radius)}
.tool-page.basic-page .basic-columns>*{min-width:0}
.tool-page.basic-page .basic-board button{font-size:20px}
.tool-page.basic-page .basic-board.bingo button{font-size:14px}
@media(max-width:600px){.tool-page.basic-page{padding:22px 14px 40px}.tool-page.basic-page .basic-surface{padding:20px 16px}.tool-page.basic-page .basic-heading{gap:12px}.tool-page.basic-page .basic-heading h1{font-size:26px}}
@media print{.tool-page.basic-page{max-width:none;padding:0}.tool-page.basic-page .basic-surface{padding:0;border:0;box-shadow:none}}

/* Preserve explicit game state colors over the shared pad base. */
.tool-page.basic-page .basic-pad.waiting{background:#f7e3b8!important}
.tool-page.basic-page .basic-pad.go{background:#d9efc9!important}

/* Preserve explicit game state colors over the shared pad base. */
.tool-page.basic-page .basic-pad.waiting{background:#f7e3b8!important}
.tool-page.basic-page .basic-pad.go{background:#d9efc9!important}