/* PS AR PRO — Three.js Engine (Phase 1)
   Canvas is scoped per viewer to avoid affecting other instances. */

.psar-three-viewer{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  border-radius: inherit;
  overflow: hidden;
  background: rgba(0,0,0,0.15);
}

.psar-three-viewer .psar-three-canvas{
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  touch-action: none;
}

/* Override theme borders - Prevent double border */
.ps-wrap .ps-card,
.ps-card.ps-ar-viewer,
div[class*="ps-"] .ps-card {
  border: 1px solid var(--ps-border-color, rgba(255,255,255,.18)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.25) !important;
}

/* Ensure no duplicate borders from theme */
.ps-wrap > *:not(.ps-card),
.ps-card > *:not(.ps-view):not(.ps-ctrl):not(.ps-slides):not(.ps-load):not(canvas) {
  border: none !important;
  outline: none !important;
}