.showcase-stage{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto auto;width:100%;min-height:640px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#ffffff 0,#faf9f6 48%,#f3f0e9 100%);color:rgb(60 48 34)}.showcase-stage[data-mode=fullscreen]{height:100dvh}.showcase-stage[data-background=warm-white]{background:radial-gradient(circle at 50% 42%,#ffffff 0,#faf9f6 48%,#f7f6f2 100%)}.showcase-stage[data-background=white]{background:#fff}.showcase-stage[data-background=transparent]{background:transparent}.showcase-presentation-header{position:absolute;top:clamp(14px,2.4vh,24px);left:50%;z-index:60;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(92vw,36rem);transform:translateX(-50%);pointer-events:none}.showcase-presentation-header>*{pointer-events:auto}.showcase-presentation-toggle{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border:1px solid rgb(102 82 55/14%);border-radius:999px;background:rgb(255 253 249/82%);box-shadow:0 14px 38px rgb(54 42 25/10%),inset 0 1px 0 rgb(255 255 255/86%);backdrop-filter:blur(18px) saturate(1.1)}.showcase-presentation-toggle__option{display:inline-flex;min-width:104px;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:rgb(91 75 54/72%);font-size:.75rem;font-weight:650;letter-spacing:.025em;white-space:nowrap;cursor:pointer;transition:color .18s ease,background-color .22s ease,box-shadow .22s ease,transform .18s ease}.showcase-presentation-toggle__option svg{width:15px;height:15px;stroke-width:1.8}.showcase-presentation-toggle__option:hover:not([data-active=true]){background:rgb(99 80 55/7%);color:rgb(67 54 38/88%)}.showcase-presentation-toggle__option:active{transform:scale(.97)}.showcase-presentation-toggle__option[data-active=true]{background:linear-gradient(145deg,#34302a,#171512);box-shadow:0 5px 14px rgb(35 29 21/20%),inset 0 1px 0 rgb(255 255 255/13%);color:#fffdf8;cursor:default}.showcase-presentation-toggle__option:focus-visible{outline:2px solid rgb(109 87 57/52%);outline-offset:2px}.showcase-depth-hint{width:100%;margin:0;padding:0 8px;color:rgb(91 75 54/68%);font-size:.6875rem;line-height:1.5;text-align:center}.showcase-character-studio-host{position:relative;display:block;width:100%;height:100%}.showcase-character-studio-host__action{position:absolute;top:clamp(10px,1.6vh,16px);right:clamp(10px,1.6vh,16px);z-index:24}.showcase-depth-viewport{position:relative;min-height:0;overflow:hidden}.showcase-stage[data-presentation=depth]{grid-template-rows:minmax(0,1fr) auto}.showcase-stage[data-presentation=depth] .showcase-depth-viewport{padding-top:clamp(104px,13vh,136px);box-sizing:border-box}.showcase-perspective-result{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:1px solid rgb(107 88 61/10%);border-radius:inherit;background:#fff;box-shadow:0 32px 80px rgb(54 42 25/14%),0 8px 24px rgb(54 42 25/8%)}.showcase-perspective-result:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255/50%);content:"";pointer-events:none}.showcase-perspective-result__image{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none}.showcase-perspective-result__depth-layer,.showcase-perspective-result__static-layer{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit}.showcase-perspective-result__static-layer{z-index:1}.showcase-perspective-result__depth-layer{z-index:2;overflow:hidden;pointer-events:none}.showcase-perspective-result__depth-content{opacity:0;transition:opacity .48s ease}.showcase-perspective-result__depth-layer[data-depth-ready=true] .showcase-perspective-result__depth-content{opacity:1}.showcase-perspective-result__depth-layer:after{position:absolute;inset:-35% -70%;z-index:3;background:linear-gradient(108deg,transparent 38%,rgb(255 255 255/42%) 50%,transparent 62%);content:"";opacity:.72;transform:translateX(-38%);animation:showcase-perspective-depth-loading 1.8s ease-in-out infinite;transition:opacity .22s ease}.showcase-perspective-result__depth-layer[data-depth-ready=true]:after{opacity:0;animation:none}@keyframes showcase-perspective-depth-loading{0%{transform:translateX(-38%)}to{transform:translateX(38%)}}.showcase-perspective-result__fallback-mark{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);color:rgb(98 80 56/36%)}.showcase-viewport{position:relative;min-height:0;overflow:hidden}.showcase-result-area{position:absolute;left:50%;top:48%;width:min(34vw,560px);height:min(68vh,720px);transform:translate(-50%,-50%)}.showcase-result-frame,.showcase-result-item-layer,.showcase-result-layer,.showcase-result-stack{position:absolute;inset:0}.showcase-result-item-layer,.showcase-result-layer{display:flex;align-items:center;justify-content:center}.showcase-result-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:#fff;border:1px solid rgb(107 88 61/9%);box-shadow:0 30px 80px rgb(54 42 25/8%),0 6px 20px rgb(54 42 25/5%)}.showcase-result-depth-layer,.showcase-result-static-layer{position:absolute;inset:0;width:100%;height:100%}.showcase-result-static-layer{z-index:2;opacity:1}.showcase-result-static-layer .showcase-result-image{position:absolute;inset:0}.showcase-result-depth-layer{z-index:3;opacity:0;pointer-events:none}.showcase-result-canvas,.showcase-result-content,.showcase-result-image{display:block;width:100%;height:100%;object-fit:contain}.showcase-result-content,.showcase-result-image{border-radius:24px;background:#fff}.showcase-result-image{border:0;box-shadow:none}.showcase-result-image--incoming{opacity:0;z-index:2}.showcase-result-image--base{z-index:1}.showcase-result-scan-overlay{position:absolute;inset:0;z-index:4;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:1}.showcase-result-scan-overlay[data-active=false] .showcase-result-scan-line,.showcase-result-scan-overlay[data-active=false] .showcase-result-scan-tint{animation-play-state:paused}.showcase-result-scan-tint{position:absolute;inset:0;background:linear-gradient(165deg,rgb(120 110 95/6%),rgb(255 255 255/18%) 42%,rgb(90 80 68/5%));animation:showcase-scan-tint 1.35s ease-in-out infinite}.showcase-result-scan-line-wrap{position:absolute;inset:0;overflow:hidden}.showcase-result-scan-line{position:absolute;inset-inline:8%;top:-55%;height:48%;background:linear-gradient(180deg,rgb(255 255 255/0),rgb(255 255 255/52%) 48%,rgb(255 255 255/0));filter:blur(6px);animation:showcase-scan-line 2.1s ease-in-out infinite}@keyframes showcase-scan-line{0%{transform:translate3d(0,-120%,0);opacity:0}14%{opacity:1}86%{opacity:1}to{transform:translate3d(0,260%,0);opacity:0}}@keyframes showcase-scan-tint{0%,to{opacity:.42}50%{opacity:.68}}.showcase-result-depth-loading-label{position:absolute;inset-inline:0;bottom:18%;z-index:2;margin:0;text-align:center;font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:rgb(68 58 48/88%);text-shadow:0 1px 12px rgb(255 255 255/72%);pointer-events:none}.showcase-result-content--warmup{visibility:hidden;pointer-events:none}.showcase-orbit-layer{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}.showcase-orbit-material{position:absolute;left:0;top:0;opacity:0;transform-origin:50% 50%;backface-visibility:hidden;contain:layout paint}.showcase-orbit-material__button{display:block;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto}.showcase-orbit-material__button:focus-visible{outline:2px solid rgb(107 88 61/35%);outline-offset:2px;border-radius:14px}.showcase-stage.is-animating .showcase-orbit-material{will-change:transform,opacity,filter}.showcase-material-dock{position:relative;z-index:40;display:flex;justify-content:center;gap:clamp(8px,1vw,16px);padding:10px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));overflow-x:auto}.showcase-material-dock__slot{width:clamp(64px,7.4vw,112px);flex:0 0 clamp(64px,7.4vw,112px)}.showcase-material-dock__button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:14px;text-align:inherit}.showcase-material-dock__button:focus-visible{outline:2px solid rgb(107 88 61/35%);outline-offset:2px}.showcase-material-card{position:relative;aspect-ratio:1;overflow:hidden;border-radius:14px;background:#fff;border:1px solid rgb(107 88 61/10%);box-shadow:0 8px 24px rgb(54 42 25/5%)}.showcase-material-card__image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.showcase-controls{position:relative;z-index:50;display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding-bottom:max(12px,env(safe-area-inset-bottom));opacity:.72;transition:opacity .18s ease}.showcase-stage:focus-within .showcase-controls,.showcase-stage:hover .showcase-controls{opacity:1}.showcase-close-button,.showcase-control-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgb(80 70 55/12%);background:rgb(255 255 255/80%);color:rgb(60 48 34);box-shadow:0 8px 24px rgb(50 40 30/6%)}.showcase-control-button{min-width:42px;height:42px}.showcase-control-button:disabled{opacity:.4;cursor:not-allowed}.showcase-close-button{position:absolute;right:20px;top:20px;z-index:60;width:42px;height:42px}.showcase-counter,.showcase-toggle{font-size:13px;color:rgb(70 58 42)}.showcase-toggle{display:inline-flex;align-items:center;gap:6px}@media (max-width:640px){.showcase-presentation-header{top:12px;gap:8px}.showcase-stage[data-presentation=depth] .showcase-depth-viewport{padding-top:clamp(112px,16vh,148px)}.showcase-presentation-toggle{padding:3px}.showcase-presentation-toggle__option{min-width:0;height:32px;padding-inline:11px;font-size:.6875rem}.showcase-stage{min-height:560px}.showcase-result-area{top:45%;width:min(78vw,420px);height:min(58vh,520px)}}@media (prefers-reduced-motion:reduce){.showcase-perspective-result__depth-content,.showcase-perspective-result__depth-layer:after,.showcase-presentation-toggle__option{transition:none}.showcase-perspective-result__depth-layer:after{animation:none}}.perspective-stage{--perspective-stage-item-width:min(29vw,420px);--perspective-stage-item-height:min(68vh,720px);position:relative;display:block;width:100%;height:100%;min-height:420px;overflow:hidden;outline:none;perspective:1400px;perspective-origin:50% 48%}.perspective-stage:focus-visible{outline:2px solid rgb(105 88 64/52%);outline-offset:-4px}.perspective-stage__scene{position:absolute;inset:0;transform-style:preserve-3d}.perspective-stage__slot{position:absolute;top:48%;left:50%;width:var(--perspective-stage-item-width);height:var(--perspective-stage-item-height);margin:0;padding:0;overflow:visible;border:0;border-radius:26px;background:transparent;color:inherit;cursor:pointer;transform-origin:50% 50%;backface-visibility:hidden;transition:transform .56s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .42s ease;will-change:transform,filter,opacity}.perspective-stage__slot[data-active=true]{z-index:5;cursor:default;transform:translate3d(-50%,-50%,100px) scale(1);filter:blur(0);opacity:1}.perspective-stage__slot[data-offset="-1"]{z-index:4;transform:translate3d(-112%,-50%,0) rotateY(8deg) scale(.86);filter:blur(.6px) saturate(.88);opacity:.82}.perspective-stage__slot[data-offset="1"]{z-index:4;transform:translate3d(12%,-50%,0) rotateY(-8deg) scale(.86);filter:blur(.6px) saturate(.88);opacity:.82}.perspective-stage__slot[data-offset="-2"]{z-index:3;transform:translate3d(-170%,-50%,-160px) rotateY(13deg) scale(.72);filter:blur(2px) saturate(.72);opacity:.56}.perspective-stage__slot[data-offset="2"]{z-index:3;transform:translate3d(70%,-50%,-160px) rotateY(-13deg) scale(.72);filter:blur(2px) saturate(.72);opacity:.56}.perspective-stage__slot:focus-visible{outline:3px solid rgb(116 94 63/58%);outline-offset:5px}.perspective-stage__fallback{display:grid;width:100%;height:100%;place-items:center;border:1px solid rgb(92 72 46/10%);border-radius:inherit;background:linear-gradient(145deg,rgb(255 255 255/94%),rgb(238 233 224/92%)),#f4f1eb;color:rgb(100 84 62/62%)}@media (max-width:899px){.perspective-stage{--perspective-stage-item-width:min(44vw,380px)}.perspective-stage__slot[data-offset="-2"],.perspective-stage__slot[data-offset="2"]{visibility:hidden;pointer-events:none}}@media (max-width:599px){.perspective-stage{--perspective-stage-item-width:min(72vw,360px);--perspective-stage-item-height:min(64vh,620px);min-height:360px}.perspective-stage__slot[data-offset="-1"]{transform:translate3d(-136%,-50%,-80px) rotateY(9deg) scale(.78);opacity:.48}.perspective-stage__slot[data-offset="1"]{transform:translate3d(36%,-50%,-80px) rotateY(-9deg) scale(.78);opacity:.48}}@media (prefers-reduced-motion:reduce){.perspective-stage__slot{transition:none;will-change:auto}}