.navi-viewer{position:relative;background:linear-gradient(145deg,#fafbfd,#f0f3f7);border-radius:0 0 17px 17px;overflow:hidden}.navi-viewport{position:relative;width:100%;height:470px;isolation:isolate}.navi-viewport canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:relative;z-index:1}.navi-viewport canvas:active{cursor:grabbing}.navi-viewport canvas:focus-visible{outline:2px solid #2563c2;outline-offset:-5px}.navi-viewport canvas[hidden]{display:none}.navi-fallback{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.navi-fallback[hidden]{display:none}.navi-fallback>img{max-height:92%;max-width:95%;object-fit:contain}.navi-viewer-status{text-align:center;color:#687687;font-size:12px;padding:0 20px 18px;margin:0}.navi-viewer-note{font-size:12px;color:#727c89;line-height:1.8;padding:15px 20px;margin:0;text-align:center}.identity-evolution{grid-template-columns:repeat(2,1fr)}.model-preview{display:block;max-width:100%;height:100%;object-fit:contain}.background-stage .model-preview{width:100%;height:100%}.navi-download{display:inline-flex;align-items:center;gap:5px}.navi-fallback .approved-mascot-crop{width:280px}.navi-viewer[data-state=ready] .navi-fallback{display:none}@media(max-width:700px){.navi-viewport{height:370px}.navi-viewer-status{font-size:11px;padding-bottom:16px}.identity-evolution{grid-template-columns:1fr}.navi-viewer-note{font-size:11px}.navi-fallback .approved-mascot-crop{width:235px}}@media print{.navi-viewport canvas{display:none}.navi-viewer[data-state=ready] .navi-fallback,.navi-fallback[hidden]{display:flex}}

.navi-viewer-status:empty{display:none}.navi-viewer{background:radial-gradient(ellipse at 50% 30%,#fff 0%,#f2f5f9 65%,#e9eef5 100%)}