.m3d{position:relative;width:100%;height:100%;min-height:0;isolation:isolate}.m3d-field{position:absolute;inset:-10% -6%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 46% at 50% 44%,rgba(30,48,68,.55) 0,rgba(22,37,54,.35) 45%,rgba(16,28,40,0) 100%)}.m3d-stage{position:absolute;inset:0;z-index:1;overflow:hidden}.m3d-stage>.m3d-image{position:absolute;top:50%;left:50%;height:100%!important;width:auto!important;max-width:none!important;aspect-ratio:1;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in;transition:opacity .45s ease}.m3d[data-live=true] .m3d-image{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.m3d-canvas{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.m3d[data-live=true] .m3d-canvas{opacity:1}.m3d-canvas canvas{display:block;width:100%!important;height:100%!important;background:transparent}.m3d-drag{position:absolute;inset:0;z-index:2;touch-action:pan-y;cursor:default;outline:none}.m3d[data-live=true] .m3d-drag{cursor:-webkit-grab;cursor:grab}.m3d[data-live=true][data-dragging] .m3d-drag{cursor:-webkit-grabbing;cursor:grabbing}.m3d-drag:focus-visible{outline:2px solid #b3d0eb;outline-offset:-4px;border-radius:24px}.m3d-controls{position:absolute;z-index:3;right:0;bottom:0;display:flex;align-items:center;gap:10px}.m3d-switch{display:flex;gap:4px;padding:4px;border:1px solid rgba(156,183,203,.25);border-radius:14px;background:rgba(19,40,60,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.m3d-switch button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:10px;background:none;color:#b1c9db;cursor:pointer;transition:color .2s,background .2s}.m3d-switch button svg{stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.m3d-switch button[aria-selected=true]{color:#17334c;background:#e8f0f6;border-color:#c4dcea}.m3d-switch button:hover{box-shadow:inset 0 0 0 1px rgba(189,207,226,.55)}.m3d-reset{min-height:44px;padding:0 14px;border:1px solid rgba(156,183,203,.25);border-radius:12px;background:rgba(19,40,60,.74);color:#dce8f1;font:inherit;font-size:16px;font-weight:500;cursor:pointer;opacity:0;transform:translateX(6px);pointer-events:none;transition:opacity .25s,transform .25s}.m3d[data-moved] .m3d-reset{opacity:1;transform:none;pointer-events:auto}.m3d-reset:hover{background:rgba(39,66,92,.85)}@media (prefers-reduced-motion:reduce){.m3d-canvas,.m3d-image,.m3d-reset{transition:none}}.m3d-correct{display:flex;align-items:center;gap:8px}.m3d-correct-original,.m3d-correct-run{min-height:44px;padding:0 16px;border:1px solid rgba(156,183,203,.25);border-radius:12px;background:rgba(19,40,60,.74);color:#e8f0f6;font:inherit;font-size:16px;font-weight:600;cursor:pointer}.m3d-correct-run:disabled{cursor:default;opacity:.7}.m3d-correct-original{font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s}.m3d:not([data-frame="0"]) .m3d-correct-original{opacity:1;pointer-events:auto}.m3d-scale{position:absolute;left:22px;bottom:78px;height:9px;border-left:1.5px solid #111;border-right:1.5px solid #111;pointer-events:none;transition:width .25s ease}.m3d-scale:before{content:"";left:0;right:0;border-top:1.5px solid #111}.m3d-scale span,.m3d-scale:before{position:absolute;top:50%;transform:translateY(-50%)}.m3d-scale span{left:calc(100% + 9px);font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#111;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:720px){.m3d-scale{left:14px;bottom:96px}}