/* Compact Build Your Own controls on phones. */
@media(max-width:760px){
  body{grid-template-rows:58px minmax(0,1fr) 28px;overscroll-behavior:none}
  .builder-header{padding:6px 8px;gap:5px}
  .builder-header .brand{gap:5px}.builder-header .brand b{font-size:14px}.builder-header .brand small{font-size:8px;letter-spacing:.8px}.builder-header .mark{font-size:10px;padding:8px 5px}
  .house-switch{padding:2px;gap:2px}.house-switch a{min-height:29px;padding:4px 6px;font-size:11px}
  .canvas-toolbar{padding:4px 7px;gap:4px}.canvas-toolbar button{min-height:30px;padding:4px 6px;font-size:11px}.view-switch,.history-actions{gap:3px}.history-actions button{min-width:30px;min-height:30px;padding:2px 6px;font-size:17px}
  .floor-strip{min-height:36px;padding:3px 8px;gap:4px 6px}.floor-strip>b,.floor-strip label{font-size:10px}.floor-strip select{min-width:108px;height:29px;font-size:11px;padding:3px 20px 3px 6px}.floor-strip .floor-delete{min-height:29px;padding:3px 6px;font-size:10px}
  .tool-panel{max-height:31dvh;padding:6px 8px;gap:0 8px}
  .panel-title h1{font-size:16px;margin:0 0 4px}.panel-title .eyebrow{font-size:9px;margin-bottom:3px}
  .palette{gap:4px}.piece-card{min-height:46px;padding:5px;gap:4px}.piece-card svg{width:30px;height:25px}.piece-card b{font-size:11px}.piece-card small{font-size:9px;margin-top:1px}
  .fixed-spec{gap:7px;padding:5px 0;font-size:10px}.inspector{padding:6px 0;gap:4px 8px}.selection-heading{margin:0}.selection-heading h2{font-size:12px}.field{font-size:11px}.input-unit input{width:55px;min-height:29px;padding:4px;font-size:13px}.input-unit>span{padding-inline:4px;font-size:11px}.rotation-controls{gap:3px}.rotation-controls button{min-height:30px;padding:4px 2px;font-size:10px}.selection-actions{gap:3px}.selection-actions button{min-height:27px;padding:3px;font-size:10px}.panel-bottom{padding-top:4px}.snap-control,.clear-button{font-size:10px;min-height:27px}
  .opening-panel,.height-panel{padding:7px 0}.opening-panel h2,.height-panel h2{font-size:12px;margin-bottom:5px}.opening-buttons{gap:4px}.opening-buttons button{min-height:30px;padding:4px 6px;font-size:11px}.opening-row{padding:6px;margin-top:4px}.opening-row label{margin-top:3px;font-size:10px}.opening-row input[type=range],#wall-height{min-height:24px;margin:1px 0}.style-grid{gap:3px}.style-grid button{min-height:37px;padding:4px;font-size:10px}.style-grid button small{font-size:9px}
  .stair-style-panel{padding:7px 0}.stair-style-panel h2{font-size:12px;margin-bottom:5px}.stair-style-panel .style-grid button{min-height:32px}.wall-color-panel{margin-top:6px;padding-top:6px}.wall-color-label{font-size:10px;margin-bottom:4px}.wall-color-grid{gap:4px}.wall-color-grid button{height:22px;min-height:22px}
}
@media(max-width:390px){
  .tool-panel{max-height:29dvh;padding:5px 7px}.piece-card{min-height:42px}.piece-card small{display:none}.fixed-spec{font-size:9px}.selection-actions button{font-size:9px}.floor-strip select{min-width:95px}
}
@media(max-width:760px) and (orientation:landscape){
  .tool-panel{max-height:none;padding:8px}.canvas-toolbar{padding:3px 6px}.floor-strip{min-height:32px}
}