.profile-magic-qr{position:relative;width:100%;margin-top:2.5rem;padding:1.25rem .75rem .5rem;border:1px solid color-mix(in srgb,var(--profile-text) 16%,transparent);border-radius:1.25rem;background:color-mix(in srgb,var(--profile-bg) 90%,transparent);text-align:center;color:var(--profile-text)}.profile-magic-qr h2{margin:0 0 1rem;font-size:.875rem;font-weight:600}.profile-magic-qr-stage{position:relative;display:block;width:min(100%,380px);aspect-ratio:1;margin:0 auto;padding:0;border:0;border-radius:.875rem;overflow:hidden;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.profile-magic-qr:not([data-magic-qr-state="3d"])[data-magic-qr-settled=true] .profile-magic-qr-stage{background:#fff}@media (hover:hover) and (pointer:fine){.profile-magic-qr[data-magic-qr-mode=tree] .profile-magic-qr-stage:not(:disabled):hover{background:color-mix(in srgb,var(--profile-text) 3%,transparent)}}.profile-magic-qr-stage:disabled{cursor:default;opacity:1}.profile-magic-qr-stage canvas{position:absolute;inset:0;width:100%;height:100%}.profile-magic-qr-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:1.5rem;font-size:.8rem}.profile-magic-qr-placeholder svg{color:var(--profile-accent,#f6a623)}.profile-magic-qr-exact{position:absolute;width:var(--magic-qr-width,92.592593%);height:var(--magic-qr-height,92.592593%);left:var(--magic-qr-left,3.7037035%);top:var(--magic-qr-top,3.7037035%);background:#fff}.profile-magic-qr-hint{min-height:2.8em;margin:1rem 0 .25rem;font-size:.8125rem;line-height:1.4}.profile-magic-qr-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 48px;grid-auto-rows:minmax(64px,auto);max-width:380px;margin:0 auto;gap:.5rem}.profile-magic-qr-controls button,.profile-magic-qr-skip{min-height:44px;padding:.625rem .75rem;border-radius:.625rem;font:inherit;font-size:.8125rem;line-height:1.3;cursor:pointer;touch-action:manipulation}.profile-magic-qr-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem;border:1px solid color-mix(in srgb,var(--profile-text) 28%,transparent);background:color-mix(in srgb,var(--profile-bg) 92%,var(--profile-text))}.profile-magic-qr-controls button span{min-width:0;overflow-wrap:anywhere}.profile-magic-qr-controls button svg{flex-shrink:0}.profile-magic-qr-controls button:hover{border-color:#f6a623}.profile-magic-qr-controls .profile-magic-qr-svg{font-size:.75rem}.profile-magic-qr-skip{display:block;margin:.25rem auto 0;text-decoration:underline;text-underline-offset:3px}.profile-magic-qr-skip:disabled{visibility:hidden}.profile-magic-qr a:focus-visible,.profile-magic-qr button:focus-visible,.profile-magic-qr input:focus-visible{outline:3px solid var(--profile-text);outline-offset:4px}.profile-magic-qr-feedback{min-height:2.8em;margin:.25rem 0 0;font-size:.75rem;line-height:1.4}.profile-magic-qr-manual{width:100%;min-height:44px;padding:.5rem;border:1px solid;border-radius:.5rem;font-size:16px}.profile-magic-qr-link{overflow-wrap:anywhere;font-size:.8rem;text-decoration:underline}