/*! Generated from public-pattern-preview.less Do not edit this CSS directly */.pattern-page{padding-top:20px;padding-bottom:112px}.pattern-page__hero{display:grid;gap:16px}.pattern-page__title{margin:0;font-size:clamp(20px,4vw,30px);line-height:1.2}.pattern-page__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.public-pattern-preview{border:2px solid #e4dcd0;border-radius:12px;overflow:hidden;background:#faf6ef}.public-pattern-preview__scene{position:relative;height:clamp(280px,calc(100svh - 310px),560px);isolation:isolate}.public-pattern-preview__placeholder{position:absolute;inset:0;z-index:20;background:#faf6ef}.public-pattern-preview__placeholder img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.public-pattern-preview__status{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:#faf6ef;color:#7a7062;font-size:14px}.public-pattern-preview__status button{color:#c65d3e;font-weight:700;min-height:36px;padding:0 12px}.public-pattern-preview__controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-top:2px solid #e4dcd0;color:#7a7062;font-size:13px}.public-pattern-preview__controls label{display:flex;align-items:center;gap:8px}.public-pattern-preview__controls input{width:clamp(80px,20vw,200px);min-height:32px;accent-color:#c65d3e}@media (max-width:767px){.pattern-page{padding-top:16px}.public-pattern-preview__scene{height:clamp(260px,calc(100svh - 300px),500px)}}