.filter-grid.building-filters{grid-template-columns:minmax(160px,1.4fr) minmax(120px,1fr) minmax(120px,1fr) auto}
.browse-layout{display:block}
.browse-layout>.quick-pane{display:none}
.building-board{--unit-width:104px;--floor-height:96px;--floor-gap:8px;--heading-height:58px;min-width:0}
.building-board .board-title{gap:16px;align-items:center}
.building-board .board-title h3{font-size:23px;margin-bottom:5px}
.board-section-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 20px}
.board-section-nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--brand);background:var(--panel);cursor:pointer}
.board-section-nav button:hover,.board-section-nav button:focus-visible{background:var(--soft);border-color:#ab99c4}
.board-section-nav button span{font-size:14px;font-weight:600;white-space:nowrap}
.board-section-nav button small{font-size:11px;white-space:nowrap}
.building-scroll{padding:0 18px 16px;max-height:72dvh;scrollbar-width:auto;scrollbar-color:#b6a5cb #eeebf3;scroll-padding:calc(var(--heading-height) + 8px) 12px 24px 60px}
.main.has-selection .building-scroll{padding-bottom:110px;scroll-padding-bottom:110px}
.building-sections{display:flex;width:max-content;min-width:100%;align-items:stretch;gap:22px}
.building-floor-axis{position:sticky;left:0;z-index:4;flex:0 0 38px;background:var(--panel);box-shadow:10px 0 12px var(--panel)}
.section-heading{height:var(--heading-height);display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;z-index:2;border-bottom:2px solid #d9d1e4;background:var(--panel);margin-bottom:var(--floor-gap);color:var(--brand)}
.section-heading strong{font-size:17px;white-space:nowrap}
.section-heading small{font-size:11px}
.axis-heading{font-size:10px;color:var(--muted);justify-content:center}
.building-floor-label{height:var(--floor-height);margin-bottom:var(--floor-gap);display:grid;place-items:center;font-size:17px;color:var(--muted)}
.board-section{flex:0 0 auto;min-width:max-content}
.section-floor{display:grid;grid-auto-flow:column;grid-auto-columns:var(--unit-width);gap:8px;height:var(--floor-height);margin-bottom:var(--floor-gap)}
.building-board .unit{height:var(--floor-height);min-height:var(--floor-height);padding:11px 9px}
.building-board .unit.chosen{padding:10px 8px}
.building-board .unit .unit-size{font-size:15px}
.building-board .unit .unit-price{font-size:13px}
.building-board .unit.unknown{min-height:var(--floor-height)}
.board-data-note{font-size:11px;color:var(--muted);padding:0 24px 10px;line-height:1.5}
.quick-dialog{position:fixed;inset:18px 18px 18px auto;margin:0;width:min(420px,calc(100% - 36px));max-width:420px;max-height:calc(100dvh - 36px);overflow:auto;border-radius:24px;padding:26px}
.quick-dialog .quick-plan{height:240px}
.quick-dialog .price-large{font-size:34px}
.quick-dialog .quick-tip{margin-bottom:0}
.quick-feedback:not(:empty){margin-top:12px;line-height:1.5}
.board-expanded-page{overflow:hidden}
.board-expanded-page .sidebar,.board-expanded-page .topbar,.board-expanded-page .bottom-nav,.board-expanded-page .dev-bar{visibility:hidden}
.main.board-expanded{position:fixed;inset:0;z-index:15;max-width:none;padding:20px 24px 18px;overflow:auto;background:var(--bg)}
.board-expanded .page-head,.board-expanded .catalog-meta{display:none}
.board-expanded .filter-card{margin-bottom:12px;padding:16px 20px}
.board-expanded .filter-tools{margin-top:10px}
.board-expanded .building-board{--unit-width:90px;--floor-height:84px;--floor-gap:6px}
.board-expanded .section-floor{gap:6px}
.board-expanded .building-sections{gap:16px}
.board-expanded .building-floor-axis{flex-basis:32px}
.board-expanded .unit .unit-price{font-size:12px}
.board-expanded .building-scroll{max-height:calc(100dvh - 370px)}
.board-expanded.has-selection{padding-bottom:105px}
.board-expanded.has-selection .building-scroll{max-height:calc(100dvh - 450px)}
.board-expanded-page .selection-tray{left:24px;right:24px;bottom:16px;z-index:16}
@media(max-width:850px){
 .filter-grid.building-filters{grid-template-columns:1fr 1fr}
 .filter-grid.building-filters .btn{grid-column:auto}
 .board-section-nav{padding-left:18px;padding-right:18px}
 .building-board{--unit-width:100px;--floor-height:94px}
 .building-sections{gap:18px}
 .section-heading{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
 .axis-heading{align-items:center}
 .main.board-expanded{padding:12px}
 .board-expanded .filter-card{padding:15px}
 .board-expanded-page .selection-tray{left:12px;right:12px;bottom:12px}
}
@media(max-width:650px){
 .filter-grid.building-filters{grid-template-columns:1fr 1fr}
 .filter-grid.building-filters>label:first-child{grid-column:1/-1}
 .filter-grid.building-filters .btn{grid-column:1/-1}
 .building-board .board-title h3{font-size:20px}
 .building-board .board-title{align-items:flex-start;gap:12px}
 .board-section-nav{gap:6px;padding-bottom:14px;flex-wrap:nowrap;overflow-x:auto}
 .board-section-nav button{padding:9px 11px;gap:3px;flex:0 0 auto;flex-direction:column;align-items:flex-start}
 .board-section-nav button small{font-size:10px}
 .building-scroll{padding:0 12px 14px;max-height:68dvh}
 .building-floor-axis{flex-basis:30px}
 .building-board .unit .unit-price{font-size:12px}
 .board-data-note{padding-left:18px;padding-right:18px}
 .quick-dialog{inset:auto 0 0;margin:0 auto;max-width:600px;width:100%;max-height:88dvh;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}
 .quick-dialog .price-large{font-size:30px}
 .board-expanded .building-scroll{max-height:calc(100dvh - 340px)}
 .board-expanded.has-selection .building-scroll{max-height:calc(100dvh - 410px)}
}