.new-product-styles{margin:18px 0;padding:18px;border:1px solid #ded8ce;background:#f8f5ef}.new-product-styles-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.new-product-styles h4{margin:0 0 4px;font:600 15px Manrope}.new-product-styles p{margin:0;color:#777;font-size:10px}.new-style-add{display:flex;gap:7px}.new-style-add input{min-width:210px;height:38px;border:1px solid #d6d0c6;background:#fff;padding:0 10px}.new-style-add button{border:0;background:var(--ink);color:#fff;padding:0 13px;font-weight:700;cursor:pointer}.new-product-style-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.new-product-style-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ded8ce;background:#fff}.new-product-style-item input{width:16px;height:16px}.new-product-style-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.new-product-style-item button{border:0;background:none;color:#9b3f2b;font-size:9px;text-decoration:underline;cursor:pointer}.new-style-empty{grid-column:1/-1;padding:18px;text-align:center;color:#888;border:1px dashed #d7d0c5;font-size:10px}@media(max-width:720px){.new-product-styles-head{flex-direction:column}.new-style-add{width:100%}.new-style-add input{min-width:0;flex:1}.new-product-style-list{grid-template-columns:1fr}}
