.rcc-viz,.rcc-viz *{box-sizing:border-box}.rcc-viz{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0;background:#0d0d0d;color:#fff;border-radius:16px;overflow:hidden;border:1px solid #262626}.rcc-viz-stage{position:relative;min-height:560px;background:#151515}.rcc-viz-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}.rcc-viz-stage canvas:active{cursor:grabbing}.rcc-viz-loading,.rcc-viz-nogl-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9e9e9e;font-size:14px;text-align:center;padding:24px}.rcc-viz-nogl-msg,.rcc-viz-stage.is-ready .rcc-viz-loading,.rcc-viz-stage.rcc-viz-nogl .rcc-viz-loading{display:none}.rcc-viz-stage.rcc-viz-nogl .rcc-viz-nogl-msg{display:flex}.rcc-viz-views{position:absolute;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.rcc-viz-views button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;backdrop-filter:blur(6px)}.rcc-viz-views button:hover{background:rgba(255,255,255,.18)}.rcc-viz-views .rcc-viz-spin[aria-pressed=true]{background:#fff;color:#000}.rcc-viz-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;margin:0;font-size:12px;color:#8a8a8a;pointer-events:none}.rcc-viz-panel{padding:20px;display:flex;flex-direction:column;gap:18px;background:#111;border-left:1px solid #262626}.rcc-viz-group h3{font-size:14px;margin:0 0 10px;color:#fff;font-weight:600;letter-spacing:.2px}.rcc-viz-swatches{display:flex;flex-wrap:wrap;gap:9px}.rcc-viz-customwrap,.rcc-viz-swatches button{width:32px;height:32px;border-radius:50%;background:var(--c);border:2px solid #333;cursor:pointer;padding:0;position:relative}.rcc-viz-swatches button.is-on{outline:2px solid #fff;outline-offset:2px;border-color:#000}.rcc-viz-customwrap{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:flex;align-items:center;justify-content:center;overflow:hidden}.rcc-viz-customwrap input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.rcc-viz-customwrap span{color:#fff;font-weight:700;text-shadow:0 0 3px #000;pointer-events:none}.rcc-viz-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rcc-viz-seg5{grid-template-columns:repeat(5,1fr)}.rcc-viz-ppf button,.rcc-viz-seg button{background:#1b1b1b;color:#ddd;border:1px solid #2e2e2e;border-radius:8px;padding:8px 4px;font-size:12.5px;cursor:pointer;line-height:1.2}.rcc-viz-ppf button{display:flex;flex-direction:column;gap:2px;padding:10px 8px;text-align:left}.rcc-viz-ppf button:hover,.rcc-viz-seg button:hover{border-color:#555}.rcc-viz-ppf button.is-on,.rcc-viz-seg button.is-on{background:#fff;color:#000;border-color:#fff}.rcc-viz-ppf{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rcc-viz-ppf b{font-size:13px}.rcc-viz-ppf span{font-size:12px;opacity:.75}.rcc-viz-note{font-size:11.5px;color:#9a9a9a;margin:8px 0 0;line-height:1.45}.rcc-viz-warn{color:#ffb4a8}.rcc-viz-cta{border-top:1px solid #262626;padding-top:16px;margin-top:auto}.rcc-viz-sum{list-style:none;margin:0 0 10px;padding:0;font-size:13px}.rcc-viz-sum li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed #262626}.rcc-viz-sum span{color:#9a9a9a}.rcc-viz-total{font-size:18px;font-weight:700;margin:6px 0 12px}.rcc-viz-wa{display:block;text-align:center;background:#fff;color:#000!important;text-decoration:none!important;font-weight:600;border-radius:999px;padding:12px 16px}.rcc-viz-wa:hover{background:#e6e6e6}@media (max-width:999px){.rcc-viz{grid-template-columns:1fr}.rcc-viz-stage{min-height:0;aspect-ratio:1/1}.rcc-viz-panel{border-left:0;border-top:1px solid #262626;max-height:none}}@media (max-width:480px){.rcc-viz{border-radius:12px}.rcc-viz-views{top:10px;left:10px;gap:4px}.rcc-viz-views button{padding:5px 9px;font-size:11px}.rcc-viz-panel{padding:16px}.rcc-viz-seg5 button{font-size:11.5px}}