/* Compact calculator layout; quotation sheets retain their existing spacing. */
@media screen {
 .studio>main{padding:18px 24px;max-width:1660px}
 .studio .intro{margin-bottom:12px;gap:12px}
 .studio h1{font-size:24px;margin:0;line-height:1.4;letter-spacing:0}
 .studio .intro p{margin:3px 0 0}
 .studio .date{margin-top:6px}
 .studio .workspace .card{padding:14px 16px;margin-bottom:10px;border-radius:10px}
 .studio .workspace h2{font-size:17px;line-height:1.45;margin:0 0 10px}
 .studio .workspace h2 span{margin-left:8px}
 .studio .workspace p{margin:5px 0}
 .studio .workspace label{margin-bottom:4px;line-height:1.45}
 .studio .workspace .field{margin-bottom:8px}
 .studio .workspace input:not([type=checkbox]),.studio .workspace select{min-height:40px;padding:8px 10px;font-size:14px}
 .studio .workspace .fields{gap:10px}
 .studio .material-card{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .studio .material-card .field:last-child{margin-bottom:0}
 .studio .category-tabs{margin:9px 0 8px;gap:5px}
 .studio .category-tabs button{padding:6px 10px;min-height:32px}
 .studio .product-picture{padding:4px 10px}
 .studio .product-picture img{height:130px}
 .studio .product-picture h3{font-size:19px;margin:5px 0 0}
 .studio .product-picture p{margin:2px 0;font-size:12px}
 .studio .workspace .segments{gap:6px;margin-bottom:6px}
 .studio .workspace .segments button{padding:8px 10px;min-height:38px;font-size:14px;min-width:72px}
 .studio .workspace .space-top{margin-top:12px}
 .studio .workspace .muted{font-size:12px;line-height:1.5}
 .studio .workspace .switch{margin:7px 0 10px;min-height:28px}
 .studio .workspace details{margin-top:7px}
 .studio .workspace details summary{padding:6px 0;font-size:13px}
 .studio .backing-fields{margin-top:8px;padding:12px}
 .studio .flash-row{gap:10px;padding:8px 10px;margin:6px 0}
 .studio .flash-row .field{margin:0}
 .studio .flash-row strong,.studio .flash-row span{font-size:13px}
 .studio .quantity-card .fields{max-width:600px}
 .studio .quantity-card .field{margin-bottom:0}
 .studio #selectionNote:empty,.studio #copyStatus:empty{display:none}
 .studio .workspace .price-summary{gap:14px;padding:12px 16px;margin-bottom:0}
 .studio .price-summary>div+div{padding-left:14px}
 .studio .price-summary strong{font-size:21px;line-height:1.35}
 .studio .price-summary .grand-total strong{font-size:26px}
 .studio .price-summary span,.studio .price-summary small{font-size:12px}
 .studio .price-details{margin:0 0 8px;padding:0 10px}
 .studio .spec-header{gap:10px;margin-bottom:7px}
 .studio .spec-header h2{margin:0}
 .studio .spec-header button{padding:7px 10px;font-size:12px}
 .studio #specText{display:block;min-height:76px;padding:10px 12px;font:14px/1.5 Tahoma,Arial,sans-serif}
 .studio #specification>p{margin:4px 0 0}
 .studio #quoteActions{gap:7px;margin-top:6px}
 .studio #print{min-height:46px;font-size:16px;padding:10px 14px}
 .studio .quotation-toolbar{gap:6px}
 .studio .quotation-toolbar button{padding:7px 10px;font-size:12px}
 .studio .workspace .combo-entry input{padding-left:8px}
 .studio .workspace .combo-toggle{font-size:20px;padding:4px 12px}
 .studio .workspace .combo-list>[role=option]{padding:9px 12px}
 .studio>footer{padding:12px 18px;font-size:11px}
}
@media screen and (min-width:1200px){
 .studio #controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;align-items:start}
 .studio #controls>.card{grid-column:1/-1;min-width:0}
 .studio #controls>.insulation-card{grid-column:1}
 .studio #controls>.accessories-card{grid-column:2}
 .studio #controls>.material-card+.accessories-card{grid-column:1/-1}
 .studio .accessories-card .flash-row{grid-template-columns:1fr 1fr}
 .studio .accessories-card .flash-row>span{grid-column:1/-1}
}
@media screen and (max-width:760px){
 .studio>main{padding:14px 12px}
 .studio h1{font-size:21px}
 .studio .sidebar{padding:14px 16px}
 .studio .sidebar nav{margin-top:10px;gap:4px}
 .studio .sidebar-bottom{margin-top:5px;gap:5px;flex-wrap:wrap}
 .studio .sidebar-bottom a,.studio .sidebar-bottom button{padding:6px 8px;font-size:12px}
 .studio .workspace .card{padding:12px;margin-bottom:8px}
 .studio .material-card{grid-template-columns:1fr;gap:10px}
 .studio .product-picture{padding:10px 0 0}
 .studio .product-picture img{height:100px}
 .studio .product-picture h3{font-size:17px}
 .studio .workspace input:not([type=checkbox]),.studio .workspace select{min-height:44px;font-size:16px}
 .studio .workspace .segments button{min-height:44px}
 .studio .workspace .fields{gap:8px}
 .studio .quantity-card .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .studio .workspace .price-summary{gap:10px}
 .studio .price-summary .grand-total{padding:10px 0 0}
 .studio .price-summary strong{font-size:20px}
 .studio .price-summary .grand-total strong{font-size:24px}
 .studio .spec-header{align-items:center}
 .studio .spec-header h2{font-size:16px}
 .studio #specText{font-size:14px;min-height:96px}
}