.cnc-viewer{color:var(--text-primary);--viewer-line:var(--border);position:relative}.cnc-viewer .cnc-stage{isolation:isolate;aspect-ratio:1.35;touch-action:pan-y;background:radial-gradient(ellipse at 53% 60%, color-mix(in srgb, var(--steel) 12.55%, transparent), transparent 66%);position:relative;overflow:hidden;transform:none!important}.cnc-canvas,.cnc-fallback{position:absolute;inset:0}.cnc-canvas{opacity:0;pointer-events:none}.cnc-canvas.is-ready{opacity:1;pointer-events:auto}.cnc-canvas>div,.cnc-canvas canvas{touch-action:pan-y!important}.cnc-stage.touch-active .cnc-canvas>div,.cnc-stage.touch-active canvas{touch-action:none!important}.cnc-fallback svg{width:100%;height:100%}.cnc-hotspot{width:44px;height:44px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;display:grid;position:relative}.cnc-hotspot>span:first-child{background:color-mix(in srgb, var(--surface) 86.67%, transparent);border:1px solid var(--border);width:23px;height:23px;box-shadow:0 2px 12px color-mix(in srgb, var(--shadow) 37.65%, transparent);border-radius:50%;place-items:center;font:18px/1 monospace;display:grid}.cnc-hotspot.is-active>span:first-child{background:var(--accent);border-color:var(--accent)}.cnc-hotspot:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:50%}.cnc-tooltip{background:color-mix(in srgb, var(--bg) 96.08%, transparent);width:max-content;max-width:160px;color:var(--text-primary);border:1px solid color-mix(in srgb, var(--accent) 43.92%, transparent);pointer-events:none;white-space:normal;text-align:center;border-radius:3px;padding:7px 10px;font-size:11px;line-height:1.35;position:absolute;bottom:43px;left:50%;transform:translate(-50%)}.cnc-controls{border-block:1px solid var(--viewer-line);justify-content:center;gap:5px;padding:8px 0;display:flex;position:relative}.cnc-controls button{border:1px solid color-mix(in srgb, var(--steel) 31.37%, transparent);background:var(--surface);min-width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:flex}.cnc-controls button:hover{border-color:var(--accent);background:var(--surface)}.cnc-controls button:focus-visible,.cnc-component-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cnc-component-nav{background:var(--viewer-line);border:1px solid var(--viewer-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:12px;display:grid}.cnc-component-nav button{text-align:left;background:var(--bg);min-height:44px;color:var(--text-primary);border:0;align-items:center;gap:7px;padding:9px;font-size:11px;line-height:1.35;display:flex}.cnc-component-nav button span{color:var(--text-secondary);font:9px monospace}.cnc-component-nav button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:inset 2px 0 var(--accent)}.cnc-component-nav button:hover{background:var(--surface)}.cnc-viewer .scene-info{background:color-mix(in srgb, var(--bg) 43.92%, transparent);min-height:100px;margin-top:10px}.cnc-viewer .scene-info p{font-size:12px;line-height:1.55}.cnc-viewer .scene-info strong{font-size:13px}.cnc-viewer .scene-topline{padding-block:12px;font-size:8px}.cnc-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.cnc-bottom button{color:var(--text-secondary);background:0 0;border:0;min-height:44px;padding:8px;font-size:10px}.cnc-bottom .scene-caption{margin:0;font-size:8px}.cnc-touch-toggle{background:var(--surface);width:100%;min-height:44px;color:var(--text-primary);border:1px solid var(--viewer-line);margin-top:6px;font-size:11px;display:block}.cnc-touch-toggle[aria-pressed=true]{border-color:var(--orange);color:var(--accent)}.cnc-loading{background:color-mix(in srgb, var(--surface) 90.98%, transparent);border:1px solid var(--viewer-line);width:max-content;padding:8px 12px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cnc-scale{letter-spacing:1.5px;color:var(--text-secondary);pointer-events:none;font:7px monospace;position:absolute;bottom:9px;left:12px}.retrofit-sticky .cnc-controls{padding:4px 0}.retrofit-sticky .cnc-bottom{display:none}@media (max-width:767px){.cnc-viewer .cnc-stage{aspect-ratio:1.22}.cnc-component-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cnc-viewer .scene-info{min-height:112px}.cnc-controls{gap:3px}.cnc-controls button{padding:0 8px}.cnc-tooltip{max-width:125px;font-size:10px}.cnc-scale{font-size:6px}.retrofit-sticky .cnc-touch-toggle{min-height:36px;margin-top:2px;font-size:10px}.retrofit-sticky .cnc-controls button{min-width:40px;height:36px}.retrofit-sticky .cnc-stage{aspect-ratio:auto;height:min(23svh,190px)}}@media (prefers-reduced-motion:reduce){.cnc-viewer *{transition:none!important;animation:none!important}}.cnc-hotspot.is-active>span:first-child{background:var(--accent);color:var(--on-accent);border-color:var(--accent-soft)}.cnc-controls button:active{background:var(--surface-hover);border-color:var(--accent)}.cnc-controls button:focus-visible,.cnc-component-nav button:focus-visible,.cnc-touch-toggle:focus-visible,.cnc-bottom button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cnc-component-nav button[aria-pressed=true],.cnc-touch-toggle[aria-pressed=true]{color:var(--accent-soft);background:var(--surface-hover)}