/* Design Studio R5: compact catalogue and usable zoomable preview */
.grid>section:first-child{align-self:start}
#products{max-height:65vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}
.product{padding:5px 7px;margin-bottom:4px;min-height:57px;gap:7px}
.product img{width:54px;height:46px}
.product strong{font-size:13px;line-height:1.25}
.product small{font-size:11px}
.product button{padding:5px 8px;font-size:12px}
#product-search{width:100%;font-size:15px;padding:10px;margin:4px 0}
#catalog-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:7px 0}
#catalog-controls button{padding:6px 9px;font-size:12px}
#catalog-count{color:#b5d3de;font-size:12px}
#preview-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}
#preview-controls button{padding:7px 12px}
.preview{max-height:75vh;overflow:auto;scrollbar-width:thin}
.preview canvas{max-width:none;min-width:0;display:block}
#design-actions{min-width:0}
#design-title{overflow-wrap:anywhere}
#history{max-height:110px;overflow:auto}
#layers{max-height:450px;overflow:auto}
@media(max-width:900px){
 .grid{display:flex;flex-direction:column}
 .grid>section:nth-child(2){order:1}
 .grid>section:first-child{order:2}
 #products{max-height:42vh}
 .preview{max-height:65vh}
 #design-title{font-size:16px}
 #preview-controls{position:sticky;top:0;background:#0e1c2b;padding:5px;z-index:3}
 #preview-controls button{flex:1}
 .product{min-height:54px}
 .grid>section{padding:9px}
 dialog{max-height:88dvh;overflow:auto;padding:12px}
 dialog input,dialog select{padding:9px}
}

.product .product-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.35;color:#e1d0b9;margin-top:2px}.product .copy small{display:block;color:#efc779}#product-dialog input[name=description]{font-size:14px}

#product-dialog textarea[name=description]{width:100%;min-height:78px;max-height:180px;resize:vertical;background:#091725;color:#f2f6fa;border:1px solid #395469;border-radius:6px;padding:9px;font:14px/1.45 system-ui,sans-serif}