.arcade3d-v4{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:18px;margin:28px 0;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.08)}
.arcade3d-v4__viewer{min-width:0;background:#f3f4f6;display:flex;flex-direction:column;min-height:700px}
.arcade3d-v4__topbar{height:58px;background:#111827;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.arcade3d-v4__topbar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.arcade3d-v4__badge{font-size:10px;letter-spacing:.08em;padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;opacity:.85}
.arcade3d-v4__view-actions{display:flex;gap:7px}
.arcade3d-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:7px;cursor:pointer}
.arcade3d-v4__canvas-wrap{position:relative;flex:1;min-height:642px}
.arcade3d-v4__canvas{display:block;width:100%;height:100%;min-height:642px;touch-action:none}
.arcade3d-v4__loading{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:rgba(17,24,39,.92);color:#fff;padding:12px 16px;border-radius:10px}
.arcade3d-v4__hint{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.88);padding:7px 10px;border-radius:8px;font-size:12px;color:#374151}
.arcade3d-v4__panel{display:flex;flex-direction:column;min-height:700px;max-height:700px}
.arcade3d-v4__summary{padding:18px;border-bottom:1px solid #e5e7eb;display:flex;align-items:end;justify-content:space-between;gap:15px}
.arcade3d-v4__summary span{font-size:13px;color:#6b7280}
.arcade3d-v4__price,.arcade3d-v4__total{font-size:22px}
.arcade3d-v4__groups{padding:8px 14px;overflow:auto;flex:1}
.arcade3d-v4__group{padding:12px 0;border-bottom:1px solid #eef0f3}
.arcade3d-v4__group h3{font-size:14px;margin:0 0 8px;color:#111827}
.arcade3d-v4__choices{display:grid;gap:6px}
.arcade3d-v4__choice{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;padding:9px 10px;border:1px solid #e5e7eb;border-radius:9px;cursor:pointer;background:#fff}
.arcade3d-v4__choice:has(input:checked){border-color:#111827;box-shadow:0 0 0 1px #111827 inset}
.arcade3d-v4__choice input{margin:0}
.arcade3d-v4__choice-text{font-size:13px}
.arcade3d-v4__choice-price{font-size:12px;color:#6b7280;white-space:nowrap}
.arcade3d-v4__bottom{padding:15px;border-top:1px solid #e5e7eb;background:#fff}
.arcade3d-v4__total-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.arcade3d-v4__add{width:100%;border:0;border-radius:10px;background:#111827;color:#fff;font-weight:700;padding:14px 16px;cursor:pointer;font-size:15px}
.arcade3d-v4__add:disabled{opacity:.6;cursor:wait}
.arcade3d-v4__message{font-size:13px;margin-top:9px;text-align:center}
.arcade3d-v4__message.is-error{color:#b91c1c}
.arcade3d-v4__message.is-ok{color:#166534}
@media(max-width:900px){.arcade3d-v4{grid-template-columns:1fr}.arcade3d-v4__viewer{min-height:520px}.arcade3d-v4__canvas-wrap,.arcade3d-v4__canvas{min-height:460px}.arcade3d-v4__panel{max-height:none;min-height:auto}.arcade3d-v4__groups{max-height:none}.arcade3d-v4__topbar{height:auto;padding:12px;align-items:flex-start}.arcade3d-v4__view-actions{display:none}}