.bx-viewer{position:relative;background:radial-gradient(ellipse at 50% 30%,#fff 0%,#ececea 60%,#e0e0dd 100%);border:1px solid #e6e6e2;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(16,16,18,.25);max-width:1100px;margin:0 auto}#brandx-canvas{width:100%;height:520px;display:block;cursor:grab;touch-action:pan-y}#brandx-canvas.dragging{cursor:grabbing}@media(max-width:820px){#brandx-canvas{height:380px}}.bx-badge{position:absolute;top:14px;left:14px;background:#fff;border:1px solid #e6e6e2;color:#c79c05;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.2em;text-transform:uppercase;padding:7px 11px;border-radius:4px}.bx-ctrls{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:8px}.bx-btn{background:#fff;border:1px solid #e6e6e2;color:#101012;font:700 11px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 13px;border-radius:4px;cursor:pointer}.bx-btn.on{background:#101012;color:#f2c40f}.bx-fins{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e6e6e2;border-radius:24px;padding:8px 14px}.bx-swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;outline:1px solid #e6e6e2;cursor:pointer}.bx-swatch.on{outline:3px solid #f2c40f}.bx-explodebar{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;width:min(560px,86%);background:#fff;border:1px solid #e6e6e2;border-radius:10px;padding:12px 18px}.bx-explodebar .row{display:flex;align-items:center;gap:14px}.bx-explodebar label{font:800 11px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6d6d74;white-space:nowrap}#bx-explode{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,#f2c40f var(--fill,0%),#e2e2de var(--fill,0%));outline:none}#bx-explode::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#101012;border:3px solid #f2c40f;cursor:pointer}@media(max-width:700px){.bx-fins,.bx-explodebar{position:static;transform:none;margin:10px 12px;width:auto}.bx-ctrls{flex-direction:row;flex-wrap:wrap}}