*{box-sizing:border-box}body{margin:0;background:#fff;color:#173a38;font:16px/1.5 system-ui,sans-serif}main{max-width:820px;margin:auto;padding:20px}h1{font-size:28px}label{display:block;margin:14px 0}input,select,button{font:inherit;max-width:100%}input:not([type=checkbox]),select{display:block;width:100%;padding:11px;border:1px solid #a8b9b8;border-radius:6px;margin-top:6px}button{padding:12px 18px;background:#087d76;border:0;border-radius:7px;color:white;cursor:pointer}button:disabled{opacity:.5}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:6px}.measurements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}fieldset{border:1px solid #d8e4e1;border-radius:8px;padding:16px;margin:20px 0}#preview{max-width:100%;max-height:240px}.hint{font-size:14px;color:#526663}[role=status]{white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:520px){.measurements{grid-template-columns:1fr}main{padding:12px}}

#fabric-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;margin:14px 0}.fabric-card{display:flex;flex-direction:column;gap:8px;background:white;color:#173a38;border:2px solid #d8e4e1;padding:8px;text-align:left}.fabric-card[aria-pressed=true]{border-color:#087d76;background:#eff9f6}.fabric-card img{width:100%;height:140px;object-fit:cover;border-radius:4px}.fabric-card span{overflow-wrap:anywhere}#selected-fabric{margin:16px 0}#selected-fabric img{max-width:100%;max-height:360px;object-fit:contain}#selected-fabric figcaption{font-weight:600}