.viewer3d{padding:0 0 clamp(72px,8vw,130px);background:#fff}.viewer3d__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:stretch}@media(max-width:1023px){.viewer3d__layout{grid-template-columns:1fr}}.viewer3d__stage{position:relative;overflow:hidden;background:#f5f5f7;border-radius:28px}.viewer3d__canvas{width:100%;height:clamp(420px,60vh,640px);cursor:grab}.viewer3d__canvas:active{cursor:grabbing}.viewer3d__canvas canvas{display:block}.viewer3d__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.viewer3d__lines g line{stroke:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-stroke-opacity),transparent);stroke-width:1.5;stroke-dasharray:4 4;opacity:.55;transition:opacity .2s}@property --un-stroke-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__lines g line{stroke:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-stroke-opacity),transparent)}}.viewer3d__lines g circle{fill:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-fill-opacity),transparent);opacity:.85;transition:opacity .2s}@property --un-fill-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__lines g circle{fill:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-fill-opacity),transparent)}}.viewer3d__lines g.is-occluded line{opacity:.25}.viewer3d__lines g.is-occluded circle{opacity:.3}.viewer3d__lines g.is-active line{stroke-width:2;opacity:1}.viewer3d__lines g.is-active circle{opacity:1}.viewer3d__marker{border-width:2px;border-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-white) 92%,transparent);width:30px;height:30px;position:absolute;transform:translate(-50%,-50%);font-size:13px;cursor:pointer;color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent);font-family:var(--font-octo-cond);--un-font-weight:600;font-weight:600;transition:box-shadow .2s,background-color .2s;box-shadow:0 2px 12px #1414142e}@supports (color: color-mix(in lab,red,red)){.viewer3d__marker{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}}@supports (color: color-mix(in lab,red,red)){.viewer3d__marker{border-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);background-color:color-mix(in oklab,var(--colors-white) 92%,transparent)}}.viewer3d__marker:hover{box-shadow:0 4px 16px #b9975a80}.viewer3d__marker.is-active{color:#fff;background-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.viewer3d__marker.is-active{background-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent)}}.viewer3d__toolbar{position:absolute;top:14px;right:14px;display:flex;gap:8px}.viewer3d__tool{padding:8px 16px;border:1px solid hsla(0,0%,8%,.15);border-radius:999px;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent);background:#ffffffe6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@supports (color: color-mix(in lab,red,red)){.viewer3d__tool{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.viewer3d__tool.is-active{color:color-mix(in srgb,var(--colors-primary-dark) var(--un-text-opacity),transparent);border-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.viewer3d__tool.is-active{color:color-mix(in oklab,var(--colors-primary-dark) var(--un-text-opacity),transparent);border-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent)}}.viewer3d__hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);max-width:calc(100% - 28px);padding:7px 16px;border-radius:999px;font-size:11px;letter-spacing:.06em;text-align:center;text-wrap:pretty;pointer-events:none;color:color-mix(in srgb,var(--colors-gray-light) var(--un-text-opacity),transparent);background:#ffffffd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@supports (color: color-mix(in lab,red,red)){.viewer3d__hint{color:color-mix(in oklab,var(--colors-gray-light) var(--un-text-opacity),transparent)}}.viewer3d__panel{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,28px);background:#f5f5f7;border-radius:28px}.viewer3d__panel-title{color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent);font-family:var(--font-octo-cond);--un-font-weight:600;font-weight:600;text-transform:uppercase;font-size:clamp(20px,1.8vw,26px);margin-bottom:6px}@supports (color: color-mix(in lab,red,red)){.viewer3d__panel-title{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}}.viewer3d__item{display:flex;gap:12px;padding:12px 14px;border:2px solid transparent;border-radius:14px;background:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:border-color .35s ease,background-color .35s ease,box-shadow .35s ease}.viewer3d__item:hover{border-color:#b9975a73}.viewer3d__item.is-active{border-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);background:#b9975a0f;box-shadow:0 6px 18px #b9975a2e}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__item.is-active{border-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent)}}.viewer3d__item.is-active .viewer3d__item-index{background-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent);color:#fff}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__item.is-active .viewer3d__item-index{background-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-bg-opacity),transparent)}}.viewer3d__item-index{border-color:color-mix(in oklab,1.5px var(--un-border-opacity),transparent);border-color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent);border-radius:calc(infinity * 1px);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:12px;transition:background-color .35s ease,color .35s ease;color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent);font-family:var(--font-octo-cond);--un-font-weight:600;font-weight:600}@supports (color: color-mix(in lab,red,red)){.viewer3d__item-index{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__item-index{border-color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-border-opacity),transparent)}}@media(prefers-reduced-motion:reduce){.viewer3d__item,.viewer3d__item-index,.viewer3d__item-text{transition:none}}.viewer3d__item-body{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:26px}.viewer3d__item-title{font-weight:600;font-size:14px;color:color-mix(in srgb,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.viewer3d__item-title{color:color-mix(in oklab,var(--colors-graphite-dark) var(--un-text-opacity),transparent)}}.viewer3d__item-value{color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent);font-family:var(--font-octo-cond);text-transform:uppercase;font-size:13px;letter-spacing:.04em}@supports (color: color-mix(in lab,red,red)){.viewer3d__item-value{color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}}.viewer3d__item-text{display:grid;grid-template-rows:0fr;font-size:13px;line-height:1.5;transition:grid-template-rows .35s ease;color:color-mix(in srgb,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.viewer3d__item-text{color:color-mix(in oklab,var(--colors-gray-DEFAULT) var(--un-text-opacity),transparent)}}.viewer3d__item-text>span{min-height:0;padding-top:6px;overflow:hidden}.viewer3d__item-text.is-open{grid-template-rows:1fr}.viewer3d__panel-hint{margin-top:auto;padding-top:12px;font-size:12px;color:color-mix(in srgb,var(--colors-gray-light) var(--un-text-opacity),transparent)}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.viewer3d__panel-hint{color:color-mix(in oklab,var(--colors-gray-light) var(--un-text-opacity),transparent)}}