/* Settings and the picture share the full available height. */
.workspace{grid-template-columns:320px minmax(0,1fr)}
.settings{padding:12px 16px}.preview{display:block;position:relative}#stage{height:100%}
.size-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.dimension-field{grid-template-columns:1fr 70px;gap:4px}.dimension-field input[type=number]{width:70px;font-size:17px;min-height:34px;padding:4px}.dimension-field label{font-size:11px}.dimension-field label span{display:inline;font-size:9px}.dimension-field input[type=range]{height:20px}
.construction-choice{margin:7px 0}.type-choice .option-row button,.shape-choice .option-row button{min-height:47px;gap:2px;padding:3px}.type-choice .option-row svg,.shape-choice .option-row svg{height:21px}.shape-note{font-size:10px;margin:4px 0 7px}.swatches button{flex-direction:row;min-height:38px}.finishes{margin:6px 0}.mounting-options summary{font-size:12px;padding:7px 0}.mounting-options[open] summary{margin-bottom:0}
.mounting-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 9px}.mounting-grid>.construction-choice:first-child,.mounting-grid>.equipment-choice,.equipment-note,.equipment-info{grid-column:1/-1}.mounting-grid>.construction-choice{margin:4px 0}.mounting-grid>.construction-choice:nth-child(2) .option-row button,.mounting-grid>.construction-choice:nth-child(3) .option-row button{flex-direction:column;gap:1px;min-height:47px;font-size:9px}.mounting-grid .option-row svg{height:22px}.equipment-note{font-size:10px;margin:2px 0}.equipment-info{padding:3px 0;min-height:25px;font-size:10px}
.view-strip{position:absolute;z-index:3;right:14px;bottom:12px;padding:4px;background:#fffffff0;border:1px solid #dce1d9;border-radius:5px;box-shadow:0 3px 16px #192f2412}.view-tabs{gap:3px}.view-tabs button{width:58px;min-height:49px;font-size:9px}.view-tabs svg{width:40px;height:26px}.orbit-controls{bottom:80px;right:15px}.drag-hint{bottom:15px;font-size:9px}#drawing-view{padding:56px 8px 76px}.scene-title,.scene-meta,.scene-reset{z-index:2}.scene-meta strong{font-size:11px}
@media(min-width:1500px){.workspace{grid-template-columns:340px minmax(0,1fr)}}
@media(min-width:701px) and (max-width:1000px) and (min-height:431px){.workspace{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:700px),(max-height:430px){
 .workspace{display:block}.preview{display:block;height:100%}#stage{height:calc(100% - 42px)}.settings-toggle{position:absolute;bottom:0;left:0;height:42px;min-height:42px;z-index:5}.settings{inset:0 0 42px;padding:12px 16px}.settings-open .settings{display:block}.settings-open .settings-toggle{position:absolute}.view-strip{bottom:8px;right:8px;padding:3px}.view-tabs button{width:49px;min-height:44px}.view-tabs svg{height:23px}.orbit-controls{bottom:68px;right:9px}.drag-hint{display:none}#drawing-view{padding:46px 2px 64px}.scene-meta{max-width:calc(100% - 115px)}.size-fields{grid-template-columns:1fr 1fr}.dimension-field input[type=number]{width:70px;min-height:36px}.option-row button{min-height:42px}.mounting-grid .option-row button{font-size:10px}.construction-choice legend{font-size:11px}
}
@media(max-height:430px) and (min-width:701px){
 .settings-open .settings{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:5px 16px;align-content:start}.settings .type-choice{grid-column:1;grid-row:1}.settings .shape-choice{grid-column:2;grid-row:1}.settings .size-fields{grid-column:1/3;grid-row:2;grid-template-columns:1fr 1fr;margin:0}.settings .finishes{grid-column:1/3;grid-row:3}.settings .shape-note{grid-column:1/3;grid-row:4;margin:0}.settings .mounting-options{grid-column:3;grid-row:1/5;margin:0;border:0}.settings .project-note{grid-column:1/-1}.view-tabs button{min-height:39px}.view-tabs svg{height:19px}.orbit-controls{bottom:61px}#drawing-view{padding-top:40px;padding-bottom:58px}
}