.viewer-direct-page[data-v-fd4f6327]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#07080c}.viewer-direct-stage[data-v-fd4f6327]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#07080c}.viewer-direct-error[data-v-fd4f6327]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;text-align:center}:root{--bg-0: #08090d;--bg-1: #0d0e14;--bg-2: #131520;--accent: #6366f1;--accent-light: #818cf8;--accent-dim: rgba(99, 102, 241, .1);--accent-teal: #22d3ee;--accent-violet: #818cf8;--accent-pink: #f472b6;--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .12);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-h3: 1.5rem;--fs-h2: clamp(1.75rem, 4vw, 2.5rem);--fs-h1: clamp(2.5rem, 7vw, 4.5rem);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-7: 64px;--sp-8: 80px;--sp-9: 120px;--container: 1140px;--header-h: 64px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cursor-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;background:radial-gradient(500px circle at var(--cx, 50vw) var(--cy, 50vh),rgba(99,102,241,.035),transparent 60%)}.app-content{position:relative;z-index:1}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text-1);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}input{font:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.text-grad{background:linear-gradient(135deg,var(--accent-light),var(--accent),#22d3ee,var(--accent-light));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradShift 5s ease-in-out infinite}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.08em;color:var(--accent-light);text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.lead{font-size:var(--fs-lg);line-height:1.7;color:var(--text-2)}h1,h2,h3,h4{font-weight:800;letter-spacing:-.03em;line-height:1.1}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-lg);font-weight:700}p{color:var(--text-2)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.section{padding-block:clamp(64px,10vh,120px);position:relative}.section-head{max-width:640px;margin-bottom:var(--sp-7)}.section-head h2{margin-top:var(--sp-3);margin-bottom:var(--sp-3)}.section-head p{font-size:var(--fs-lg);line-height:1.6}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-light));box-shadow:0 0 8px #6366f199;z-index:200;transition:width .1s linear}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);display:flex;align-items:center;transition:background .3s var(--ease),border-color .3s var(--ease);border-bottom:1px solid transparent}.site-header.is-scrolled{background:#08090db8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--text-1);flex-shrink:0}.brand-mark{width:28px;height:28px;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--accent),var(--accent-light));position:relative;flex-shrink:0;box-shadow:0 0 16px #6366f14d}.brand-mark:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:3px;border:2px solid rgba(255,255,255,.9)}.site-nav{display:flex;align-items:center;gap:var(--sp-5)}.site-nav a{font-size:var(--fs-sm);font-weight:500;color:var(--text-2);transition:color .2s var(--ease);position:relative;padding:4px 0}.site-nav a:hover,.site-nav a.is-active{color:var(--text-1)}.site-nav a.is-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;box-shadow:0 0 8px #6366f180}.header-actions{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.menu-toggle{display:none;width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--line);background:#ffffff08;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{width:16px;height:2px;background:var(--text-1);border-radius:1px;transition:transform .3s var(--ease)}body.nav-open .menu-toggle span:nth-child(1){transform:translateY(3px) rotate(45deg)}body.nav-open .menu-toggle span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-drawer{display:none;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;z-index:99;background:#08090dfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:var(--sp-5);gap:var(--sp-4)}body.nav-open .mobile-drawer{display:flex}.mobile-drawer a{font-size:var(--fs-xl);font-weight:600;color:var(--text-1);padding:var(--sp-2) 0}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding-top:var(--header-h)}.hero-canvas{display:none}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 600px at 50% -5%,rgba(99,102,241,.15),transparent 60%),radial-gradient(500px 400px at 15% 90%,rgba(99,102,241,.06),transparent 55%),radial-gradient(400px 300px at 85% 70%,rgba(34,211,238,.04),transparent 55%);z-index:0}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);z-index:0}.hero .container{position:relative;z-index:1}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(600px 400px at var(--gx, 50%) var(--gy, 30%),rgba(99,102,241,.12),transparent 60%);transition:background .15s ease-out}.hero-inner{max-width:720px;transition:opacity .3s ease;will-change:transform,opacity}.hero-inner>*{opacity:0;animation:heroIn .8s var(--ease-out) forwards}.hero-inner>*:nth-child(1){animation-delay:.1s}.hero-inner>*:nth-child(2){animation-delay:.2s}.hero-inner>*:nth-child(3){animation-delay:.3s}.hero-inner>*:nth-child(4){animation-delay:.4s}@keyframes heroIn{0%{opacity:0;transform:translateY(30px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.hero h1{margin-top:var(--sp-4);margin-bottom:var(--sp-5);text-shadow:0 0 80px rgba(99,102,241,.15)}.hero .lead{max-width:560px;margin-bottom:var(--sp-6)}.hero-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);z-index:1;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;opacity:0;animation:heroIn .8s var(--ease-out) .6s forwards}.hero-scroll .dot{width:24px;height:38px;border:2px solid var(--text-3);border-radius:var(--r-full);position:relative}.hero-scroll .dot:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:6px;background:var(--text-3);border-radius:2px;animation:scrollDot 1.6s var(--ease) infinite}@keyframes scrollDot{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.stats:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.stat{padding:var(--sp-5) var(--sp-4);text-align:center;position:relative;transition:background .3s var(--ease)}.stat:hover{background:#6366f105}.stat:not(:last-child):after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:var(--line)}.stat-ico{width:28px;height:28px;margin:0 auto var(--sp-2);color:var(--accent-light);opacity:.4;transition:opacity .3s var(--ease),transform .3s var(--ease)}.stat-ico svg{width:100%;height:100%}.stat:hover .stat-ico{opacity:1;transform:scale(1.1)}.stat .num{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:var(--sp-2);transition:text-shadow .3s var(--ease);background:linear-gradient(135deg,var(--text-1),var(--accent-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat:hover .num{text-shadow:0 0 24px rgba(99,102,241,.3)}.stat .label{font-size:var(--fs-sm);color:var(--text-3);line-height:1.4}.feature-grid{display:flex;flex-direction:column;gap:0}.feature{display:grid;grid-template-columns:80px 1fr;gap:var(--sp-5);padding:var(--sp-6) 0;border-top:1px solid var(--line);align-items:start;transition:background .3s var(--ease)}.feature:last-child{border-bottom:1px solid var(--line)}.feature:hover{background:#6366f104}.spotlight-feature{position:relative;overflow:hidden}.spotlight-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px circle at var(--fx, 50%) var(--fy, 50%),rgba(99,102,241,.06),transparent 70%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.spotlight-feature:hover:before{opacity:1}.spotlight-feature:hover .feature-num{color:var(--accent-light);text-shadow:0 0 20px rgba(99,102,241,.4)}.feature-num{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;color:var(--text-3);letter-spacing:.05em;padding-top:4px}.feature-ico{width:44px;height:44px;border-radius:var(--r-md);border:1px solid rgba(99,102,241,.2);background:linear-gradient(135deg,#6366f126,#6366f10d);display:flex;align-items:center;justify-content:center;color:var(--accent-light);margin-bottom:var(--sp-3);box-shadow:0 4px 20px -8px #6366f14d;transition:all .3s var(--ease)}.feature:hover .feature-ico{border-color:#6366f166;box-shadow:0 6px 30px -8px #6366f180;transform:scale(1.05)}.feature-ico svg{width:22px;height:22px}.feature h3{margin-bottom:var(--sp-2)}.feature p{font-size:var(--fs-base);line-height:1.65;max-width:560px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap}.filter-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{padding:8px 16px;border-radius:var(--r-full);border:1px solid var(--line);font-size:var(--fs-sm);font-weight:500;color:var(--text-2);background:transparent;transition:all .2s var(--ease)}.chip:hover{border-color:var(--line-strong);color:var(--text-1)}.chip.is-active{background:var(--text-1);color:var(--bg-0);border-color:var(--text-1)}.search-box{display:flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border-radius:var(--r-full);border:1px solid var(--line);background:transparent;transition:border-color .2s var(--ease)}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:16px;height:16px;color:var(--text-3);flex-shrink:0}.search-box input{border:0;background:none;color:var(--text-1);outline:none;font-size:var(--fs-sm);width:200px}.search-box input::placeholder{color:var(--text-3)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--sp-4)}.section .gallery-grid{max-width:560px}.card{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:var(--bg-1);transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.card:hover{border-color:#6366f140;transform:translateY(-6px);box-shadow:0 20px 60px -20px #6366f140}.spotlight-card{position:relative}.spotlight-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:radial-gradient(350px circle at var(--cx, 50%) var(--cy, 50%),rgba(99,102,241,.1),transparent 60%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.spotlight-card:hover:before{opacity:1}.card-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden}.card-thumb .ph{width:100%;height:100%;transition:transform .4s var(--ease)}.card:hover .card-thumb .ph{transform:scale(1.05)}.card-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full);background:#08090db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.05em;color:var(--accent-light)}.dot3d{width:6px;height:6px;border-radius:50%;background:var(--accent-light)}.card-category{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--r-full);background:#08090db3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.68rem;font-weight:500;color:var(--text-2)}.card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:52px;height:52px;border-radius:50%;background:#08090d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s var(--ease)}.card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-play svg{width:20px;height:20px;color:var(--text-1);margin-left:2px}.card-body{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4)}.card-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.card-meta{flex:1;min-width:0}.card-meta h4{font-size:var(--fs-sm);font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta p{font-size:var(--fs-xs);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-stats{display:flex;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-3);flex-shrink:0}.cta-band{text-align:center;padding:clamp(48px,8vh,80px) var(--sp-5);border-radius:var(--r-xl);background:radial-gradient(800px 400px at 50% 0%,rgba(99,102,241,.18),transparent 70%),radial-gradient(400px 200px at 50% 100%,rgba(34,211,238,.06),transparent 60%),var(--bg-1);border:1px solid var(--line-strong);box-shadow:0 24px 80px -40px #0009;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.cta-band h2{margin-top:var(--sp-3);margin-bottom:var(--sp-3)}.cta-band p{max-width:480px;margin:0 auto var(--sp-5);font-size:var(--fs-lg)}.cta-band .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--line);padding-block:var(--sp-7) var(--sp-5);position:relative}.site-footer:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}.footer-brand p{margin-top:var(--sp-3);font-size:var(--fs-sm);max-width:320px;line-height:1.6}.footer-col h5{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--sp-3)}.footer-col a{display:block;font-size:var(--fs-sm);color:var(--text-2);padding:4px 0;transition:color .2s var(--ease),padding-left .2s var(--ease)}.footer-col a:hover{color:var(--text-1);padding-left:6px}.footer-bottom{padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em;transition:all .2s var(--ease);white-space:nowrap;cursor:pointer}.btn--sm{padding:8px 16px;font-size:var(--fs-xs)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 24px -8px #6366f180;position:relative;overflow:hidden}.btn--primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s var(--ease)}.btn--primary:hover:after{left:100%}.btn--primary:hover{background:var(--accent-light);box-shadow:0 8px 40px -8px #6366f1b3,0 0 0 1px #6366f133}.btn--ghost{background:#ffffff08;color:var(--text-1)!important;border:1px solid var(--line-strong)}.btn--ghost:hover{background:#ffffff0f;border-color:#6366f14d}.magnetic{transform:translate(var(--mx, 0px),var(--my, 0px));transition:transform .4s var(--ease-out),background .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}[data-reveal]{opacity:0;transform:translateY(28px) scale(.97);filter:blur(6px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),filter .7s var(--ease-out)}[data-reveal].is-revealed{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.page-hero{padding-top:calc(var(--header-h) + var(--sp-7));padding-bottom:var(--sp-6);max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.page-hero h1{margin-top:var(--sp-3);margin-bottom:var(--sp-4)}.page-hero p{max-width:560px;font-size:var(--fs-lg);line-height:1.6}.empty-state{margin-top:var(--sp-6);color:var(--text-3);text-align:center;font-size:var(--fs-base)}@media(max-width:768px){.site-nav,.header-actions .btn{display:none}.menu-toggle{display:flex}.hero{min-height:100svh}.hero-scroll{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2):after{display:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}.feature{grid-template-columns:60px 1fr;gap:var(--sp-3);padding:var(--sp-4) 0}.gallery-grid{grid-template-columns:1fr}.gallery-toolbar{flex-direction:column;align-items:stretch}.search-box input{width:100%}.footer-grid{grid-template-columns:1fr;gap:var(--sp-5)}.cta-band{padding:var(--sp-5) var(--sp-4)}}@media(max-width:480px){.stats{grid-template-columns:1fr}.stat:after{display:none!important}.stat{border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}}.viewer-page{min-height:100svh;padding:calc(var(--header-h) + var(--sp-5)) clamp(16px,2vw,32px) var(--sp-6)}.viewer-shell{width:100%;max-width:min(1720px,calc(100vw - 48px));margin-inline:auto}.viewer-copy{max-width:980px;margin-bottom:var(--sp-4)}.viewer-copy h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.03em;margin-top:var(--sp-3)}.viewer-copy p{color:var(--text-2);margin-top:var(--sp-3)}.viewer-frame{position:relative;width:100%;height:clamp(660px,78svh,940px);min-height:660px;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-0);box-shadow:0 24px 80px -40px #000000e6}body.viewer-fullscreen-open{overflow:hidden}.public-viewer{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:var(--bg-0)}.public-viewer.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100dvw;height:100dvh;min-height:100dvh;border-radius:0;background:#07080c}.public-viewer__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.public-viewer__canvas canvas{display:block;width:100%;height:100%}.public-viewer__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;color:var(--text-1);background:#07080cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-viewer__loading span{padding:var(--sp-3) var(--sp-5);border:1px solid var(--line-strong);border-radius:var(--r-full);background:#0f121adb}.public-viewer__hud{position:absolute;top:var(--sp-4);left:var(--sp-4);z-index:3;display:flex;gap:var(--sp-2);flex-wrap:wrap}.public-viewer__hud span,.public-viewer__hud-chip,.public-viewer__help span{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-full);color:var(--text-2);font-size:var(--fs-xs);background:#07080cb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-viewer__hud-chip{gap:6px;font:inherit;font-size:var(--fs-xs);cursor:pointer;color:var(--text-1);border-color:var(--line-strong);transition:border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.public-viewer__hud-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-teal, #38e0c8);opacity:.85}.public-viewer__hud-chip:hover{border-color:var(--accent-teal, #38e0c8);background:#07080cd9}.public-viewer__hud-chip:active{background:#07080cf2}.public-viewer__hud-chip:focus-visible{outline:2px solid var(--accent-teal, #38e0c8);outline-offset:2px}.public-viewer__fullscreen{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:4;display:inline-flex;align-items:center;gap:8px;min-width:112px;height:40px;padding:0 var(--sp-4);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);color:#fff;font:inherit;font-size:var(--fs-sm);background:var(--accent);box-shadow:0 18px 48px -24px #6366f1db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.public-viewer__fullscreen:hover{border-color:#ffffff5c;box-shadow:0 20px 56px -22px #6366f1f2;transform:translateY(-1px)}.public-viewer__fullscreen:disabled{cursor:wait;opacity:.72;transform:none}.public-viewer__fullscreen span{font-size:1rem;line-height:1}.public-viewer__fullscreen b{font-weight:700}.public-viewer__track-entry{position:absolute;top:calc(var(--sp-4) + 48px);right:var(--sp-4);z-index:4;display:inline-flex;align-items:center;gap:8px;min-width:112px;height:40px;padding:0 var(--sp-4);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);color:#fff;font:inherit;font-size:var(--fs-sm);background:var(--accent);box-shadow:0 18px 48px -24px #6366f1db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.public-viewer__track-entry:hover{border-color:#ffffff5c;box-shadow:0 20px 56px -22px #6366f1f2;transform:translateY(-1px)}.public-viewer__track-entry span{font-size:1rem;line-height:1}.public-viewer__track-entry b{font-weight:700}.public-viewer__fps{position:absolute;top:var(--sp-4);right:calc(var(--sp-4) + 124px);z-index:4;min-width:58px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);color:#ffffffdb;font-family:var(--font-mono);font-size:.69rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;text-align:center;background:#0000007a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.public-viewer.is-fullscreen .public-viewer__fullscreen{min-width:76px;height:36px;padding-inline:var(--sp-3);color:var(--text-1);font-size:var(--fs-xs);background:#07080cb8;box-shadow:0 14px 42px -28px #000000e6}.public-viewer.is-fullscreen .public-viewer__fullscreen:hover{background:#121620d1}.public-viewer__immersive-hint{position:absolute;top:calc(var(--sp-4) + 52px);right:var(--sp-4);z-index:4;width:min(300px,calc(100% - var(--sp-8)));padding:var(--sp-3);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-md);color:var(--text-1);background:#0a0c12d1;box-shadow:0 20px 60px -32px #000000eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-viewer__immersive-hint p{margin:0;color:var(--text-2);font-size:var(--fs-xs);line-height:1.45}.public-viewer__immersive-hint div{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.public-viewer__immersive-hint button{display:inline-flex;align-items:center;justify-content:center;height:30px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text-1);font:inherit;font-size:var(--fs-xs);background:#ffffff14;transition:background .2s ease,border-color .2s ease}.public-viewer__immersive-hint button:first-child{flex:1;color:#fff;font-weight:700;background:var(--accent)}.public-viewer__immersive-hint button:last-child{width:30px;flex:0 0 auto;font-size:1.05rem;line-height:1}.public-viewer__immersive-hint button:hover{border-color:#ffffff57;background:#ffffff24}.public-viewer__orientation-hint{position:absolute;top:50%;left:50%;z-index:110;display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:var(--sp-3);width:min(360px,calc(100% - 32px));min-height:64px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);color:#fff;background:#0a0c12e6;box-shadow:0 18px 54px -24px #000000e6;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-viewer__orientation-hint>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;font-size:1.35rem;line-height:1;background:#165dff}.public-viewer__orientation-hint p{min-width:0;margin:0;color:var(--text-1);font-size:var(--fs-xs);line-height:1.5}.public-viewer__orientation-hint button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:var(--text-2);font:inherit;font-size:1.1rem;line-height:1;background:#ffffff14;cursor:pointer;transition:color .2s ease,background .2s ease}.public-viewer__orientation-hint button:hover{color:#fff;background:#ffffff29}.public-viewer__panel{position:absolute;top:calc(var(--sp-4) + 48px);right:var(--sp-4);z-index:3;width:min(280px,calc(100% - var(--sp-8)));padding:var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:#0a0c12c2;box-shadow:0 18px 54px -28px #000000e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-viewer__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.public-viewer__panel h2{margin:0;font-size:var(--fs-sm);letter-spacing:.08em;color:var(--text-1)}.public-viewer__panel-head button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:50%;color:var(--text-1);font:inherit;font-size:1.1rem;line-height:1;background:#ffffff0f;cursor:pointer;transition:background .2s ease,border-color .2s ease}.public-viewer__panel-head button:hover{border-color:#ffffff57;background:#ffffff1f}.public-viewer__panel dl{display:grid;gap:var(--sp-2)}.public-viewer__panel dl>div{display:flex;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--line)}.public-viewer__panel dl>div:last-child{padding-bottom:0;border-bottom:0}.public-viewer__panel dt{color:var(--text-3);font-size:var(--fs-xs)}.public-viewer__panel dd{max-width:150px;overflow:hidden;color:var(--text-1);font-size:var(--fs-xs);text-align:right;text-overflow:ellipsis;white-space:nowrap}.public-viewer__relight-debug{position:absolute;left:var(--sp-4);bottom:var(--sp-4);z-index:4;width:min(230px,calc(100% - var(--sp-8)));padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:#0a0c12c2;box-shadow:0 18px 54px -28px #000000e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--font-mono)}.public-viewer__relight-debug h2{margin:0 0 var(--sp-3);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--text-1);text-transform:uppercase}.public-viewer__relight-debug dl{display:grid;gap:var(--sp-2);margin:0}.public-viewer__relight-debug dl>div{display:flex;justify-content:space-between;gap:var(--sp-3)}.public-viewer__relight-debug dt{color:var(--text-3);font-size:.66rem}.public-viewer__relight-debug dd{margin:0;color:var(--text-1);font-size:.66rem;font-variant-numeric:tabular-nums;text-align:right}.public-viewer__relight-controls{position:absolute;right:var(--sp-4);bottom:var(--sp-4);z-index:5;display:grid;gap:var(--sp-3);width:min(280px,calc(100% - var(--sp-8)));padding:var(--sp-3) var(--sp-4);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);color:var(--text-1);background:#0a0c12c7;box-shadow:0 18px 54px -28px #000000e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.public-viewer__relight-controls-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.public-viewer__relight-controls-head b{padding:3px 7px;border-radius:var(--r-full);color:#dbeafe;background:#165dff38;font-size:.62rem;letter-spacing:0}.public-viewer__relight-controls.is-empty .public-viewer__relight-controls-head b{color:var(--text-3);background:#ffffff14}.public-viewer__relight-control-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:var(--sp-2);font-size:.72rem;color:var(--text-2)}.public-viewer__relight-control-row input[type=range]{width:100%;accent-color:#165dff}.public-viewer__relight-control-row b{color:var(--text-1);font-family:var(--font-mono);font-size:.68rem;text-align:right}.public-viewer__relight-mode-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:var(--sp-2);font-size:.72rem;color:var(--text-2)}.public-viewer__relight-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);background:#ffffff0f}.public-viewer__relight-mode-group button{min-width:0;height:26px;border:0;border-radius:calc(var(--r-md) - 3px);color:var(--text-2);background:transparent;font:inherit;font-size:.68rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.public-viewer__relight-mode-group button:hover{color:var(--text-1);background:#ffffff14}.public-viewer__relight-mode-group button.is-active{color:#fff;background:#165dffb8;box-shadow:0 8px 22px -14px #165dffe6}.public-viewer__relight-actions{display:flex;align-items:center;gap:var(--sp-2)}.public-viewer__relight-shadow-toggle{display:inline-flex;align-items:center;gap:6px;min-width:74px;color:var(--text-2);font-size:.72rem}.public-viewer__relight-shadow-toggle input{accent-color:#165dff}.public-viewer__relight-actions button{flex:1;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-md);color:var(--text-1);background:#ffffff14;font:inherit;font-size:.72rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.public-viewer__relight-actions button:hover{border-color:#165dff80;background:#165dff2e;transform:translateY(-1px)}.public-viewer__relight-locator{position:absolute;top:0;left:0;z-index:6;width:54px;height:54px;color:#ffd43b;pointer-events:none;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);opacity:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55));transition:opacity .16s ease,color .16s ease,transform .16s ease}.public-viewer__relight-locator.is-hidden{opacity:0;pointer-events:none}.public-viewer__relight-locator:before,.public-viewer__relight-locator:after{position:absolute;content:"";background:currentColor;box-shadow:0 0 12px #ffd43b94}.public-viewer__relight-locator:before{top:50%;left:8px;right:8px;height:2px;transform:translateY(-50%)}.public-viewer__relight-locator:after{top:8px;bottom:8px;left:50%;width:2px;transform:translate(-50%)}.public-viewer__relight-locator-ring{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 4px #ffd43b24,0 0 24px #ffd43b6b}.public-viewer__relight-locator-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 18px #ffd43be0,0 0 34px #ffd43b6b;transform:translate(-50%,-50%)}.public-viewer__relight-locator-height-handle{position:absolute;top:-74px;left:50%;z-index:2;width:34px;height:72px;cursor:ns-resize;pointer-events:auto;touch-action:none;transform:translate(-50%)}.public-viewer__relight-locator-height-handle:before{position:absolute;top:12px;bottom:6px;left:50%;width:2px;border-radius:var(--r-full);background:linear-gradient(180deg,currentColor 0%,rgba(255,212,59,.36) 100%);box-shadow:0 0 16px #ffd43b73;content:"";transform:translate(-50%)}.public-viewer__relight-locator-height-handle:after{position:absolute;top:0;left:50%;width:18px;height:18px;border:2px solid currentColor;border-radius:var(--r-full);background:#0a0c12c7;box-shadow:0 0 0 4px #ffd43b24,0 0 24px #ffd43b7a;content:"";transform:translate(-50%);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.public-viewer__relight-locator-height-handle:hover:after,.public-viewer__relight-locator.is-height-dragging .public-viewer__relight-locator-height-handle:after{background:#ffd43b38;box-shadow:0 0 0 6px #ffd43b2e,0 0 32px #ffd43b94;transform:translate(-50%) scale(1.08)}.public-viewer__relight-locator:hover,.public-viewer__relight-locator.is-dragging,.public-viewer__relight-locator.is-height-dragging{transform:translate(-50%,-50%) scale(1.08)}.public-viewer__relight-locator.is-dragging{cursor:grabbing;color:#ffe066}.public-viewer__relight-locator.is-height-dragging{cursor:ns-resize;color:#fff1a8}.public-viewer__relight-locator.is-dragging .public-viewer__relight-locator-ring{box-shadow:0 0 0 6px #ffd43b2e,0 0 32px #ffd43b94}.public-viewer__relight-locator b{position:absolute;top:50%;left:44px;padding:4px 8px;border:1px solid rgba(255,212,59,.34);border-radius:var(--r-full);color:#fff7cc;background:#0a0c12b8;font-family:var(--font-mono);font-size:.66rem;line-height:1;white-space:nowrap;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.public-viewer__relight-locator.is-offscreen{color:#7db2ff}.public-viewer__relight-locator.is-offscreen:before,.public-viewer__relight-locator.is-offscreen:after{box-shadow:0 0 12px #165dff94}.public-viewer__relight-locator.is-offscreen .public-viewer__relight-locator-ring{box-shadow:0 0 0 4px #165dff29,0 0 24px #165dff75}.public-viewer__relight-locator.is-offscreen .public-viewer__relight-locator-dot{box-shadow:0 0 18px #165dffd1,0 0 34px #165dff6b}.public-viewer__relight-locator.is-offscreen .public-viewer__relight-locator-height-handle:before{background:linear-gradient(180deg,currentColor 0%,rgba(125,178,255,.32) 100%);box-shadow:0 0 16px #165dff6b}.public-viewer__relight-locator.is-offscreen .public-viewer__relight-locator-height-handle:after{box-shadow:0 0 0 4px #165dff29,0 0 24px #165dff75}.public-viewer__relight-locator.is-offscreen b{border-color:#7db2ff61;color:#dbeafe;background:#081023c7}.public-viewer__relight-locator[data-edge=right] b{right:44px;left:auto}.public-viewer__relight-locator[data-edge=top] b{top:44px;left:50%;transform:translate(-50%)}.public-viewer__relight-locator[data-edge=bottom] b{top:auto;bottom:44px;left:50%;transform:translate(-50%)}.public-viewer__help{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);z-index:3;display:flex;gap:var(--sp-2);flex-wrap:wrap}.public-viewer__help--mobile{display:none}.public-viewer__joystick{position:fixed;z-index:20;width:84px;height:84px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#07080c52;pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.public-viewer__joystick span{position:absolute;top:50%;left:50%;width:34px;height:34px;border-radius:50%;background:#ffffff47;box-shadow:0 8px 24px #00000047}.public-viewer__touch-mode,.public-viewer__touch-vertical{display:none}.public-viewer.is-mobile-runtime .public-viewer__touch-mode{position:absolute;top:calc(var(--sp-4) + 44px);left:var(--sp-4);z-index:5;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:38px;padding:0 var(--sp-3);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-md);color:#fff;font:inherit;font-size:var(--fs-xs);font-weight:700;background:#07080cad;box-shadow:0 16px 40px -28px #000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:none}.public-viewer.is-mobile-runtime .public-viewer__touch-mode:active{transform:scale(.96)}.public-viewer.is-mobile-runtime .public-viewer__touch-vertical{position:absolute;top:50%;right:var(--sp-4);z-index:5;display:flex;flex-direction:column;gap:var(--sp-2);transform:translateY(-50%)}.public-viewer.is-mobile-runtime .public-viewer__touch-vertical[hidden]{display:none}.public-viewer__touch-vertical button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font:inherit;font-size:var(--fs-xs);font-weight:800;background:#07080cad;box-shadow:0 16px 40px -28px #000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;touch-action:none}.public-viewer__touch-vertical button:active{transform:scale(.94)}.public-viewer__track{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.wl-center-ctrl{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:28px;z-index:10;pointer-events:none}.wl-ctrl-btn{border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);transition:transform .15s,background .2s;-webkit-tap-highlight-color:transparent}.wl-ctrl-btn.lg{width:58px;height:58px}.wl-ctrl-btn.md{width:46px;height:46px}.wl-ctrl-btn:active{transform:scale(.92)}.wl-timeline-wrap{position:absolute;bottom:84px;left:36px;right:36px;display:flex;align-items:center;gap:10px;z-index:10}.wl-time-txt{font-family:var(--font-mono);font-size:10px;color:#ffffff9e;min-width:32px;font-variant-numeric:tabular-nums}.wl-track-bar{flex:1;height:3px;background:#ffffff14;border-radius:2px;position:relative;touch-action:none}.wl-track-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:2px}.wl-track-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--accent);z-index:2;touch-action:none}.wl-track-thumb.scrubbing{width:16px;height:16px;background:var(--accent);box-shadow:0 0 0 5px #6366f159}.public-viewer.is-mobile-runtime .public-viewer__help--desktop{display:none}.public-viewer.is-mobile-runtime .public-viewer__help--mobile{display:flex}@media(max-width:768px){.viewer-page{padding:calc(var(--header-h) + var(--sp-4)) var(--sp-4) var(--sp-5)}.viewer-shell{max-width:100%}.viewer-frame{height:74svh;min-height:520px;border-radius:var(--r-md)}.public-viewer__hud{top:var(--sp-3);left:var(--sp-3);right:142px}.public-viewer__hud span,.public-viewer__help span{min-height:28px;padding:0 10px;font-size:.68rem}.public-viewer__fullscreen{top:var(--sp-3);right:var(--sp-3);min-width:122px;height:36px;padding-inline:12px;font-size:.76rem}.public-viewer__fps{top:var(--sp-3);right:calc(var(--sp-3) + 132px);padding:7px 9px;font-size:.68rem}.public-viewer.is-fullscreen .public-viewer__fullscreen{min-width:70px;height:32px;padding-inline:10px}.public-viewer.is-fullscreen .public-viewer__fps{right:calc(var(--sp-3) + 80px)}.public-viewer__immersive-hint{top:calc(var(--sp-3) + 44px);right:var(--sp-3);width:min(280px,calc(100% - var(--sp-6)));padding:10px}.public-viewer__panel{top:auto;right:var(--sp-3);bottom:calc(var(--sp-4) + 52px + env(safe-area-inset-bottom));left:var(--sp-3);width:auto;max-height:min(42svh,330px);padding:var(--sp-3);overflow:auto;border-radius:var(--r-lg)}.public-viewer__relight-controls{right:var(--sp-3);bottom:calc(var(--sp-4) + 54px + env(safe-area-inset-bottom));width:min(270px,calc(100% - var(--sp-6)));padding:var(--sp-3)}.public-viewer__help{right:var(--sp-3);left:var(--sp-3);bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.public-viewer.is-mobile-runtime .public-viewer__touch-mode{top:calc(var(--sp-3) + 42px);left:calc(var(--sp-3) + env(safe-area-inset-left));height:36px}.public-viewer.is-mobile-runtime .public-viewer__touch-vertical{right:calc(var(--sp-3) + env(safe-area-inset-right))}}@media(max-width:768px)and (orientation:landscape){.viewer-page{padding-top:calc(var(--header-h) + var(--sp-2))}.viewer-copy{display:none}.viewer-frame{height:calc(100svh - var(--header-h) - var(--sp-3));min-height:320px}.public-viewer__panel{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(280px,34vw);max-height:calc(100dvh - 118px)}.public-viewer__relight-controls{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;width:min(270px,34vw);max-height:calc(100dvh - 118px);overflow:auto}.public-viewer__fullscreen{min-width:112px}.public-viewer__fps{right:calc(var(--sp-3) + 122px)}.public-viewer__immersive-hint{top:52px;width:min(270px,36vw)}.public-viewer__help{right:34vw}}@media(orientation:landscape)and (max-height:520px){.viewer-copy{display:none}.viewer-page{padding:calc(var(--header-h) + var(--sp-2)) var(--sp-3) var(--sp-3)}.viewer-shell{max-width:100%}.viewer-frame{height:calc(100svh - var(--header-h) - var(--sp-3));min-height:300px;border-radius:var(--r-md)}.public-viewer__panel{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px)}.public-viewer__relight-controls{top:56px;right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;width:min(280px,36vw);max-height:calc(100dvh - 118px);overflow:auto}.public-viewer__fullscreen{min-width:112px}.public-viewer__fps{right:calc(var(--sp-3) + 122px)}.public-viewer__immersive-hint{top:52px;width:min(270px,36vw)}.public-viewer__help{right:calc(36vw + var(--sp-3))}}@media(max-width:768px){.public-viewer.is-fullscreen .public-viewer__hud{top:calc(var(--sp-3) + env(safe-area-inset-top));left:calc(var(--sp-3) + env(safe-area-inset-left));right:calc(86px + env(safe-area-inset-right))}.public-viewer.is-fullscreen .public-viewer__fullscreen{top:calc(var(--sp-3) + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right))}.public-viewer.is-fullscreen .public-viewer__fps{top:calc(var(--sp-3) + env(safe-area-inset-top));right:calc(82px + env(safe-area-inset-right))}.public-viewer.is-fullscreen .public-viewer__relight-controls{right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:calc(var(--sp-4) + 54px + env(safe-area-inset-bottom))}.public-viewer.is-fullscreen .public-viewer__touch-mode{top:calc(var(--sp-3) + 42px + env(safe-area-inset-top));left:calc(var(--sp-3) + env(safe-area-inset-left))}.public-viewer.is-fullscreen .public-viewer__touch-vertical{right:calc(var(--sp-3) + env(safe-area-inset-right))}}@media(max-width:768px)and (orientation:landscape){.public-viewer.is-fullscreen .public-viewer__panel{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top))}.public-viewer.is-fullscreen .public-viewer__relight-controls{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;width:min(280px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top));overflow:auto}.public-viewer.is-fullscreen .public-viewer__help{right:calc(36vw + var(--sp-3))}}@media(orientation:landscape)and (max-height:520px){.public-viewer.is-fullscreen .public-viewer__panel{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;left:auto;width:min(300px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top))}.public-viewer.is-fullscreen .public-viewer__relight-controls{top:calc(56px + env(safe-area-inset-top));right:calc(var(--sp-3) + env(safe-area-inset-right));bottom:auto;width:min(280px,36vw);max-height:calc(100dvh - 118px - env(safe-area-inset-top));overflow:auto}.public-viewer.is-fullscreen .public-viewer__help{right:calc(36vw + var(--sp-3))}}