.dc3d-viewer{--dc3d-bg: #f4f4f4;--dc3d-accent: #0080b3;--dc3d-text: #133358;--dc3d-text-muted: #4a4f57;--dc3d-panel-bg: #ffffff;--dc3d-panel-border: #e3e3e3;--dc3d-divider: #ececec;--dc3d-btn-bg: #ffffff;--dc3d-btn-border: #133358;--dc3d-btn-hover: #eef2f7;--dc3d-btn-active-bg: #133358;--dc3d-btn-active-text: #ffffff;--dc3d-switch-off: #cfd6dd;--dc3d-sans: "Poppins", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;position:relative;overflow:hidden;background:var(--dc3d-bg);font-family:var(--dc3d-sans);color:var(--dc3d-text);width:100%;height:70vh;min-height:420px}.dc3d-viewer *{box-sizing:border-box}.dc3d-viewer canvas{display:block;cursor:grab}.dc3d-viewer canvas.dc3d-drag{cursor:grabbing}.dc3d-viewer .dc3d-load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;color:#888;text-align:center;max-width:380px;line-height:1.5}.dc3d-viewer .dc3d-phase{position:absolute;top:22px;left:clamp(18px,4vw,40px);z-index:100;width:320px;max-width:calc(100% - 36px);background:var(--dc3d-panel-bg);border:1px solid var(--dc3d-panel-border);box-shadow:0 6px 24px #0000002e;padding:6px 0 10px}.dc3d-viewer .dc3d-phase[hidden]{display:none}@media (max-width: 600px){.dc3d-viewer .dc3d-phase{display:none}}.dc3d-viewer .dc3d-phase-hdr{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 16px 11px;border-bottom:1px solid var(--dc3d-divider)}.dc3d-viewer .dc3d-phase-hdr .dc3d-t{font-size:15px;font-weight:700;letter-spacing:.01em}.dc3d-viewer .dc3d-phase-hdr .dc3d-arrow{font-size:11px;color:var(--dc3d-text-muted);transition:transform .18s ease}.dc3d-viewer .dc3d-phase.dc3d-collapsed .dc3d-phase-hdr{border-bottom:0}.dc3d-viewer .dc3d-phase.dc3d-collapsed .dc3d-arrow{transform:rotate(-90deg)}.dc3d-viewer .dc3d-phase.dc3d-collapsed .dc3d-phase-list,.dc3d-viewer .dc3d-phase.dc3d-collapsed .dc3d-phase-footer{display:none}.dc3d-viewer .dc3d-phase-footer{display:flex;flex-direction:column;gap:11px;padding:13px 16px 4px;margin-top:8px;border-top:1px solid var(--dc3d-divider)}.dc3d-viewer .dc3d-toggle-row{display:flex;align-items:center;justify-content:space-between}.dc3d-viewer .dc3d-lbl{font-size:13px;color:var(--dc3d-text)}.dc3d-viewer .dc3d-switch{width:40px;height:22px;border-radius:11px;background:var(--dc3d-switch-off);border:0;padding:0;position:relative;cursor:pointer;transition:background .15s;flex:0 0 auto}.dc3d-viewer .dc3d-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.dc3d-viewer .dc3d-switch.dc3d-on{background:var(--dc3d-accent)}.dc3d-viewer .dc3d-switch.dc3d-on:after{left:21px}.dc3d-viewer .dc3d-phase-list{padding:12px 16px 2px;display:flex;flex-direction:column;gap:9px}.dc3d-viewer .dc3d-phase-btn{font-family:var(--dc3d-sans);font-size:13px;text-align:left;cursor:pointer;background:var(--dc3d-btn-bg);color:var(--dc3d-text);border:1px solid var(--dc3d-btn-border);border-radius:3px;padding:10px 13px;transition:background .12s,color .12s;line-height:1.2}.dc3d-viewer .dc3d-phase-btn:hover{background:var(--dc3d-btn-hover)}.dc3d-viewer .dc3d-phase-btn.dc3d-active{background:var(--dc3d-btn-active-bg);color:var(--dc3d-btn-active-text);border-color:var(--dc3d-btn-active-bg)}.dc3d-viewer .dc3d-phase.dc3d-running .dc3d-phase-btn{pointer-events:none;opacity:.45;transition:opacity .2s}.dc3d-viewer .dc3d-phase.dc3d-running .dc3d-phase-btn.dc3d-active{opacity:1}.dc3d-viewer .dc3d-hotspots{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.dc3d-viewer .dc3d-dot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:transform .1s ease}.dc3d-viewer .dc3d-dot:hover{transform:translate(-50%,-50%) scale(1.25)}.dc3d-viewer .dc3d-dot.dc3d-active{background:var(--dc3d-accent)!important}.dc3d-viewer .dc3d-modal{position:absolute;top:22px;right:22px;width:300px;max-width:calc(100% - 44px);background:var(--dc3d-panel-bg);border:1px solid var(--dc3d-panel-border);box-shadow:0 8px 30px #0000003d;z-index:20}.dc3d-viewer .dc3d-modal[hidden]{display:none}.dc3d-viewer .dc3d-modal-accent{height:4px;background:var(--dc3d-accent)}.dc3d-viewer .dc3d-modal-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 16px 6px}.dc3d-viewer .dc3d-modal-title{font-size:16px;font-weight:700}.dc3d-viewer .dc3d-modal-close{cursor:pointer;border:0;background:transparent;font-size:14px;font-weight:700;color:var(--dc3d-text-muted);padding:0 2px;line-height:1}.dc3d-viewer .dc3d-modal-close:hover{color:var(--dc3d-text)}.dc3d-viewer .dc3d-modal-body{padding:2px 16px 18px;font-size:13px;line-height:1.55;color:var(--dc3d-text-muted)}