.tutorial-page{color:#172c22;background:#f4fbf5}.tutorial-page p{color:#52675b;line-height:1.8;font-size:16px}.tutorial-page h2{font-size:clamp(30px,3.3vw,44px);line-height:1.12;letter-spacing:-.045em;margin:17px 0 22px}.tutorial-hero{padding:76px 0 60px;background:linear-gradient(145deg,#effaf1,#def3e4);border-bottom:1px solid #cfe3d4}.tutorial-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.tutorial-page h1{font-size:clamp(40px,4.5vw,62px);line-height:1.04;letter-spacing:-.06em;margin:24px 0}.tutorial-page .tutorial-lead{font-size:21px;color:#244d35;line-height:1.5;margin-bottom:12px}.tutorial-hero .button{margin-top:14px}.tutorial-hero-meta{font-size:12px;color:#5c7464;line-height:1.8;margin-top:22px}.tutorial-hero-meta span{margin:0 7px}.tutorial-mask-demo{margin:0;background:white;border:1px solid #c6ddcc;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #285d3612}.tutorial-demo-toolbar{display:flex;gap:5px;padding:12px;background:#fff}.tutorial-demo-toolbar button{flex:1;border:1px solid transparent;border-radius:7px;background:transparent;padding:10px 5px;font-size:12px;color:#52675b;font-weight:600}.tutorial-demo-toolbar button[aria-pressed=true]{background:#e4f6e8;border-color:#badbc3;color:#215d37}.tutorial-demo-toolbar button span{margin-right:6px;opacity:.65;font-size:10px}.tutorial-mask-photo{position:relative;line-height:0}.tutorial-mask-photo img{display:block;width:100%;height:auto}.tutorial-mask-photo svg{position:absolute;inset:0;width:100%;height:100%}.tutorial-photo-label{position:absolute;bottom:14px;left:14px;padding:9px 12px;border-radius:6px;background:#fffef1ed;color:#244d35;font-size:11px;font-weight:700;line-height:1.3}.tutorial-mask-demo figcaption{padding:18px 20px 6px;min-height:82px;font-size:13px;line-height:1.65;color:#405c4b}.tutorial-demo-disclosure{padding:0 20px 18px;font-size:11px;color:#657a6c}.tutorial-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:28px 0;border-bottom:1px solid #d3e3d7}.tutorial-jump a{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;line-height:1.5}.tutorial-jump a span{color:#558566;font-size:11px}.tutorial-jump a span:last-child{margin-left:auto}.tutorial-jump a:hover{color:#21623b}.tutorial-step{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:90px 0;scroll-margin-top:30px}.tutorial-step-copy p{margin:15px 0}.tutorial-figure{margin:0;min-width:0}.tutorial-figure>img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #d3e3d7}.tutorial-figure figcaption{font-size:12px;color:#65786b;line-height:1.65;margin-top:14px}.tutorial-tip{padding:18px 22px;background:#e5f3e8;border-left:3px solid #79b98d;border-radius:0 9px 9px 0;margin-top:24px}.tutorial-tip strong{font-size:13px;color:#28593a}.tutorial-tip p{font-size:14px;margin:6px 0 0}.tutorial-mask-section{padding:55px;background:#e7f4eb;border:1px solid #cfe3d5;border-radius:22px;scroll-margin-top:25px}.tutorial-section-heading{max-width:650px;margin-bottom:34px}.tutorial-mask-cards{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.tutorial-mask-cards figure{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;margin:0;background:#fff;padding:20px;border:1px solid #d6e6db;border-radius:13px}.tutorial-detail-photo{position:relative;aspect-ratio:590/650;overflow:hidden;border-radius:7px}.tutorial-detail-photo img{position:absolute;width:260.339%;max-width:none;height:157.538%;left:-133.898%;top:-36.923%}.tutorial-detail-photo svg{position:absolute;inset:0;width:100%;height:100%}.tutorial-mask-cards figcaption{font-size:14px;line-height:1.75;color:#52675b}.tutorial-fix-grid>div>span,.tutorial-mask-cards figcaption span{display:block;font-size:10px;color:#417453;letter-spacing:.1em;font-weight:700}.tutorial-mask-cards figcaption strong{display:block;font-size:23px;line-height:1.25;letter-spacing:-.03em;color:#244630;margin:16px 0}.tutorial-mask-notes>div{position:relative;padding-left:45px;margin-bottom:25px}.tutorial-mask-notes>div:last-child{margin-bottom:0}.tutorial-number{position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #b7d2bf;border-radius:50%;font-size:11px;color:#21623b}.tutorial-mask-notes h3{font-size:18px;letter-spacing:-.02em;margin:0 0 7px}.tutorial-mask-notes p{font-size:14px;margin:0}.tutorial-step-reverse{border-top:1px solid #d3e3d7;grid-template-columns:1.15fr .85fr}.tutorial-step-reverse .tutorial-step-copy{order:2}.tutorial-troubleshooting{padding:55px 0 70px;border-top:1px solid #d3e3d7}.tutorial-fix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.tutorial-fix-grid>div{padding:28px;border:1px solid #d3e3d7;background:#fff;border-radius:12px}.tutorial-fix-grid h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin:18px 0 10px}.tutorial-fix-grid p{font-size:14px;margin:0}.tutorial-checklist{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:42px;background:#e1f1e6;border-radius:16px}.tutorial-checklist h2{font-size:32px}.tutorial-checklist p{font-size:14px;margin-bottom:0}.tutorial-checklist ul{padding:0;margin:0;list-style:none;align-self:center}.tutorial-checklist li{font-size:14px;line-height:1.5;padding:12px 0;border-bottom:1px solid #c7dece;display:flex;gap:12px}.tutorial-checklist li:before{content:"✓";color:#21623b;font-weight:700}.tutorial-faq{padding:80px 0}.tutorial-cta{text-align:center;padding:50px 20px 75px;border-top:1px solid #d3e3d7}.tutorial-cta .button{margin:12px 0 18px}.tutorial-page .tutorial-related{font-size:13px}@media(max-width:950px){.tutorial-hero-grid{gap:30px;grid-template-columns:1fr 1fr}.tutorial-step{gap:35px}.tutorial-mask-section{padding:32px}.tutorial-mask-cards{gap:28px;grid-template-columns:1fr}.tutorial-mask-cards figure{grid-template-columns:150px 1fr}.tutorial-detail-photo{max-height:360px}.tutorial-checklist{gap:30px}.tutorial-jump{gap:14px}.tutorial-jump a{gap:7px}}@media(max-width:650px){.tutorial-hero{padding:46px 0 35px}.tutorial-checklist,.tutorial-hero-grid,.tutorial-step,.tutorial-step-reverse{grid-template-columns:1fr}.tutorial-hero-grid{gap:32px}.tutorial-page h1{font-size:44px}.tutorial-hero-meta{font-size:11px}.tutorial-jump{grid-template-columns:1fr 1fr;gap:20px 16px}.tutorial-jump a{font-size:12px}.tutorial-step{padding:55px 0;gap:25px}.tutorial-step-reverse .tutorial-step-copy{order:0}.tutorial-mask-section{padding:26px 18px;border-radius:15px}.tutorial-mask-cards figure{grid-template-columns:100px 1fr;gap:16px;padding:14px}.tutorial-mask-cards figcaption{font-size:12px}.tutorial-mask-cards figcaption strong{font-size:20px}.tutorial-mask-notes h3{font-size:17px}.tutorial-fix-grid{grid-template-columns:1fr;gap:14px}.tutorial-troubleshooting{padding:35px 0 50px}.tutorial-checklist{padding:26px;gap:16px}.tutorial-faq{padding:55px 0}.tutorial-cta{padding:40px 0 55px}.tutorial-demo-toolbar button{font-size:11px}.tutorial-demo-toolbar button span{margin-right:4px}}.tutorial-scene-library{padding:55px 0 75px;border-top:1px solid #d3e3d7}.tutorial-scene-library>p{max-width:760px}.tutorial-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.tutorial-scene-grid h3{font-size:19px;letter-spacing:-.02em}.tutorial-scene-grid .tutorial-demo-toolbar{padding:8px 5px;gap:0}.tutorial-scene-grid .tutorial-demo-toolbar button{font-size:11px}.tutorial-scene-grid .tutorial-demo-toolbar button span{display:none}.tutorial-scene-grid .tutorial-mask-demo figcaption{min-height:128px}.tutorial-page .tutorial-library-note{font-size:12px;margin-top:22px}.tutorial-mask-cards .tutorial-detail-photo{max-height:none}@media(max-width:950px){.tutorial-scene-grid{grid-template-columns:1fr}.tutorial-scene-grid .tutorial-mask-demo figcaption{min-height:0}.tutorial-mask-cards figure{grid-template-columns:1fr 1fr}}@media(max-width:650px){.tutorial-mask-cards figure{grid-template-columns:1fr}.tutorial-scene-library{padding:35px 0 50px}}