html,body{min-height:100%}
body{overflow:hidden}
.page{max-width:none;width:100%;height:100dvh;min-height:0;padding:0;display:flex;flex-direction:column}
.page-header{width:100%;height:68px;min-height:68px;padding:0 24px;background:#f5f3ee}
.brand-mark{background:#f2eee7;overflow:hidden}
.brand-mark img{display:block;width:30px;height:30px}
.brand-home{color:inherit;text-decoration:none}
.brand-home:hover,.brand-home:focus-visible{text-decoration:underline;text-underline-offset:3px}
.intro,.page-footer{display:none}
.workspace{display:grid;grid-template-columns:clamp(270px,23vw,340px) minmax(0,1fr) clamp(340px,29vw,430px);gap:14px;flex:1;min-height:0;padding:14px;align-items:stretch}
.workspace>.panel{min-width:0;min-height:0}
.controls,.result{overflow:auto;scrollbar-width:thin}
.result .table-scroll{flex-shrink:0}
.controls{padding:26px 24px}
.calculate-button{display:none}
.result{padding:26px 24px 0}
.panel-heading{gap:0;padding-bottom:22px}
.three-d-section{margin:0;padding:26px 24px;display:flex;flex-direction:column;overflow:hidden}
.three-d-content{display:flex;flex-direction:column;flex:1;min-height:0;gap:14px;padding-top:18px}
.three-d-stage{flex:1;min-height:140px}
#furniture-3d{width:100%;height:100%}
.three-d-sidebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;flex:none;padding:0}
.three-d-kicker,.three-d-description{display:none}
.three-d-tip{margin:0;padding:9px 11px;font-size:11px}
.three-d-legend{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 13px;border:0;margin:0;padding:0;font-size:10px}
.result-footer{flex-wrap:wrap}
@media(max-width:1000px){
  body{overflow:auto}
  .page{height:auto;min-height:100dvh}
  .workspace{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'controls model' 'result result';align-items:stretch}
  .controls{grid-area:controls}
  .three-d-section{grid-area:model;min-height:620px}
  .result{grid-area:result;min-height:0;padding-bottom:12px}
}
@media(max-width:700px){
  .workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:'controls' 'model' 'result';padding:12px;gap:12px}
  .page-header{height:64px;min-height:64px;padding:0 16px}
  .controls,.result,.three-d-section{padding:23px 19px}
  .three-d-section{min-height:520px}
  .three-d-stage{min-height:280px}
}
@media print{
  body{overflow:visible}
  .page{height:auto;min-height:0}
  .workspace{display:block;padding:0}
  .controls{display:none}
  .result,.three-d-section{overflow:visible}
  .three-d-section{min-height:0}
  .three-d-content{display:grid;grid-template-columns:1fr 190px}
  .three-d-stage{min-height:260px}
  #furniture-3d{height:260px}
}