.view3d-heading{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 4px 16px;margin-bottom: 8px}.view3d-heading h2{margin: 0;font-size: 22px}.view3d-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 12px}.view3d-actions .oval-toggle{margin: 0;font-size: 14px}.view3d-actions .btn{margin: 0}.view3d-frame{position: relative;aspect-ratio: 4 / 3;min-height: 280px;max-height: 70vh;width: 100%;overflow: hidden;border: 1px solid var(--line);border-radius: 3px;background: linear-gradient(180deg,#f4f6ee 0%,#e7ecdd 100%)}.view3d-frame[hidden]{display: none}.view3d{position: absolute;inset: 0;touch-action: none}.view3d canvas{display: block;width: 100%;height: 100%;image-rendering: auto}.view3d-placeholder{position: absolute;inset: 0;display: grid;place-items: center;pointer-events: none}.view3d-placeholder[hidden]{display: none}.view3d-placeholder .btn{margin: 0;pointer-events: auto} .view3d-status,.tool-card .view3d-status{margin: 6px 0 0;font-size: 13px} .beacon-view{display: block;min-height: 0;margin: 1rem 0}.beacon-view .view3d-heading h2{font-size: 24px} .beacon-view .view3d-frame{aspect-ratio: 16 / 10;max-height: min(60vh,420px)} @media (min-width: 861px){.sphere-layout.workbench .view3d-frame{flex: 1 1 auto;aspect-ratio: auto;min-height: 320px;max-height: none}}@media (max-width: 540px){ .view3d-frame{aspect-ratio: 4 / 3;min-height: 260px;max-height: 50vh}.beacon-view .view3d-frame{max-height: 50vh}} @media print{.beacon-view{display: none}}