.cfg-3d-box{background:var(--glass-plate);box-sizing:border-box;border-radius:16px;height:62vh;padding:24px;position:relative;overflow:hidden}.cfg-3d-box>div{width:100%;height:100%}.cfg-3d-box canvas{touch-action:none;background:radial-gradient(120% 100% at 50% 18%,#ffffffb3 0%,#ece9fe59 46%,#d9d2fb2e 100%);border-radius:10px}.cfg-3d-fallback{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 12%;font-size:14px;line-height:1.5;display:flex;position:absolute;inset:24px}.cfg-3d-fallback strong{color:var(--ink)}.cfg-3d-skelet{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:absolute;inset:24px}.cfg-3d-spinner{border:3px solid var(--accent-tint-strong);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite cfg-3d-spin}.cfg-3d-skelet-tekst{font-family:var(--font-mono);letter-spacing:.02em}@keyframes cfg-3d-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cfg-3d-spinner{animation-duration:2s}}@media (max-width:1024px){.cfg-3d-box{height:44vh}}