.design-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;display:none;}
.design-modal-content {background:#fff;width:600px;margin:10% auto;padding:20px;border-radius:6px;position:relative;}
.close {position:absolute;right:15px;top:10px;font-size:22px;cursor:pointer;}

#patternFilters {margin-bottom:10px;}
.filter-btn {padding:5px 10px;margin-right:6px;border:1px solid #ccc;background:#f2f2f2;cursor:pointer;border-radius:4px;}
.filter-btn.active {background:#0073aa;color:#fff;border-color:#0073aa;}

#patternGrid {display:flex;flex-wrap:wrap;gap:10px;}
.pattern-item {width:100px;text-align:center;padding:5px;cursor:pointer;border:2px solid transparent;border-radius:4px;}
.pattern-item.active {border-color:#0073aa;}

.pattern-thumb {width:80px;height:80px;border-radius:4px;object-fit:cover;}

#productImageWrapper img {width:120px;margin:5px;border-radius:4px;}