/* Keep the canvas in view while the component catalogs scroll independently. */
@media(min-width:851px){main{height:calc(100vh - 84px);min-height:650px;overflow:hidden}.library,.inspector{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d3d9cb transparent}.workspace{height:100%;min-height:0}#stage{flex:1;height:auto;min-height:0;max-height:none}}
#stage{position:relative;display:block;flex-shrink:0}#watch{position:absolute;inset:0;height:100%;width:100%;max-width:none;min-height:0;min-width:0}.option .option-name{font-size:14px}.step{font-size:12px}.section-title h3,.field-label{font-size:14px}.panel-heading p,.catalog-description{font-size:13px}.layer button{font-size:13px}.empty-selection{font-size:14px}.help,.tip p,.canvas-hint{font-size:12px}.text-input,.number-field input{font-size:14px}.actions button{font-size:12px}.selected-name small{font-size:12px}.reference-link{font-size:13px}.option .option-en{font-size:11px}.swatch{width:28px;height:28px}.colors{gap:8px}.workspace .eyebrow{font-size:11px}
@media(max-width:560px){#stage{height:380px}.workspace{height:590px}.option .option-name{font-size:13px}.canvas-hint{font-size:11px}.colors{gap:12px}}