/* Vehicle rendering mechanics; the shared tool frame is defined in v4/tools.css. */
.auto-viewer{display:flex;flex-direction:column;isolation:isolate}
.auto-stage-wrap{position:relative;flex:1;min-height:0;overflow:hidden}
.auto-stage-wrap [data-car-stage],.auto-stage-wrap [data-car-3d-stage],.vehicle-canvas-host{position:absolute;inset:0}
[data-car-3d-stage]{background:linear-gradient(#bcd2df,#d8d5cb);overflow:hidden}
.vehicle-canvas-host canvas{display:block;width:100%;height:100%;touch-action:pan-y;outline-offset:-4px;cursor:grab}
.vehicle-canvas-host canvas:active{cursor:grabbing}
.auto-glass-caption{position:absolute;left:16px;top:16px;z-index:2;display:flex;align-items:center;gap:8px;background:#fffffff2;color:#021d4a;border:1px solid #dce3ec;border-radius:8px;padding:8px 12px;max-width:calc(100% - 32px);pointer-events:none;font-size:var(--type-12);line-height:1.4;white-space:nowrap}
.auto-glass-caption>span{color:#435673}.auto-glass-caption b{font-size:var(--type-12);font-weight:600}.auto-glass-caption b span{font-weight:400}.caption-swatch{display:block;flex:none;width:12px;height:12px;border-radius:50%;border:1px solid #a8b6c8}
.auto-view-toolbar{position:relative;flex:none;padding:4px 8px;background:var(--surface);border-top:1px solid var(--line)}
.auto-view-toolbar .perspective-choices{background:transparent;gap:4px;padding:0;min-height:44px;box-shadow:none}
.auto-view-toolbar .perspective-choices button{font-size:var(--type-12);min-height:44px;padding:8px 12px;flex:1;border-radius:12px}
.is-tool-3d .auto-view-toolbar{position:relative;inset:auto;z-index:3}
.vehicle-actions{position:absolute;right:16px;top:16px;z-index:3}.vehicle-actions .button{min-height:44px;height:44px;padding:8px 12px;font-size:var(--type-12);background:#fff;color:#021d4a;border:1px solid #c0cfdf}
@media(max-width:699px){.auto-glass-caption{top:8px;left:8px;max-width:calc(100% - 16px);gap:4px;padding:4px 8px;font-size:var(--type-12)}.auto-view-toolbar{padding:4px}.auto-view-toolbar .perspective-choices{gap:4px}.auto-view-toolbar .perspective-choices button{padding:8px;min-width:56px}.vehicle-actions{right:8px;top:8px}.vehicle-actions .button{padding:8px 12px}}
