:root{--bg:#f5f6f9;--text-dim:#7d8194;--tb-ease:cubic-bezier(.4, 0, .2, 1);--tb-spring:cubic-bezier(.34, 1.4, .64, 1)}.viewer-chips .chip{color:#444;background:#e8eaf0;border:none;border-radius:999px;padding:4px 10px;font-size:12px}@property --breath{syntax:"<number>";inherits:true;initial-value:0}@keyframes viewer-breath{0%,to{--breath:0}50%{--breath:1}}.viewer-shell{background:var(--bg);--ui-scale-floor:.5;--ui-scale:max(var(--ui-scale-floor), var(--ui-scale-fit,1));--hud-scale:var(--ui-scale);animation:3.2s ease-in-out infinite viewer-breath;position:fixed;inset:0;overflow:hidden}.viewer-shell.hud-compact{--hud-scale:max(.75, var(--ui-scale))}@media (pointer:coarse){.viewer-shell{--ui-scale-floor:.8}}.viewer-canvas{z-index:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-renderer-loading{z-index:8;background:var(--bg);place-items:center;display:grid;position:absolute;inset:0}.viewer-morph-debug{z-index:8;letter-spacing:.01em;color:#fff;pointer-events:none;white-space:nowrap;background:#14171ec7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font:500 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #090c1238}.viewer-morph-debug-dot{background:#8b90a0;border-radius:50%;width:7px;height:7px}.viewer-morph-debug.is-flow .viewer-morph-debug-dot{background:#3ddc84}.viewer-morph-debug.is-dissolve .viewer-morph-debug-dot{background:#ffb547}.viewer-media-wait{z-index:8;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#14171ec7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #090c1238}.viewer-media-wait-spinner{box-sizing:border-box;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite viewer-media-wait-spin}@keyframes viewer-media-wait-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.viewer-media-wait-spinner{border-color:#ffffffbf;animation:none}}.viewer-branch{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.viewer-branch.preview{transition:none}.viewer-gesture{z-index:3;touch-action:none;position:absolute;inset:0}.viewer-gesture[aria-disabled=true]{pointer-events:none}.viewer-prompts{z-index:5;pointer-events:none;transition:opacity .28s;animation:.28s viewer-fade;position:absolute;inset:0}.viewer-prompts.is-hidden{opacity:0;animation:none}.viewer-gesture-marker{z-index:2;align-items:center;gap:calc(7px * var(--ui-scale));color:#fff;font-size:max(10px, calc(13px * var(--ui-scale)));text-align:center;text-shadow:0 1px 6px #000000bf;white-space:nowrap;pointer-events:none;flex-direction:column;font-weight:600;line-height:1;animation:3s ease-in-out infinite prompt-breathe;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes prompt-breathe{0%,to{opacity:1}55%{opacity:.45}}.viewer-gesture-marker-icon{width:calc(46px * var(--ui-scale));height:calc(46px * var(--ui-scale));color:#16181d;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 14px #00000047}.viewer-gesture-marker-icon img{width:calc(21px * var(--ui-scale));height:calc(21px * var(--ui-scale));-webkit-user-select:none;user-select:none}.viewer-gesture-dot{z-index:2;width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale));box-shadow:0 0 0 calc(4px * var(--ui-scale)) #ffffff24, 0 2px 10px #0000004d;pointer-events:none;background:#ffffff8c;border:1px solid #ffffffb3;border-radius:50%;animation:2.4s ease-in-out infinite dot-pulse;position:absolute;transform:translate(-50%,-50%)}@property --hold{syntax:"<number>";inherits:false;initial-value:0}.viewer-gesture-dot.is-still{--hold:0;opacity:calc(.65 + .35 * max(var(--breath), var(--hold)));transform:translate(-50%, -50%) scale(calc(1 + .35 * max(var(--breath), var(--hold)) + .3 * var(--hold)));transition:--hold .32s;animation:none}.viewer-gesture-dot.is-still.is-hovered{--hold:1}.viewer-gesture-dot.is-popping{--dot-pop-scale:1.35;animation:.7s ease-out dot-pop,2.4s ease-in-out .7s infinite dot-pulse}.viewer-gesture-dot.is-popping.is-first{--dot-pop-scale:1.7}@keyframes dot-pop{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}35%{opacity:1;transform:translate(-50%, -50%) scale(var(--dot-pop-scale))}to{opacity:.55;transform:translate(-50%,-50%)scale(1)}}.viewer-gesture-ring{--dot-ring-size:15vw;z-index:1;box-sizing:border-box;width:var(--dot-ring-size);height:var(--dot-ring-size);pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;animation:1.1s linear forwards dot-ring;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #ffffff59}.viewer-gesture-ring.is-first{--dot-ring-size:30vw}@keyframes dot-ring{0%{opacity:.9;width:calc(14px * var(--ui-scale));height:calc(14px * var(--ui-scale))}to{opacity:0;width:var(--dot-ring-size);height:var(--dot-ring-size)}}@keyframes dot-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(1)}50%{opacity:.95;transform:translate(-50%,-50%)scale(1.25)}}.viewer-gesture-dot-hint{--dot-hint-rest:calc(-100% - 16px * var(--ui-scale));--dot-hint-bob:calc(5px * var(--ui-scale));z-index:3;color:var(--dot-hint-color,#fff);font-size:max(11px, calc(var(--dot-hint-size,18px) * var(--dot-hint-scene,1)));white-space:nowrap;text-shadow:0 1px var(--dot-hint-shadow-blur,8px) rgba(var(--dot-hint-shadow-rgb,0, 0, 0), var(--dot-hint-shadow,.75));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;font-weight:600;line-height:1;animation:3.2s ease-in-out .2s forwards dot-hint;position:absolute;transform:translate(-50%,-50%)}.viewer-gesture-dot-hint.is-persistent{animation:.6s ease-out .2s forwards dot-hint-persist}@keyframes dot-hint-persist{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%, var(--dot-hint-rest))}}@keyframes dot-hint{0%{opacity:0;transform:translate(-50%,-50%)}19%,81%{opacity:1;transform:translate(-50%, var(--dot-hint-rest))}to{opacity:0;transform:translate(-50%, calc(var(--dot-hint-rest) - var(--dot-hint-bob)))}}@property --dot-hint-phase{syntax:"<number>";inherits:false;initial-value:0}.viewer-gesture-dot-hint-text{--dot-hint-phase:0;transform:translateY(calc(-1 * var(--dot-hint-bob) * var(--dot-hint-phase)));will-change:transform;animation:2.4s ease-in-out .7s infinite dot-hint-bob;display:inline-block}@keyframes dot-hint-bob{0%,to{--dot-hint-phase:0}50%{--dot-hint-phase:1}}.viewer-gesture-dot-hint-text.is-lit{--dot-hint-phase:var(--breath);animation:none}@media (prefers-reduced-motion:reduce){.viewer-gesture-dot,.viewer-gesture-dot.is-popping{opacity:.8;animation:none}.viewer-gesture-dot.is-still{opacity:calc(.65 + .35 * max(var(--breath), var(--hold)))}.viewer-gesture-ring{display:none}.viewer-gesture-dot-hint{transform:translate(-50%, var(--dot-hint-rest));animation:3.2s ease-in-out .2s forwards dot-hint-still}.viewer-gesture-dot-hint-text,.viewer-gesture-dot-hint-text.is-lit{--dot-hint-phase:0;animation:none}@keyframes dot-hint-still{0%{opacity:0}19%,81%{opacity:1}to{opacity:0}}.viewer-gesture-dot-hint.is-persistent{animation:.6s .2s forwards dot-hint-persist-still}@keyframes dot-hint-persist-still{0%{opacity:0}to{opacity:1}}}@property --lift-hold{syntax:"<number>";inherits:false;initial-value:0}@property --lift-gate{syntax:"<number>";inherits:false;initial-value:1}.viewer-highlights{z-index:4;pointer-events:none;position:absolute;inset:0}.viewer-highlight-lift{pointer-events:none;--lift-hold:0;--lift-gate:1;--lift:calc(max(var(--breath), var(--lift-hold)) * var(--lift-gate));-webkit-backdrop-filter:brightness(calc(1 + .4 * var(--lift))) saturate(calc(1 + .32 * var(--lift))) contrast(calc(1 + .05 * var(--lift)));backdrop-filter:brightness(calc(1 + .4 * var(--lift))) saturate(calc(1 + .32 * var(--lift))) contrast(calc(1 + .05 * var(--lift)));transition:--lift-gate .4s,--lift-hold .32s;animation:.7s ease-out highlight-lift-gate-in;position:absolute;inset:0}.viewer-highlight-lift.is-hovered{--lift-hold:1}.viewer-highlights.is-hidden .viewer-highlight-lift{--lift-gate:0;animation:none}@keyframes highlight-lift-gate-in{0%{--lift-gate:0}to{--lift-gate:1}}@media (prefers-reduced-motion:reduce){.viewer-shell{--breath:.55;animation:none}.viewer-highlight-lift{animation:none}}.viewer-gesture-cluster{z-index:2;gap:calc(14px * var(--ui-scale));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.viewer-gesture-cluster-row{gap:calc(20px * var(--ui-scale));justify-content:center;display:flex}.viewer-gesture-cluster .viewer-gesture-marker{position:static;transform:none}.viewer-global-gestures{bottom:calc(44px * var(--ui-scale));z-index:2;gap:calc(18px * var(--ui-scale));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.viewer-global-gestures .viewer-gesture-marker{position:static;transform:none}.viewer-menu{top:calc(18px * var(--hud-scale));right:calc(18px * var(--hud-scale));z-index:6;align-items:center;gap:calc(10px * var(--hud-scale));transition:opacity .3s;display:flex;position:absolute}.viewer-shell.hud-hidden .viewer-menu,.viewer-shell.hud-hidden .viewer-studio-btn{opacity:0;pointer-events:none}.viewer-circle-btn{width:calc(48px * var(--hud-scale));height:calc(48px * var(--hud-scale));color:#16181d;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:none;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 6px 24px #1418222e}.viewer-circle-btn:hover{background:#fff}.viewer-circle-btn:disabled{opacity:.45;cursor:default}.viewer-menu-pill{align-items:center;gap:calc(2px * var(--hud-scale));padding:calc(5px * var(--hud-scale));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:999px;display:flex;position:relative;box-shadow:0 6px 24px #1418222e}.viewer-pill-btn{width:calc(38px * var(--hud-scale));height:calc(38px * var(--hud-scale));color:#16181d;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid}.viewer-pill-btn:hover{background:#1c202812}.viewer-pill-btn.is-active{background:#1c202821}.viewer-circle-btn svg,.viewer-pill-btn svg{width:calc(20px * var(--hud-scale));height:calc(20px * var(--hud-scale));fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.viewer-circle-btn:focus-visible,.viewer-pill-btn:focus-visible{outline-offset:2px;outline:2px solid #20242c}.viewer-studio-btn{top:calc(18px * var(--hud-scale));left:calc(18px * var(--hud-scale));z-index:6;transition:opacity .3s;position:absolute}.viewer-share-toast{top:calc(78px * var(--hud-scale));right:calc(18px * var(--hud-scale));z-index:6;padding:calc(7px * var(--hud-scale)) calc(13px * var(--hud-scale));font-size:max(10px, calc(12.5px * var(--hud-scale)));color:#fff;pointer-events:none;background:#1c2028d9;border-radius:999px;font-weight:600;animation:.16s viewer-fade;position:absolute}.viewer-empty{text-align:center;color:var(--text-dim);place-content:center;gap:10px;display:grid}.viewer-empty a{color:#15171c}.viewer-opening-frame{z-index:8;background:var(--bg);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.viewer-opening-stage{width:min(100cqw, 100cqh * var(--stage-aspect,0));aspect-ratio:var(--stage-aspect,1);position:relative;overflow:hidden}.viewer-opening-layer{object-fit:cover;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;transition:opacity .24s ease-out;display:block;position:absolute;inset:0}.viewer-opening-layer.is-shown{opacity:1}@media (prefers-reduced-motion:reduce){.viewer-opening-layer{transition:none}}.viewer-transition{z-index:4;object-fit:contain;background:var(--bg);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewer-status-card{box-sizing:border-box;color:#22252d;background:#fffffff0;border:1px solid #22252d1f;border-radius:16px;width:min(460px,100vw - 40px);padding:28px;box-shadow:0 18px 60px #181c261f}.viewer-status-card h1{margin:4px 0 12px;font-size:20px}.viewer-status-card p{margin:0 0 14px;line-height:1.5}.viewer-status-kicker{color:#777e8b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-status-card progress{accent-color:#20232a;width:100%;height:7px;margin:18px 0 8px;display:block}.viewer-status-actions{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.viewer-status-actions button,.viewer-status-actions a{box-sizing:border-box;min-height:36px;font:inherit;color:#22252d;cursor:pointer;background:#fff;border:1px solid #d8dbe3;border-radius:8px;padding:8px 14px;text-decoration:none}.viewer-status-actions button:hover,.viewer-status-actions a:hover{border-color:#777e8b}.viewer-fit-menu{top:calc(100% + 10px * var(--hud-scale));min-width:calc(168px * var(--hud-scale));padding:calc(5px * var(--hud-scale));border-radius:calc(12px * var(--hud-scale));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .16s var(--tb-ease), transform .22s var(--tb-spring);background:#ffffffeb;position:absolute;right:0;transform:translateY(-6px);box-shadow:0 10px 34px #14182829,0 1px 4px #14182814}.viewer-fit-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.viewer-fit-option{align-items:center;gap:calc(8px * var(--hud-scale));width:100%;padding:calc(8px * var(--hud-scale)) calc(10px * var(--hud-scale));font:inherit;font-size:max(10px, calc(12px * var(--hud-scale)));color:#15171c;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;font-weight:600;display:flex}.viewer-fit-option:hover{background:#f3f4f8}.viewer-fit-option span{flex:1}.viewer-fit-option svg{width:calc(14px * var(--hud-scale));height:calc(14px * var(--hud-scale));fill:none;stroke:#15171c;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.viewer-fit-option.is-active svg{opacity:1}.viewer-menu-compact{position:relative}.viewer-circle-btn.is-active{background:#fff;box-shadow:0 6px 24px #1418222e,inset 0 0 0 2px #1c202821}.viewer-hud-dropdown{min-width:calc(210px * var(--hud-scale))}.viewer-hud-item{gap:calc(10px * var(--hud-scale));white-space:nowrap}.viewer-hud-item-icon{width:calc(18px * var(--hud-scale));height:calc(18px * var(--hud-scale));flex:none;place-items:center;display:grid}.viewer-hud-item .viewer-hud-item-icon svg{stroke-width:1.9px;opacity:1;width:100%;height:100%}.viewer-hud-divider{height:1px;margin:calc(4px * var(--hud-scale)) calc(8px * var(--hud-scale));background:#1c20281a}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:14px/1.45 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#2b2e3a;background:#f5f6f9;overflow:hidden}