.bt-track{color:#fff;background:0 0;height:420vh}.bt-pin{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:clip}.bt-sect{flex-direction:column;align-items:center;display:flex}.bt-stage-fit{width:1130px;height:506px}.bt-stage{transform-origin:0 0;width:1130px;height:506px;position:relative}.bt-grid{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:111px 98px;width:1115px;height:492px;position:absolute;top:8px;left:7px;-webkit-mask-image:radial-gradient(115% 125%,#000 40%,#0000 100%);mask-image:radial-gradient(115% 125%,#000 40%,#0000 100%)}.bt-frame{opacity:0;width:1115px;height:492px;position:absolute;top:8px;left:7px}.bt-handle{opacity:0;background:#fff;width:16px;height:16px;position:absolute;box-shadow:0 0 #fff0}.bt-track[data-complete=true] .bt-handle{animation:1.15s ease-in-out infinite bt-handle-blink}.bt-tl{top:0;left:0}.bt-tr{top:0;left:1114px}.bt-br{top:490px;left:1114px}.bt-bl{top:490px;left:0}.bt-sel{opacity:0;background:#ffffff1a;width:0;height:183px;position:absolute;top:245px;left:474px}.bt-hl{color:#fff;white-space:pre;margin:0;font-weight:700;position:absolute}.bt-hl-1{font-size:140px;line-height:185px;top:65px;left:137px}.bt-hl-2{font-size:160px;line-height:212px;top:222px;left:480px}.bt-hl span{white-space:pre;will-change:transform;opacity:0;display:inline-block}.bt-caret{opacity:0;color:#fff;width:29px;height:201px;font-size:23px;position:absolute;left:462px}.bt-caret svg{width:29px;height:201px;display:block}.bt-caret-a{top:227px}.bt-caret-b{top:245px}.bt-cur{opacity:0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.bt-cur svg{position:absolute;top:0;left:0}.bt-cur b{white-space:nowrap;background:var(--cursor-color);color:var(--cursor-text);border-radius:6px;padding:6px 10px;font-size:20px;font-weight:700;line-height:26px;display:block;position:absolute;top:20px;left:23px}.bt-cur svg{fill:var(--cursor-color)}.bt-cur-ethan{--cursor-color:#2574ff;--cursor-text:#fff}.bt-cur-leo{--cursor-color:#fccf35;--cursor-text:#000}.bt-cur-arthur{--cursor-color:#adef05;--cursor-text:#000}.bt-cur-ronan{--cursor-color:#fe6378;--cursor-text:#000}.bt-tail{opacity:0;flex-direction:column;align-items:center;padding:0 24px;display:flex}.bt-tail p{color:#fff9;text-align:center;margin-top:30px;font-size:20px;line-height:26px}.bt-tail a{justify-content:center;align-items:center;height:52px;margin-top:32px;padding:6px 32px 6px 34px;font-size:16px;line-height:26px;text-decoration:none;transition:transform .2s;display:flex}.bt-tail a:hover{transform:translateY(-2px)}.bt-tail a span{margin-left:14px;font-size:20px}.bt-cue{letter-spacing:.14em;text-transform:uppercase;color:#fffc;font-size:13px;position:absolute;bottom:44px}.bt-track,.bt-pin,.bt-stage,.bt-stage-fit{box-sizing:border-box}@media (max-width:640px){.bt-tail p{margin-top:22px;font-size:16px}.bt-cue{bottom:24px}}@keyframes bt-handle-blink{0%,to{opacity:.35;transform:scale(1);box-shadow:0 0 #fff0}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 14px 2px #fffa}}@media (prefers-reduced-motion:reduce){.bt-track{height:auto}.bt-pin{height:100svh;min-height:640px;position:relative}.bt-cue{display:none}.bt-track[data-complete=true] .bt-handle{opacity:1;animation:none}}
.video-tutorial-module__rI3G0G__section{isolation:isolate;color:#fff;font-family:var(--font-body);background:#0a0b0d;padding:104px 32px 112px;position:relative;overflow:hidden}.video-tutorial-module__rI3G0G__container{z-index:1;max-width:1080px;margin:auto;position:relative}.video-tutorial-module__rI3G0G__heading{max-width:780px;margin-bottom:40px}.video-tutorial-module__rI3G0G__heading>p{color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px;font-weight:500}.video-tutorial-module__rI3G0G__heading h2{max-width:740px;font-family:var(--font-heading);text-wrap:balance;margin:12px 0 0;font-size:24px;font-weight:600;line-height:1.25}.video-tutorial-module__rI3G0G__heading>span{color:var(--color-ink-muted);margin-top:12px;font-size:14px;line-height:1.75;display:block}.video-tutorial-module__rI3G0G__tutorial{min-width:0}.video-tutorial-module__rI3G0G__card{background:#171717;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden}.video-tutorial-module__rI3G0G__scene{-webkit-user-select:none;user-select:none;flex-direction:column;width:100%;height:520px;display:flex;position:relative;overflow:hidden}.video-tutorial-module__rI3G0G__canvas{text-align:center;flex:1;place-items:center;min-height:0;padding:28px 24px 8px;display:grid}.video-tutorial-module__rI3G0G__canvasTitle{letter-spacing:-.02em;color:#fff;margin:0 0 10px;font-size:24px;font-weight:600}.video-tutorial-module__rI3G0G__canvasHint{color:#ffffff73;margin:0;font-size:14px;line-height:1.6}.video-tutorial-module__rI3G0G__result{aspect-ratio:16/9;background:#141519;border:1px solid #ffffff1a;border-radius:14px;width:300px;margin:0 auto;animation:.45s both video-tutorial-module__rI3G0G__result-enter;position:relative;overflow:hidden}.video-tutorial-module__rI3G0G__result img{object-fit:cover}.video-tutorial-module__rI3G0G__resultPlay{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b0d99;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.video-tutorial-module__rI3G0G__resultDuration{color:#fff;font-variant-numeric:tabular-nums;background:#0a0b0d99;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.video-tutorial-module__rI3G0G__resultMeta{color:#ffffff73;margin-top:14px;font-size:13px}.video-tutorial-module__rI3G0G__rendering{color:#ffffff73;flex-direction:column;align-items:center;gap:14px;font-size:13px;display:flex}.video-tutorial-module__rI3G0G__renderingBar{background:#ffffff1a;border-radius:2px;width:168px;height:3px;position:relative;overflow:hidden}.video-tutorial-module__rI3G0G__renderingBar>i{background:#fff;border-radius:2px;width:0;animation:3.2s linear both video-tutorial-module__rI3G0G__render-progress;display:block;position:absolute;inset:0 auto 0 0}.video-tutorial-module__rI3G0G__barWrap{flex-shrink:0;padding:0 16px 16px}.video-tutorial-module__rI3G0G__bar{flex-direction:column;gap:12px;max-width:850px;margin:auto;padding:16px;display:flex}.video-tutorial-module__rI3G0G__mediaRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.video-tutorial-module__rI3G0G__slot{color:#ffffffb3;background:#ffffff0d;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;height:48px;padding:0 16px 0 8px;font-size:14px;transition:background .3s,box-shadow .3s;display:inline-flex}.video-tutorial-module__rI3G0G__slot[data-target=true]{background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff6}.video-tutorial-module__rI3G0G__slotIcon{color:#fff;background:#ffffff26;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.video-tutorial-module__rI3G0G__slotLabel{white-space:nowrap}.video-tutorial-module__rI3G0G__slotCount{font-variant-numeric:tabular-nums;color:#fff6;font-size:12px}.video-tutorial-module__rI3G0G__thumb{border-radius:12px;flex-shrink:0;width:48px;height:48px;animation:.35s both video-tutorial-module__rI3G0G__result-enter;position:relative;overflow:hidden}.video-tutorial-module__rI3G0G__thumb img{object-fit:cover}.video-tutorial-module__rI3G0G__promptRow{align-items:flex-start;gap:12px;display:flex}.video-tutorial-module__rI3G0G__prompt{color:#fff;word-break:break-word;flex:1;min-width:0;min-height:45px;padding:6px 0;font-size:16px;line-height:1.4}.video-tutorial-module__rI3G0G__promptPlaceholder{color:#fff6}.video-tutorial-module__rI3G0G__typeCaret{vertical-align:-.15em;background:#fff;width:1px;height:1em;margin-left:2px;animation:1s step-end infinite video-tutorial-module__rI3G0G__blink-caret;display:inline-block}.video-tutorial-module__rI3G0G__barFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.video-tutorial-module__rI3G0G__chips{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}.video-tutorial-module__rI3G0G__mediaChip{color:#fff;background:#ffffff17;border-radius:9999px;align-items:center;gap:4px;height:26px;padding:0 8px;font-size:12px;display:inline-flex}.video-tutorial-module__rI3G0G__modelChip{color:#fff;align-items:center;gap:6px;height:32px;font-size:12px;display:inline-flex}.video-tutorial-module__rI3G0G__chip{color:#fff;align-items:center;gap:6px;height:32px;font-size:13px;font-weight:500;transition:color .25s;display:inline-flex}.video-tutorial-module__rI3G0G__chip[data-open=true]{color:#ffffffbf}.video-tutorial-module__rI3G0G__mediaChip>svg:last-child,.video-tutorial-module__rI3G0G__modelChip>svg,.video-tutorial-module__rI3G0G__chip>svg{color:#ffffffb3;flex-shrink:0}.video-tutorial-module__rI3G0G__submit{flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.video-tutorial-module__rI3G0G__submit[data-pressed=true]{filter:brightness(.85)}.video-tutorial-module__rI3G0G__submitCost{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:12px;display:inline-flex}.video-tutorial-module__rI3G0G__chipMenu{z-index:5;width:264px;padding:16px;animation:.25s both video-tutorial-module__rI3G0G__menu-enter;position:absolute;bottom:calc(100% + 8px);left:0}.video-tutorial-module__rI3G0G__chipMenu>p{color:#fff;margin:0 0 12px;font-size:14px;font-weight:400}.video-tutorial-module__rI3G0G__chipMenu>p:not(:first-child){margin-top:20px}.video-tutorial-module__rI3G0G__optionRow{gap:2px;display:flex}.video-tutorial-module__rI3G0G__optionRow>span{color:#c7c7c7;border-radius:8px;place-items:center;min-width:45px;height:30px;padding:0 10px;font-size:12px;transition:background .3s,color .3s;display:grid}.video-tutorial-module__rI3G0G__optionRow>span[data-active=true]{color:#fff;background:#ffffff1a}.video-tutorial-module__rI3G0G__demoCursor{z-index:8;pointer-events:none;filter:drop-shadow(0 2px 3px #0006);width:29px;height:29px;position:absolute;top:81%;left:84%}.video-tutorial-module__rI3G0G__demoCursor[data-hidden=true]{opacity:0}.video-tutorial-module__rI3G0G__dragImage{background:#141519;border:1px solid #ffffffe6;border-radius:9px;width:105px;height:72px;padding:3px;position:absolute;top:-38px;left:-58px;transform:rotate(-7deg)}.video-tutorial-module__rI3G0G__dragImage img{object-fit:cover;border-radius:5px;width:100%;height:100%}.video-tutorial-module__rI3G0G__demoCursor>svg{position:relative}.video-tutorial-module__rI3G0G__clickRipple{border:2px solid #fffc;border-radius:50%;width:28px;height:28px;animation:.7s both video-tutorial-module__rI3G0G__click-ring;position:absolute;top:-13px;left:-13px}.video-tutorial-module__rI3G0G__caption{border-top:1px solid #ffffff1a;align-items:flex-start;gap:18px;min-height:108px;padding:22px 24px;display:flex}.video-tutorial-module__rI3G0G__captionIndex{color:#ffffff59;font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px}.video-tutorial-module__rI3G0G__caption h3{letter-spacing:-.015em;margin:0 0 8px;font-size:17px;font-weight:550}.video-tutorial-module__rI3G0G__caption p{color:#ffffff73;max-width:560px;margin:0;font-size:13px;line-height:1.6}.video-tutorial-module__rI3G0G__controls{align-items:center;gap:10px;height:62px;padding-top:15px;display:flex}.video-tutorial-module__rI3G0G__controls button{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:grid}.video-tutorial-module__rI3G0G__controls button:hover{color:#fff;background:#ffffff12;border-color:#ffffff40}.video-tutorial-module__rI3G0G__controls button:focus-visible,.video-tutorial-module__rI3G0G__studioLink:focus-visible{outline-offset:4px;outline:2px solid #fff9}.video-tutorial-module__rI3G0G__stepNavigation{align-items:center;gap:16px;display:flex}.video-tutorial-module__rI3G0G__counter{font-variant-numeric:tabular-nums;min-width:38px;font-size:14px}.video-tutorial-module__rI3G0G__counter span{color:#ffffff59}.video-tutorial-module__rI3G0G__stepDots{gap:2px;margin-left:auto;margin-right:auto;display:flex}.video-tutorial-module__rI3G0G__stepDots button{border:0;border-radius:5px;width:28px;height:32px}.video-tutorial-module__rI3G0G__stepDots span{background:#ffffff26;border-radius:2px;width:21px;height:3px}.video-tutorial-module__rI3G0G__stepDots button[aria-current=step]>span{background:#fff}.video-tutorial-module__rI3G0G__studioLink{color:#fff;align-items:center;gap:10px;margin-left:auto;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.video-tutorial-module__rI3G0G__studioLink:hover{color:#ffffffb3}.video-tutorial-module__rI3G0G__tutorial[data-running=false] *{animation-play-state:paused}@keyframes video-tutorial-module__rI3G0G__menu-enter{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@keyframes video-tutorial-module__rI3G0G__result-enter{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes video-tutorial-module__rI3G0G__render-progress{0%{width:0}to{width:100%}}@keyframes video-tutorial-module__rI3G0G__blink-caret{50%{opacity:0}}@keyframes video-tutorial-module__rI3G0G__click-ring{0%{opacity:0;scale:.5}25%{opacity:.9}to{opacity:0;scale:1.7}}@media (max-width:1080px){.video-tutorial-module__rI3G0G__section{padding:72px 24px 80px}}@media (max-width:760px){.video-tutorial-module__rI3G0G__section{padding:58px 20px 64px}.video-tutorial-module__rI3G0G__heading{margin-bottom:28px}.video-tutorial-module__rI3G0G__heading>span{font-size:14px}.video-tutorial-module__rI3G0G__scene{height:470px}.video-tutorial-module__rI3G0G__canvas{padding:20px 16px 4px}.video-tutorial-module__rI3G0G__canvasTitle{font-size:19px}.video-tutorial-module__rI3G0G__result{width:220px}.video-tutorial-module__rI3G0G__barWrap{padding:0 10px 10px}.video-tutorial-module__rI3G0G__bar{padding:12px}.video-tutorial-module__rI3G0G__prompt{font-size:15px}.video-tutorial-module__rI3G0G__caption{gap:12px;min-height:112px;padding:20px}.video-tutorial-module__rI3G0G__studioLink,.video-tutorial-module__rI3G0G__demoCursor{display:none}}@media (prefers-reduced-motion:reduce){.video-tutorial-module__rI3G0G__section *,.video-tutorial-module__rI3G0G__section :before,.video-tutorial-module__rI3G0G__section :after{transition:none;animation:none}.video-tutorial-module__rI3G0G__demoCursor,.video-tutorial-module__rI3G0G__typeCaret{display:none}}
