.laboratory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--space-6);margin-top:var(--space-6)}.laboratory-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.laboratory-art{min-height:164px;padding:24px;background:var(--color-surface-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:space-between;gap:24px}.laboratory-number{font-size:64px;font-weight:800;letter-spacing:-4px;line-height:1}.laboratory-art-caption{max-width:190px;font-size:var(--font-size-xs);font-weight:700;letter-spacing:1px;line-height:2}.laboratory-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-6);gap:var(--space-4);flex:1}.laboratory-card-body h3{font-size:var(--font-size-h3)}.laboratory-card-body p{margin:0;font-size:var(--font-size-sm)}.laboratory-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.laboratory-state{font-weight:700;color:var(--color-primary)}.laboratories-dialog{width:min(920px,calc(100% - 32px));max-height:90dvh;padding:24px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.laboratories-dialog::backdrop{background:#142a24a6}.laboratories-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-border);padding-bottom:18px;margin-bottom:18px}.laboratories-dialog h2{margin:0;font-size:var(--font-size-h2)}.laboratories-dialog h3{margin:0;font-size:var(--font-size-h3)}.laboratories-dialog-body{display:grid;gap:16px}.laboratory-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.laboratory-student-list,.laboratory-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.laboratory-student-list{max-height:42dvh;overflow:auto;padding:4px}.laboratory-student{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0}.laboratory-student input{width:20px;height:20px;min-width:20px;accent-color:var(--color-primary)}.laboratory-student span{overflow-wrap:anywhere}.laboratory-student small{display:block;color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:4px}.laboratory-result{padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;display:flex;flex-direction:column;gap:12px}.laboratory-result p{margin:0;font-size:var(--font-size-sm);overflow-wrap:anywhere}.laboratory-result .laboratory-actions{padding-top:8px}.laboratory-result .laboratory-actions>*{width:100%}.laboratories-dialog .laboratory-actions{margin-top:0}
@media(max-width:800px){.laboratory-filters,.laboratory-student-list,.laboratory-results{grid-template-columns:1fr}.laboratories-dialog{padding:18px;max-height:94dvh}.laboratories-dialog h2{font-size:var(--font-size-h3)}.laboratory-card-body{padding:var(--space-4)}.laboratory-actions{width:100%}.laboratory-actions>*{width:100%}}