.bmwcfg-root { position: relative; width: 100%; }
.bmwcfg-canvas-wrap { position: relative; width: 100%; height: 100%; overflow: visible; }
.bmwcfg-canvas { width: 100%; height: 100%; display: block; } .bmwcfg-controls {
margin-top: 10px;
display: grid;
gap: 10px;
background: #f6f7f9;
border: 1px solid #e3e6ea;
border-radius: 6px;
padding: 10px;
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.bmwcfg-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.bmwcfg-row label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.bmwcfg-btn {
padding: 8px 12px; border: 1px solid #c7d0db; background: #fff;
border-radius: 6px; cursor: pointer;
}
.bmwcfg-btn:hover { background: #eef3f8; } .bmwcfg-picker {
position: absolute; right: 8px; bottom: 8px; width: 280px;
background: rgba(255,255,255,0.96); border: 1px solid #d8dee6; border-radius: 8px;
box-shadow: 0 6px 20px rgba(0,0,0,0.12); padding: 10px; z-index: 999;
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.bmwcfg-picker__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.bmwcfg-picker__close { border:0; background:transparent; font-size:18px; line-height:1; cursor:pointer; }
.bmwcfg-picker__row { display:flex; gap:10px; margin:8px 0; }
.bmwcfg-picker__row input[type="text"] { width: 100%; }
.bmwcfg-picker__meta { color:#666; }
@media (max-width: 640px) {
.bmwcfg-picker { left: 8px; right: 8px; bottom: 8px; width: auto; }
}