.dcc-configurator{margin:20px 0;padding:18px;border:1px solid #e5e5e5;border-radius:10px}.dcc-summary{display:flex;gap:24px;justify-content:space-between;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #eee}.dcc-field{margin:0 0 18px}.dcc-field>label{display:block;font-weight:700;margin-bottom:8px}.dcc-field select{width:100%;min-height:44px}.dcc-swatches{display:flex;flex-wrap:wrap;gap:10px}.dcc-swatch{position:relative}.dcc-swatch input{position:absolute;opacity:0;pointer-events:none}.dcc-swatch span{display:flex;flex-direction:column;align-items:center;border:2px solid #eee;border-radius:10px;overflow:hidden;cursor:pointer;min-width:88px}.dcc-swatch img{width:88px;height:88px;object-fit:cover}.dcc-swatch b{padding:7px;font-size:12px}.dcc-swatch.selected span,.dcc-swatch:has(input:checked) span{border-color:#222}.dcc-radios{display:flex;flex-wrap:wrap;gap:10px}.dcc-radio{display:flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:8px;padding:9px 12px;cursor:pointer}.dcc-radio input{margin:0}@media(max-width:600px){.dcc-summary{flex-direction:column;gap:6px}.dcc-swatches{gap:7px}.dcc-swatch span{min-width:72px}.dcc-swatch img{width:72px;height:72px}}