/* Canonical preview: 52px toolbar + 1:1 stage + 56px control row. */
.axis-model-preview, .axis-model-preview * { box-sizing: border-box; }
.axis-model-preview {
  display: grid; grid-template-rows: 52px auto 56px;
  width: 100%; min-width: 0; min-height: 0; margin: 0; overflow: hidden;
  border: 0; border-radius: 0; background: #0c0e11; color: #d5d7da;
  font-family: Arial, "Noto Sans SC", "PingFang SC", sans-serif;
}
.axis-model-preview__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 12px; border-bottom: 1px solid #282b30; }
.axis-model-preview #orbit-hint { margin: 0; padding: 0; border: 0; background: none; color: #979ca3; font-size: 12px; line-height: 1.4; letter-spacing: .02em; }
.axis-model-preview__stage { position: relative; width: 100%; min-height: 0; aspect-ratio: 1 / 1; overflow: hidden; background: linear-gradient(180deg, #050505 0%, #0d0d0d 44%, #565656 100%); }
.axis-model-preview__canvas, .axis-model-preview__fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
.axis-model-preview__canvas canvas { display: block; width: 100%; height: 100%; touch-action: pan-y !important; cursor: grab; }
.axis-model-preview__canvas canvas:active { cursor: grabbing; }
.axis-model-preview__fallback { object-fit: contain; }
.axis-model-preview__status { position: absolute; inset: auto 12px 12px; margin: 0; color: #c1c5ca; font-size: 12px; line-height: 1.5; pointer-events: none; }
.axis-model-preview[data-state="ready"] .axis-model-preview__status,
.axis-model-preview[data-state="3d"] .axis-model-preview__status { display: none; }
.axis-model-preview__footer { padding: 0 12px; border-top: 1px solid #282b30; }
.axis-model-preview__explode { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; height: 56px; gap: 12px; margin: 0; padding: 0; color: #aeb3bb; font-size: 12px; line-height: 1.4; letter-spacing: 0; }
.axis-model-preview__explode input { display: block; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; accent-color: #e7e4dd; cursor: pointer; }
.axis-model-preview__explode input:disabled { opacity: .35; cursor: default; }
.axis-model-preview [hidden] { display: none !important; }
.axis-model-preview__unavailable { display: none; }
.axis-model-preview[data-state="fallback"] .axis-model-preview__canvas,
.axis-model-preview[data-state="unavailable"] .axis-model-preview__canvas { display: none; }
body > main.viewer > .axis-model-preview { height: 100%; grid-template-rows: 52px minmax(0, 1fr) 56px; }
body > main.viewer > .axis-model-preview .axis-model-preview__stage { aspect-ratio: auto; }
.axis-preview-frame { position: relative; box-sizing: content-box; width: 100%; min-width: 0; aspect-ratio: 1 / 1; padding-bottom: 108px; overflow: hidden; background: #0c0e11; }
.axis-preview-frame > iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.tool-demo.tool-demo { display: block; height: auto; min-height: 0; }
.furniture-media__preview { min-width: 0; }
.axis-model-preview__actions { display: flex; align-items: center; flex: none; gap: 4px; }
.axis-model-preview #expand-view { width: auto; min-width: 64px; min-height: 44px; padding: 0 6px; border: 0; border-radius: 0; background: none; color: #b8bbc0; font: 400 12px/1.2 Arial, "Noto Sans SC", sans-serif; cursor: pointer; }
.axis-model-preview #expand-view:focus-visible { outline: 1px solid #d3d7dd; outline-offset: -2px; }
.axis-model-preview[data-expanded="true"] { display: grid !important; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); grid-template-rows: 52px minmax(0,1fr) 56px !important; }
.axis-model-preview[data-expanded="true"] .axis-model-preview__stage { height: 100%; aspect-ratio: auto !important; }
.axis-model-preview[data-expanded="true"] .axis-model-preview__canvas canvas { touch-action: none !important; }
@media (pointer: fine) { .axis-model-preview__canvas canvas { touch-action: none !important; } }