.grain-lab{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);min-width:0;box-shadow:var(--shadow-sm);margin:28px 0;padding:clamp(18px,3vw,28px)}.grain-lab__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 20px;display:flex}.grain-lab__toolbar>div{flex:340px;min-width:0}.grain-lab__overline{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.grain-lab__toolbar p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.grain-lab__selector{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:20px 0;display:grid}.grain-lab__option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .16s,background .16s;display:flex}.grain-lab__option:hover{border-color:var(--border-strong)}.grain-lab__option.is-selected{border-color:var(--accent);background:var(--success-bg)}.grain-lab__option span{color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:700}.grain-lab__option strong{font-size:14.5px}.grain-lab__option small{color:var(--text-secondary);font-size:12.5px}.grain-lab__option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.grain-lab__panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:18px}.grain-lab__facts{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.grain-lab__facts>div{min-width:0}.grain-lab__facts span,.grain-lab__questions span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.grain-lab__facts strong{overflow-wrap:anywhere;font-size:14.5px;line-height:1.5;display:block}.grain-lab__facts p{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.6}.grain-lab__facts code{border:1px solid var(--border);background:var(--surface-1);overflow-wrap:anywhere;border-radius:5px;padding:2px 6px;font-size:12.5px;display:inline-block}.grain-lab__questions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.grain-lab__questions ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:13.5px;line-height:1.6}.grain-lab__questions li{margin:4px 0}.grain-lab__table-scroll{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;max-width:100%;margin-top:16px;overflow-x:auto}.grain-lab__table{border-collapse:collapse;background:var(--surface-1);width:100%;min-width:420px;font-size:13.5px}.grain-lab__table th,.grain-lab__table td{border:1px solid var(--border);text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums;padding:8px 12px}.grain-lab__table thead th{background:var(--surface-2);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px}.grain-lab__table[data-tone=wrong] tbody tr{background:var(--danger-bg)}.grain-lab__table[data-tone=right] tbody tr{background:var(--success-bg)}.grain-lab__error{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);margin-top:18px;padding:18px}.grain-lab__section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;display:flex}.grain-lab__section-heading h3{margin:4px 0 0;font-size:17px;line-height:1.4}.grain-lab__section-heading p{color:var(--text-secondary);flex:260px;margin:0;font-size:13.5px;line-height:1.6}.grain-lab__flow{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;font-size:12.5px;display:flex}.grain-lab__flow span{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 10px}.grain-lab__flow span.is-current{border-color:var(--accent);background:var(--success-bg);color:var(--text-primary);font-weight:620}.grain-lab__flow span.is-done{color:var(--text-secondary)}.grain-lab__flow i{font-style:normal}.grain-lab__models{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.grain-lab__model{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);min-width:0;padding:14px}.grain-lab__model[data-tone=wrong]{border-color:var(--danger-border)}.grain-lab__model[data-tone=right]{border-color:var(--success-border)}.grain-lab__model-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.grain-lab__model-heading span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.grain-lab__model-heading strong{margin-top:2px;font-size:14px;line-height:1.45;display:block}.grain-lab__model-heading>code{border:1px solid var(--border);background:var(--surface-2);border-radius:5px;padding:2px 6px;font-size:12px}.grain-lab__sql{border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);white-space:nowrap;margin-top:10px;padding:8px 10px;font-size:11.5px;display:block;overflow-x:auto}.grain-lab__actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.grain-lab__result{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px;padding:14px 16px;display:grid}.grain-lab__result>div{min-width:0}.grain-lab__result span{color:var(--text-muted);font-size:12px;display:block}.grain-lab__result strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;display:block}.grain-lab__result>div[data-tone=wrong] strong{color:var(--danger-text)}.grain-lab__result>div[data-tone=right] strong{color:var(--success-text)}.grain-lab__result>p{color:var(--text-secondary);grid-column:1/-1;margin:0;font-size:13.5px;line-height:1.6}@media (width<=680px){.grain-lab{padding:16px 14px}.grain-lab__actions .button{flex:auto}}
