/* Teacher feedback v1.2.3: larger working area, vector zoom, readable controls. */
.classroom-viewport-tools{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:7px 10px;background:#edf4f7;border-bottom:1px solid #bdcfdb;color:#194b6c}
.classroom-viewport-tools button{min-height:38px;min-width:40px;padding:6px 12px;border:1px solid #abc2d2;border-radius:7px;background:#fff;color:#194b6c;font-size:14px;font-weight:700}
.classroom-viewport-tools button[aria-pressed="true"]{background:#175b91;color:#fff}
.classroom-viewport-tools button:disabled{opacity:.4}
.classroom-viewport-tools output{min-width:52px;font-size:15px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.classroom-viewport-tools>span{margin-left:auto;font-size:12px}
.viewport-panning,.viewport-panning *{cursor:grab!important}
.viewport-panning:active,.viewport-panning:active *{cursor:grabbing!important}
.tlab .tlab-board-wrap{display:grid;grid-template-rows:auto minmax(240px,1fr) auto auto;min-height:0}
.house-angle-control{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#174f7a}
.house-angle-control input[type="range"]{width:180px;accent-color:#125699;min-height:38px}
.house-angle-control input[type="number"]{width:72px;min-height:40px;padding:6px;border:1px solid #abc2d2;border-radius:7px;background:white;color:#174f7a;font-size:17px}
.tlab .tlab-house-actions{align-items:center}
.lab-dialog.is-lab-expanded .dialog-header{height:64px;padding:10px 20px}
.lab-dialog.is-lab-expanded .dialog-content{height:calc(100dvh - 64px)}
.gallery-frame img{inset:auto;left:50%;top:50%;max-width:none;max-height:none;object-fit:fill;transform-origin:center;will-change:auto;image-rendering:auto}
.gallery-resolution{font-size:12px;line-height:1.5;color:#4d6574;white-space:nowrap}
.gallery-caption{flex-wrap:wrap;gap:8px}
.gallery-zoom-tools button:nth-child(n+3){font-size:13px}
.gallery-image-area:fullscreen{padding:6px}
.gallery-zoom-tools{top:8px;right:8px}
@media(min-width:901px){
 .lab-dialog.is-lab-expanded .tlab{height:100%;min-height:0;display:flex;flex-direction:column;border-radius:0}
 .lab-dialog.is-lab-expanded .tlab-tabs{flex:0 0 auto;padding:6px 16px}
 .lab-dialog.is-lab-expanded .tlab-tabs button{font-size:17px;min-height:42px}
 .lab-dialog.is-lab-expanded .tlab-panel{flex:1;min-height:0;overflow:auto;padding:10px 18px}
 .lab-dialog.is-lab-expanded .tlab-build{display:grid;grid-template-rows:auto minmax(200px,1fr) auto auto auto;gap:7px}
 .lab-dialog.is-lab-expanded .tlab-workspace{min-height:0;grid-template-columns:200px minmax(0,1fr);align-items:stretch}
 .lab-dialog.is-lab-expanded .tlab-palette{overflow:auto;min-height:0}
 .lab-dialog.is-lab-expanded .tlab-board-wrap{grid-template-rows:auto minmax(140px,1fr) auto auto}
 .lab-dialog.is-lab-expanded .tlab-board{height:100%;min-height:0;max-height:none}
 .lab-dialog.is-lab-expanded .tlab-section-heading{margin:0;gap:10px}
 .lab-dialog.is-lab-expanded .tlab-section-heading>div{display:flex;align-items:center;gap:12px}
 .lab-dialog.is-lab-expanded .tlab-section-heading h3{font-size:19px;margin:0}
 .lab-dialog.is-lab-expanded .tlab-section-heading>p{font-size:13px}
 .lab-dialog.is-lab-expanded .tlab-auto-tools{margin:0}
 .lab-dialog.is-lab-expanded .tlab-auto-tools button,.lab-dialog.is-lab-expanded .tlab-tools button{min-height:38px;font-size:14px;padding:6px 12px}
 .lab-dialog.is-lab-expanded .tlab-tools{margin:0;padding:6px 8px}
 .lab-dialog.is-lab-expanded .tlab-tools label{font-size:14px}
 .lab-dialog.is-lab-expanded .tlab-board-status,.lab-dialog.is-lab-expanded .tlab-live-status{font-size:13px;padding:5px 10px;min-height:28px}
 .lab-dialog.is-lab-expanded .tlab-build-note{font-size:12px;line-height:1.4;margin:0}
 .lab-dialog.is-lab-expanded .tlab-house-panel{display:grid;grid-template-rows:auto minmax(200px,1fr) auto auto;gap:8px}
 .lab-dialog.is-lab-expanded .tlab-house-shell{display:grid;grid-template-rows:auto minmax(150px,1fr) auto;min-height:0}
 .lab-dialog.is-lab-expanded .tlab-house-stage{width:100%;height:100%;min-height:0;max-height:none}
 .lab-dialog.is-lab-expanded .tlab-house-actions{margin:0}
 .lab-dialog.is-lab-expanded .tlab-teacher-note{margin:0;padding:9px 14px}
}
@media(max-width:900px){
 .classroom-viewport-tools{gap:4px;padding:6px}
 .classroom-viewport-tools>span{display:none}
 .classroom-viewport-tools button{padding:6px 8px}
 .lab-dialog.is-lab-expanded .dialog-header{height:auto;min-height:64px;flex-wrap:wrap;gap:6px}
 .lab-dialog.is-lab-expanded{display:flex;flex-direction:column}
 .lab-dialog.is-lab-expanded .dialog-content{height:auto;flex:1;min-height:0;overflow:auto}
 .lab-dialog .tlab-build{display:block;overflow:visible}
 .lab-dialog .tlab{height:auto}
 .lab-dialog .tlab .tlab-workspace{grid-template-columns:1fr}
 .lab-dialog .tlab .tlab-shape-list{grid-template-columns:repeat(5,minmax(0,1fr))}
 .lab-dialog .tlab-board{height:380px;min-height:260px}
 .gallery-resolution{white-space:normal}
 .gallery-zoom-tools{max-width:calc(100% - 12px);flex-wrap:wrap}
 .gallery-zoom-tools button{min-width:32px;padding:0 7px}
 .house-angle-control input[type="range"]{width:130px}
}