model-viewer{--poster-color: transparent;transition:opacity .3s,background-color .3s}.hotspot-pin{--min-hotspot-opacity: 1;background:transparent;border:0;padding:0;cursor:pointer;pointer-events:auto;opacity:1!important}.hotspot-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px;background:#fffffff2;color:#111827;font-weight:600;font-size:13px;box-shadow:0 2px 6px #0006;transition:transform .15s,background .15s}.hotspot-pin:hover .hotspot-num{transform:scale(1.15);background:#fff}.hotspot-pin.active .hotspot-num{background:#e11d48;color:#fff}.hotspot-label{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%);background:#111827f2;color:#fff;padding:8px 10px;border-radius:6px;font-size:12px;pointer-events:auto;cursor:default;width:-moz-max-content;width:max-content;max-width:min(260px,calc(100vw - 32px));max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}@media(min-width:768px){.hotspot-label{left:36px;top:50%;transform:translateY(-50%);font-size:13px;padding:10px 14px;max-width:min(360px,calc(100vw - 80px));max-height:240px}}.hotspot-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hotspot-label-title{font-weight:600;word-wrap:break-word;flex:1}.hotspot-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.hotspot-edit-btn{padding:4px;border-radius:4px;background:transparent;color:#d1d5db;cursor:pointer;border:0}.hotspot-edit-btn:hover{background:#ffffff1f;color:#fff}.hotspot-label-desc{font-weight:400;font-size:12px;color:#d1d5db;line-height:1.45;white-space:normal;word-wrap:break-word}