.designer-page .designer-hero h1{font-size:clamp(25px,3vw,34px);margin:6px 0 10px}.designer-page .designer-rate strong{font-size:28px}.designer-page .designer-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.designer-page .designer-preview{margin:20px 0;padding:18px;border:1px solid #cde1da;border-radius:16px;background:#f0f7f3}.designer-preview h3{margin:0 0 4px}.designer-preview p{margin:5px 0 10px}.designer-preview canvas{display:block;width:min(100%,420px);height:auto;aspect-ratio:1;margin:12px auto;border-radius:12px;background:#f4f3fa}.designer-preview-controls{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.designer-page .designer-preview-controls input{padding:0}.designer-overview .designer-metric{background:#e9f4ef;border-color:#cce4d8}.designer-overview .designer-metric strong{color:#004f56}.designer-overview + p{margin-top:-14px;color:#55777a}.designer-page .designer-status:empty,.designer-page .designer-note:empty{display:none}@media(max-width:800px){.designer-page .designer-grid{grid-template-columns:1fr}}@media(max-width:480px){.designer-page .designer-hero h1{font-size:25px}.designer-page .designer-rate strong{font-size:22px}.designer-page .designer-preview{padding:14px}.designer-preview-controls{grid-template-columns:1fr 1fr;gap:0 12px}.designer-page .designer-metric strong{font-size:19px}}
