.site-model{padding:72px 5%;background:#eaf1fa;scroll-margin-top:25px}.site-model-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:32px}.site-model h2{font-size:clamp(32px,3.8vw,50px);line-height:1.12;letter-spacing:-1.7px;margin:0;max-width:650px}.site-model-head p{max-width:330px;color:#4e637d;line-height:1.8;margin:0}.model-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;background:#102e57;border-radius:14px;overflow:hidden;color:#fff}.model-stage{position:relative;min-width:0;height:540px;background:radial-gradient(ellipse at 50% 45%,#315575,#102e57 75%)}.model-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.model-stage canvas:active{cursor:grabbing}.model-stage canvas:focus-visible,.site-model button:focus-visible{outline:3px solid #f3c489;outline-offset:-4px}.model-caption{position:absolute;top:23px;left:25px;right:20px;font-size:13px;color:#d3e4f8;pointer-events:none}.model-tools{position:absolute;bottom:20px;left:20px;display:flex;gap:8px}.model-tools button{min-width:44px;min-height:44px;border:1px solid #6c86a5;border-radius:6px;background:#102e57;color:#fff;cursor:pointer;padding:8px 13px}.model-panel{padding:28px 24px;border-left:1px solid #47617f;background:#0d294d}.model-panel>p:first-child{font-size:13px;color:#c4d8ee;margin:0 0 20px}.model-zones{display:grid;gap:10px}.model-zones button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 13px;min-height:52px;border:1px solid #6783a3;border-radius:6px;background:transparent;color:#fff;cursor:pointer}.model-zones button span{width:8px;height:8px;border-radius:50%;background:#a9ceff;flex-shrink:0}.model-zones button[aria-pressed=true]{background:#d9eaff;color:#102e57;border-color:#d9eaff}.model-zones button[aria-pressed=true] span{background:#2165ad}.model-detail{min-height:170px;margin-top:29px}.model-detail h3{font-size:21px;margin:0 0 12px}.model-detail p{font-size:14px;line-height:1.8;color:#c4d8ee}.model-panel a{display:block;font-size:14px;color:#f3c489;text-decoration:underline;text-underline-offset:5px;line-height:1.7}.model-note{font-size:12px;line-height:1.8;color:#4e637d;margin:17px 0 0;max-width:840px}.model-fallback{height:100%;width:100%;object-fit:cover;opacity:.55}.model-stage.ready .model-fallback{display:none}.model-stage:not(.ready) .model-tools{display:none}@media(max-width:900px){.model-layout{grid-template-columns:minmax(0,1fr) 250px}.model-stage{height:470px}.model-panel{padding:24px 18px}.site-model-head{align-items:start}.site-model-head p{max-width:280px}}@media(max-width:680px){.site-model{padding:48px 6%}.site-model-head{display:block}.site-model-head p{max-width:none;margin-top:20px;font-size:15px}.model-layout{grid-template-columns:minmax(0,1fr)}.model-stage{height:350px}.model-panel{border-left:0;border-top:1px solid #47617f;padding:22px}.model-zones{grid-template-columns:1fr}.model-detail{min-height:0;margin-top:22px}.model-caption{font-size:11px;left:17px;top:17px}.model-tools{left:15px;bottom:15px}.model-note{font-size:11px}}

.model-stage canvas[hidden]{display:none}