.tutorial-experience .tutorial-media{background:#38244f;flex:1;height:100%;min-height:0;position:relative;overflow:hidden}.tutorial-media>video,.tutorial-media>.tutorial-picture{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.tutorial-media>.tutorial-player{z-index:1;opacity:1;pointer-events:none}.tutorial-media>.tutorial-picture{z-index:2;pointer-events:none;object-fit:fill;object-position:0 0;background:#38244f}.tutorial-loading.tutorial-loading--overlay{text-shadow:0 1px 4px #000;background:0 0}.tutorial-loading--overlay>span,.tutorial-loading--overlay>svg{background:#241c32dc;border-radius:12px;padding:8px}.tutorial-loading{z-index:4;color:#d8c8eb;background:#241c32;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex;position:absolute;inset:0}.tutorial-loading svg{animation:1s linear infinite credit-spin}.tutorial-loading button{color:#182306;background:#d8ff62;border:1px solid #d8ff62;border-radius:16px;padding:12px 24px}.tutorial-experience .director-badge{max-width:50%;font-size:9px}.tutorial-controls{justify-content:space-between;align-items:center;height:88px;min-height:88px;padding:22px;display:flex}.tutorial-controls span{color:#c9b7d9;font-size:12px}.tutorial-options{grid-template-columns:1fr 1fr;display:grid}.tutorial-options button{color:#efffbc;background:#d8ff620d;border-color:#b2d654;padding:15px 12px;animation:2.4s ease-in-out infinite answer-pulse}.tutorial-question{z-index:5;text-align:center;color:#e9ffb1;background:#241930e8;border:1px solid #bb93e978;border-radius:12px;padding:12px;font-size:14px;position:absolute;bottom:18px;left:14px;right:14px}.tutorial-experience .conversation-bottom:has(.loopy-sign-in){max-height:85%;overflow:auto}.tutorial-experience .messages:has(+.conversation-bottom .loopy-sign-in){display:none}.tutorial-experience .conversation:has(.loopy-sign-in) .conversation-heading{display:none}@media (min-width:681px){.tutorial-experience .video-stage{height:100%;min-height:0;max-height:none}.tutorial-experience .clip-stage{flex-direction:column;height:100%;padding:0;display:flex}.tutorial-experience .tutorial-media{aspect-ratio:1}.tutorial-experience .conversation:has(.loopy-sign-in){padding-top:0}.tutorial-experience .conversation-bottom:has(.loopy-sign-in){height:100%;max-height:100%;padding-top:0}}@media (max-width:680px){.tutorial-experience .tutorial-media>video{object-fit:contain;object-position:center top}.tutorial-experience .tutorial-controls{display:none}.tutorial-question{bottom:calc(var(--chat-height) + 12px)}.tutorial-experience .experience:has(.loopy-sign-in).chat-is-expanded{--chat-height:86%}.tutorial-experience .conversation:has(.loopy-sign-in){max-height:calc(100% - 35px)}.tutorial-experience .conversation-bottom:has(.loopy-sign-in){max-height:none;overflow:visible}.tutorial-experience .conversation-content:has(.loopy-sign-in){overflow-y:auto}.tutorial-experience .loopy-sign-in--embedded{margin-top:40px}.tutorial-experience.composer-focused .conversation-content:has(.loopy-sign-in){overflow-y:auto}.tutorial-experience .conversation-bottom{padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.tutorial-options button,.tutorial-loading svg{animation:none}}.tutorial-finish{color:#c8bad4;padding:0 0 10px;font-size:14px;line-height:1.5}.tutorial-finish p{margin:0 0 6px}.tutorial-finish button{color:#d8ff62;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:13px;display:inline-flex}.tutorial-experience .clip-stage .tutorial-controls{flex-direction:row;flex:0 0 88px;height:88px;min-height:88px;max-height:88px}.tutorial-experience .conversation-bottom:has(.loopy-sign-in){padding-right:4px}@media (max-width:680px){.tutorial-finish{padding-top:10px;font-size:13px}.tutorial-experience .clip-stage .tutorial-controls{display:none}}.tutorial-signin-page{min-height:100svh}.tutorial-signin-content{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 80px);padding:24px 0 32px;display:flex}.tutorial-signin-content .loopy-sign-in{width:min(440px,100%);margin:0 auto 8px}.tutorial-signin-content>.error-message{width:min(440px,100%)}.tutorial-restart{color:#c8bad4;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:13px;display:inline-flex}.tutorial-restart:hover{color:#d8ff62}@media (max-width:680px){.tutorial-signin-content{min-height:calc(100svh - 68px);padding:20px 0 24px}}.tutorial-parent-panel{box-sizing:border-box;max-width:540px;line-height:1.6}.tutorial-parent-panel p{color:#c8bad4}.tutorial-parent-panel .playloo-eyebrow{color:#d6ff63}.tutorial-parent-panel .playloo-button{margin-top:12px}.tutorial-parent-panel .tutorial-restart{margin-top:16px;display:flex}.tutorial-skip{z-index:6;color:#fff;background:#211a2b;border:1px solid #a58cbd;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex;position:absolute;top:54px;left:18px}.tutorial-skip:hover{background:#352640;border-color:#d8ff62}.tutorial-skip:focus-visible{outline-offset:3px;outline:2px solid #d8ff62}@media (max-width:680px){.tutorial-skip{top:15px}.tutorial-media>.tutorial-player{object-position:center top}}