.view3d{display:flex;flex-direction:column;gap:.6rem;min-width:0}.view3d-pick{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.view3d-pick select{max-width:100%;padding:.45rem .5rem;font-size:.95rem}.view3d-one{margin:0;font-size:.95rem;color:var(--ink-soft)}.view3d-stage{position:relative;width:100%;height:min(62vh,560px);min-height:280px;border:1px solid var(--line);border-radius:10px;overflow:hidden;touch-action:none}[dir=ltr] .view3d-stage{background:linear-gradient(180deg,color-mix(in srgb,var(--info) 30%,var(--surface)),color-mix(in srgb,var(--info) 10%,var(--surface)) 62%,color-mix(in srgb,var(--ink-soft) 22%,var(--surface)))}[dir=rtl] .view3d-stage{background:linear-gradient(-180deg,color-mix(in srgb,var(--info) 30%,var(--surface)),color-mix(in srgb,var(--info) 10%,var(--surface)) 62%,color-mix(in srgb,var(--ink-soft) 22%,var(--surface)))}.view3d-canvas{display:block;width:100%;height:100%;cursor:grab}.view3d-canvas:active{cursor:grabbing}.view3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.view3d-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.view3d-actions{display:flex;gap:.4rem;flex-wrap:wrap}.view3d-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.view3d-label{pointer-events:auto;padding:.15rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.8rem;line-height:1.4;white-space:nowrap;cursor:pointer}.view3d-label:hover,.view3d-label:focus-visible{border-color:var(--accent);outline:none}.view3d-note{margin:0;color:var(--ink-soft)}.view3d-flat{display:flex;justify-content:center;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.view3d-flat svg{max-width:100%;max-height:min(60vh,520px);height:auto}.modal.view3d-dialog{width:min(820px,100%);max-height:calc(100vh - 2rem);overflow-y:auto}.view3d-body{--bg: #ffffff;--surface: #ffffff;--ink: #1a2530;--ink-soft: #67757f;--line: #dde3e8;--accent: #256d9b;--accent-ink: #ffffff;--on-accent: #ffffff;--accent-bg: #e3eef5;--info-bg: #eaf2f8;font-family:system-ui,sans-serif}.view3d-page{max-width:880px;margin:0 auto;padding:1.5rem 16px 2.5rem;display:flex;flex-direction:column;gap:.9rem}.view3d-page h1{margin:0;font-size:1.35rem}.view3d-page-head{display:flex;flex-direction:column;gap:.2rem}.view3d-page-head p{margin:0}.view3d-page-company{font-weight:600;color:var(--ink-soft)}.view3d-page-small{margin:0}.view3d-page-accept{align-self:flex-start;background:var(--accent);color:var(--accent-ink);padding:.75rem 1.3rem;border-radius:8px;font-weight:600;text-decoration:none}.view3d-page-accept:hover,.view3d-page-accept:focus-visible{filter:brightness(1.08);outline:2px solid var(--accent);outline-offset:2px}@media(max-width:520px){.view3d-page-accept{align-self:stretch;text-align:center}.view3d-stage{height:56vh}}