/* A source-preserving product view. The photograph remains the fallback. */
body:not(.home) main.erdi-model .op-hero__visual.op-hero__visual--studio {
  aspect-ratio:auto;
  background:#0d171b;
  overflow:hidden;
  border-radius:3px;
}
.erdi-model-studio {
  --ms-ink:#0d171b;
  --ms-text:#eff6ec;
  --ms-muted:#a5c0b7;
  --ms-lime:#d5ed82;
  --ms-line:#354749;
  color:var(--ms-text);
  background:var(--ms-ink);
  isolation:isolate;
  min-width:0;
  font-family:inherit;
}
.erdi-model-studio [hidden] { display:none!important; }
.erdi-model-studio::selection,
.erdi-model-studio ::selection { color:var(--ms-ink); background:var(--ms-lime); }
.erdi-model-studio__bar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 20px;
  padding:16px 20px;
  border-bottom:1px solid var(--ms-line);
}
.erdi-model-studio__name { font-size:14px; font-weight:600; letter-spacing:.01em; }
.erdi-model-studio__tabs { display:flex; gap:4px; }
.erdi-model-studio button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  margin:0;
  padding:9px 13px;
  border:1px solid var(--ms-line);
  border-radius:3px;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:0;
  text-transform:none;
  background:transparent;
  color:var(--ms-text);
  cursor:pointer;
  box-shadow:none;
  transition:background-color 150ms ease-out,color 150ms ease-out,border-color 150ms ease-out;
}
.erdi-model-studio button:not(:disabled):hover { background:#24383d; border-color:#75b7be; }
.erdi-model-studio button:active { background:#334f51; }
.erdi-model-studio button[aria-selected="true"],
.erdi-model-studio button[aria-pressed="true"] { color:var(--ms-ink); border-color:var(--ms-lime); background:var(--ms-lime); }
.erdi-model-studio button:is([aria-selected="true"],[aria-pressed="true"]):not(:disabled):hover { color:var(--ms-ink); border-color:#e6f5b1; background:#e6f5b1; }
.erdi-model-studio button[data-ms-tab="3d"] { border-color:var(--ms-lime); }
.erdi-model-studio button[data-ms-tab="3d"]:not([aria-selected="true"]):not(:disabled) { color:var(--ms-lime); }
.erdi-model-studio button:disabled { opacity:.45; cursor:default; }
.erdi-model-studio :is(button,[tabindex]):focus-visible { outline:2px solid var(--ms-lime); outline-offset:4px; }
.erdi-model-studio__viewport { position:relative; aspect-ratio:1.15; min-width:0; }
.erdi-model-studio__photo,
.erdi-model-studio__scene,
.erdi-model-studio__fallback,
.erdi-model-studio__canvas { position:absolute; inset:0; width:100%; height:100%; }
.erdi-model-studio__scene {
  background:radial-gradient(ellipse at 50% 45%,#1d383d 0%,#0d171b 73%);
  overflow:hidden;
}
body:not(.home) main.erdi-model .erdi-model-studio :is(.erdi-model-studio__photo,.erdi-model-studio__fallback) picture {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
body:not(.home) main.erdi-model .erdi-model-studio :is(.erdi-model-studio__photo,.erdi-model-studio__fallback) img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding:16px;
  transform:none;
  filter:none;
}
.erdi-model-studio__fallback { transition:opacity 180ms ease-out; }
.erdi-model-studio__canvas { opacity:0; pointer-events:none; transition:opacity 180ms ease-out; }
.erdi-model-studio__canvas model-viewer { display:block; width:100%; height:100%; touch-action:pan-y; --poster-color:transparent; }
.erdi-model-studio[data-state="ready"] .erdi-model-studio__canvas { opacity:1; pointer-events:auto; }
.erdi-model-studio[data-state="ready"] .erdi-model-studio__fallback { opacity:0; pointer-events:none; }
.erdi-model-studio__feedback {
  position:absolute;
  z-index:1;
  left:16px;
  right:16px;
  bottom:16px;
  padding:14px 16px;
  background:#0d171bf2;
  color:var(--ms-text);
}
body:not(.home) main.erdi-model .erdi-model-studio .erdi-model-studio__status { margin:0; color:var(--ms-text); font-size:14px; line-height:1.5; }
.erdi-model-studio__feedback button { margin-top:10px; background:var(--ms-lime); color:var(--ms-ink); border-color:var(--ms-lime); }
.erdi-model-studio__feedback progress { display:block; width:100%; height:3px; margin-top:10px; accent-color:#91d6d5; border:0; background:#354749; }
.erdi-model-studio__feedback progress::-webkit-progress-bar { background:#354749; }
.erdi-model-studio__feedback progress::-webkit-progress-value { background:#91d6d5; }
.erdi-model-studio__feedback progress::-moz-progress-bar { background:#91d6d5; }
.erdi-model-studio__footer { padding:16px 20px 20px; border-top:1px solid var(--ms-line); }
.erdi-model-studio__controls { display:flex; flex-wrap:wrap; gap:6px; }
.erdi-model-studio__controls button { padding:9px 11px; font-size:12px; }
.erdi-model-studio__closeup { margin-left:auto!important; }
body:not(.home) main.erdi-model .erdi-model-studio :is(.erdi-model-studio__caption,.erdi-model-studio__hint) { margin:0; color:var(--ms-muted); font-size:12px; line-height:1.6; max-width:65ch; }
body:not(.home) main.erdi-model .erdi-model-studio .erdi-model-studio__hint { margin:12px 0 8px; }
@media(max-width:900px) {
  .erdi-model-studio__viewport { aspect-ratio:1.25; }
  .erdi-model-studio__bar { padding:12px 16px; }
  .erdi-model-studio__footer { padding:12px 16px 16px; }
}
@media(max-width:480px) {
  .erdi-model-studio__bar { gap:10px; }
  .erdi-model-studio__name { width:100%; }
  .erdi-model-studio__tabs { width:100%; }
  .erdi-model-studio__tabs button { flex:1; }
  .erdi-model-studio__viewport { aspect-ratio:1.1; }
  .erdi-model-studio__controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .erdi-model-studio__controls button { padding:9px 6px; }
  .erdi-model-studio__closeup { grid-column:span 2; margin-left:0!important; }
}
@media(prefers-reduced-motion:reduce) {
  .erdi-model-studio button,
  .erdi-model-studio__canvas,
  .erdi-model-studio__fallback { transition:none; }
}