.reference-ribbon-host{isolation:isolate;pointer-events:none;width:100%;height:100%;position:relative}.background-ribbon.ribbon-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.background-ribbon.ribbon-scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.background-ribbon .ribbon-light-spill{pointer-events:none;background:radial-gradient(90px 155px at 62% 49%,#7949b52b,#0000 75%),radial-gradient(300px 170px at 30% 94%,#63378d38,#0000 75%);position:absolute;inset:0}[data-theme=light] .background-ribbon .ribbon-light-spill{background:radial-gradient(245px 210px at 66% 49%,#bda0e613,#0000 80%)}.background-ribbon.ribbon-scene:not([data-renderer=webgl]):before{content:"";background-image:url(/brand/flumeum-ribbon.svg);background-position:var(--ribbon-origin-x,50%) top;background-size:var(--ribbon-artboard-width,auto) var(--ribbon-artboard-height,100%);opacity:.94;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}[data-theme=dark] .background-ribbon.ribbon-scene:not([data-renderer=webgl]):before{filter:brightness(.5)saturate(1.7)hue-rotate(3deg);opacity:.65}.three-canvas{opacity:1;transition:opacity .55s;position:absolute;inset:0}.three-canvas canvas{touch-action:pan-y;cursor:grab;outline:none;width:100%;height:100%;display:block}.three-canvas canvas:active{cursor:grabbing}.three-canvas.is-unavailable{opacity:0}.skin-viewer{isolation:isolate;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent,#8063ae) 13%,transparent),transparent 66%);border-radius:20px;width:100%;height:440px;min-height:260px;position:relative;overflow:hidden}.skin-viewer .three-canvas{touch-action:pan-y;cursor:grab}.skin-viewer .three-canvas:active{cursor:grabbing}.skin-avatar{border-radius:inherit;background:0 0;width:100%;height:100%;min-height:0;overflow:hidden}.skin-avatar-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.skin-avatar-rotor{transform-style:preserve-3d;will-change:transform;position:absolute}.skin-status{color:var(--muted,#a497b3);letter-spacing:.03em;z-index:2;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.skin-status .skin-retry{color:var(--accent-bright,#c0a0e9);font:inherit;letter-spacing:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;text-decoration:underline}.skin-status .skin-retry:hover{color:var(--text,#e9dff3)}.skin-status .skin-retry:focus-visible{outline:2px solid var(--accent-bright,#c0a0e9);outline-offset:2px;border-radius:2px}.skin-fallback{color:var(--muted,#a497b3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:15%}.skin-fallback img{object-fit:contain;opacity:.5;width:55%;height:55%}@media (prefers-reduced-motion:reduce){:root:not([data-motion-preview=full]) .three-canvas{transition:none}}