@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#232622;font-synthesis:none;--red:#e83c29;--muted:#777b73;--line:#dedfd7;--paper:#f0f0e9;background:#faf9f6;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:0 0;border-radius:6px;padding:11px 15px}button:hover{background:#e8e9df}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e83c2988}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:50px;height:88px;padding:0 35px;display:flex}.brand{letter-spacing:-1px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:34px;font-style:italic;font-weight:800;line-height:.8}.brand span{letter-spacing:2.2px;margin-top:9px;font-family:DM Sans,sans-serif;font-size:9px;font-style:normal;display:block}.product{border-left:1px solid var(--line);align-items:center;gap:13px;padding-left:30px;display:flex}.product b{font-family:Barlow Condensed,sans-serif;font-size:28px}.product span{font-size:13px}.product small{background:#e8e9e0;margin-left:8px;padding:3px 5px;font-size:9px}nav{align-items:center;gap:25px;margin-left:auto;font-size:12px;display:flex}nav button{border:0;font-size:12px}nav #manual{border:1px solid var(--line)}.shell{grid-template-columns:265px 1fr;min-height:calc(100vh - 88px);display:grid}aside{border-right:1px solid var(--line);background:#f3f3ed;flex-direction:column;padding:35px 22px 20px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--muted);font-size:9px;font-weight:700}h2{margin:15px 0;font-family:Barlow Condensed,sans-serif;font-size:29px;font-weight:600;line-height:1.08}.rail-top p{color:var(--muted);margin-bottom:28px;font-size:11px}.tabs{border-bottom:1px solid var(--line);margin-bottom:20px;display:flex}.tabs button{color:var(--muted);border:0;border-radius:0;margin-right:24px;padding:12px 0;font-size:12px}.tabs button.active{border-bottom:2px solid var(--red);color:#242720}#stepList{flex:1;min-height:180px;max-height:calc(100vh - 420px);margin:0 -9px;overflow:auto}.step-item{text-align:left;color:#757a70;border:0;align-items:center;gap:11px;width:100%;padding:11px 9px;font-size:11px;display:flex}.step-item .num{border:1px solid #d7dbce;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.step-item.active{color:#21251e;background:#e7e9de;font-weight:700}.step-item.active .num{background:var(--red);color:#fff;border-color:var(--red)}.step-item.done .num{color:var(--red)}.rail-bottom{color:var(--muted);padding-top:20px;font-size:9px}.progress{background:#dce0d4;height:3px;margin:10px 0}.progress i{background:var(--red);height:100%;transition:width .3s;display:block}.rail-bottom button{border:0;padding:5px 0;font-size:10px}main{min-width:0;padding:27px 38px 0}.crumb{letter-spacing:1.4px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:28px;font-size:9px;display:flex}#sourceBadge{letter-spacing:1px;background:#eceee3;padding:6px 9px;font-size:8px}.workspace{grid-template-columns:minmax(350px,1.5fr) minmax(290px,1fr);align-items:start;gap:40px;display:grid}.stage-wrap{min-width:0;position:relative}.stage-top{letter-spacing:1.2px;align-items:center;gap:8px;font-size:9px;display:flex}.live-dot{background:var(--red);border-radius:50%;width:5px;height:5px}.stage-top button{border:0;margin-left:auto;padding:3px 7px;font-size:20px}#stage{touch-action:none;background:radial-gradient(#f2f2eb 0,#faf9f6 70%);height:490px;position:relative}#stage canvas{width:100%;height:100%;display:block}#loading{z-index:3;background:#faf9f6;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;inset:0}#loading small{color:var(--muted);font-size:11px}.spinner{border:2px solid #dedfd7;border-top-color:var(--red);border-radius:50%;width:25px;height:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stage-bottom{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0 18px;font-size:9px;display:flex}.stage-bottom button{border:0;padding:7px;font-size:9px}.model-tools{justify-content:center;gap:6px;margin-top:19px;display:flex}.model-tools button{background:#fff;padding:9px 12px;font-size:10px}.model-tools button[aria-pressed=true]{color:#fff;background:#252a23}.model-note{color:#92968a;text-align:center;margin-top:15px;font-size:9px;line-height:1.5}.instruction{padding-top:35px}.step-meta{color:var(--red);letter-spacing:1.7px;font-size:9px;font-weight:700}h1{letter-spacing:-.7px;margin:18px 0 22px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:55px;font-weight:600;line-height:1.02}.lead{color:#62665c;margin-bottom:25px;font-size:14px;line-height:1.8}.checklist{margin:0 0 22px;padding:0;list-style:none}.checklist li{border-bottom:1px solid #e9eae3;padding:9px 0 9px 23px;font-size:12px;line-height:1.6;position:relative}.checklist li:before{content:"✓";color:var(--red);position:absolute;left:0}.hint{background:#eef0e5;border-left:2px solid #9caa82;margin:20px 0;padding:14px 16px;font-size:11px;line-height:1.7}.source-card{border-top:1px solid var(--line);color:var(--muted);padding-top:17px;font-size:10px;line-height:1.8}.source-card a{border-bottom:1px solid #b0b4a5;display:inline-block}.step-nav{gap:10px;margin-top:25px;display:flex}.step-nav button{min-height:45px;font-size:12px}.step-nav .primary{background:var(--red);border-color:var(--red);color:#fff;flex:1}.step-nav .primary:hover{background:#d03121}.support{color:var(--muted);margin-top:18px;font-size:10px}.support a{color:#2a3023;border-bottom:1px solid #b0b4a5}footer{border-top:1px solid var(--line);letter-spacing:.7px;color:#96998e;justify-content:space-between;margin-top:40px;padding:22px 0;font-size:8px;display:flex}footer b{color:var(--red)}dialog{border:1px solid var(--line);background:#faf9f6;border-radius:10px;width:min(1000px,95vw);height:90vh;padding:25px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#15200c88}.dialog-head{justify-content:space-between;align-items:center;display:flex}.dialog-head h2{margin:8px 0 20px}.close{border:0;padding:0 10px;font-size:25px}#manualBody{height:calc(100% - 85px);overflow:auto}#manualBody iframe{border:0;width:100%;height:100%}.part-filter{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:5px;margin-bottom:10px;padding:10px;font-size:11px}.branch{gap:8px;margin:15px 0;display:flex}.branch button{flex:1;font-size:11px}.branch .chosen{border-color:var(--red);background:#fff4ef}.manual-figure{object-fit:contain;border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:5px;width:100%;max-height:200px;margin-top:15px}#partLabel{border:1px solid var(--line);pointer-events:none;background:#fff;border-radius:5px;padding:9px 12px;font-size:11px;position:absolute;top:55px;left:12px}.stage-wrap:fullscreen{background:#faf9f6;padding:30px}.stage-wrap:fullscreen #stage{height:80vh}@media (width>=1500px){main{padding:35px 55px 0}.workspace{gap:60px}#stage{height:580px}.instruction{max-width:440px}}@media (width<=1150px){.shell{grid-template-columns:220px 1fr}aside{padding:25px 16px}.workspace{grid-template-columns:minmax(270px,1.2fr) minmax(245px,1fr);gap:20px}main{padding:22px}h1{font-size:44px}#stage{height:420px}.model-tools{flex-wrap:wrap}}@media (width<=850px){header{gap:20px;height:75px;padding:0 20px}.product{padding-left:20px}nav{gap:5px}nav>a,nav #parts{display:none}.shell{display:block}aside{border-right:0;border-bottom:1px solid var(--line);padding:15px 20px}.rail-top,.rail-bottom{display:none}.tabs{margin-bottom:10px;display:flex}#stepList{gap:5px;min-height:0;max-height:none;margin:0;display:flex;overflow-x:auto}.step-item{flex-shrink:0;width:auto;padding:8px;font-size:10px}.step-item span:last-child{max-width:120px}.workspace{grid-template-columns:1fr}main{padding:20px}.crumb{margin-bottom:15px}#stage{height:390px}.instruction{max-width:none;padding:10px 5px}h1{margin:15px 0;font-size:46px}.lead{font-size:14px}.stage-bottom{padding-bottom:10px}.model-tools{margin-top:12px}.model-note{margin-bottom:0}footer{gap:15px;margin-top:20px;font-size:7px}.source-card{font-size:10px}.step-nav{background:#faf9f6;margin-top:15px;padding:12px 0;position:sticky;bottom:0}.stage-wrap:fullscreen #stage{height:75vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner{animation:none}}.review-banner{color:#795e35;background:#fff2df;border:1px solid #eadfc9;border-radius:5px;margin:-10px 0 22px;padding:10px 14px;font-size:10px;line-height:1.7}.manual-figure:hover{border-color:var(--red)}.brand span{white-space:nowrap}@media (width<=450px){.brand{font-size:29px}.brand span{letter-spacing:1.3px;font-size:7px}.product{gap:7px;padding-left:12px}.product span{font-size:10px}header{gap:14px;padding:0 15px}nav #manual{padding:9px;font-size:10px}}.detail-views{flex-wrap:wrap;gap:6px;min-height:32px;margin:12px 0 3px;display:flex}.detail-views:empty{display:none}.detail-views button{background:#fff;padding:7px 10px;font-size:10px}.detail-views .selected,.view-mode .selected{border-color:var(--red);color:var(--red);background:#fff3ee}.detail-caption{color:#5b6253;max-width:560px;min-height:36px;margin:5px 0 12px;font-size:11px;line-height:1.65}.view-mode{justify-content:center;gap:7px;margin:8px 0 12px;display:flex}.view-mode button{padding:8px 13px;font-size:10px}.stage-wrap{position:sticky;top:15px}#stage{height:470px}#partLabel{color:#fff;background:#e83c29;border:0;border-radius:20px;padding:6px 11px;font-size:10px;font-weight:600;top:100px;left:20px;box-shadow:0 2px 10px #0002}.manual-figure{max-height:280px}.component-note{color:#767b6e;margin:12px 0;font-size:10px;line-height:1.7}.detail-step-link{border:1px solid var(--line);background:#fff;border-radius:5px;margin-top:12px;padding:12px;font-size:12px;display:block}@media (width<=850px){.stage-wrap{position:relative;top:auto}#stage{height:360px}.detail-views button{font-size:10px}.manual-figure{max-height:300px}}.grill-locator{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffed;border:1px solid #d8dcd0;border-radius:8px;width:172px;padding:9px;position:absolute;top:9px;right:9px;box-shadow:0 3px 14px #25301c14}.locator-heading{letter-spacing:.3px;color:#555e4c;font-size:9px;font-weight:700}.locator-picture{height:153px;position:relative}.locator-picture canvas{pointer-events:none;width:100%;height:100%;display:block}.locator-orientation{letter-spacing:1px;color:#818879;font-size:7px;position:absolute;bottom:2px;left:0}.locator-pins{pointer-events:none;position:absolute;inset:0}.locator-pin{background:#e83c291c;border:2px solid #e83c29;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff9}.locator-pin:after{content:"";background:#e83c29;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:6px}.locator-name{color:#3c4534;border-top:1px solid #e9ece2;min-height:34px;padding-top:6px;font-size:9px;line-height:1.5}.locator-overview{text-underline-offset:3px;color:#647057;border:0;padding:5px 0 0;font-size:9px;text-decoration:underline;display:block}#stage>canvas{position:relative}#grillLocator canvas{position:static}@media (width<=1150px){.grill-locator{width:139px;padding:7px}.locator-picture{height:120px}.locator-name,.locator-heading{font-size:8px}}@media (width<=850px){.grill-locator{width:135px;top:4px;right:4px}.locator-picture{height:110px}.locator-name{min-height:28px}.locator-heading{font-size:8px}}.locator-pin[data-label]:before{content:attr(data-label);color:#ac2f20;white-space:nowrap;background:#fff;border:1px solid #e6c9bf;border-radius:3px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1.25;position:absolute}.locator-pin[data-label=Ash]:before{top:20px;right:10px}.locator-pin[data-label=Grease]:before{bottom:19px;left:12px}.grill-locator{width:128px;padding:7px}.locator-heading{font-size:8px}.locator-picture{height:104px}.locator-name{min-height:29px;padding-top:5px;font-size:8px}.locator-overview{padding-top:4px;font-size:8px}.locator-orientation{font-size:6px}.locator-pin{width:16px;height:16px}.locator-pin:after{top:4px;left:4px}.locator-pin[data-label]:before{font-size:7px}@media (width<=1150px){.grill-locator{width:112px;padding:6px}.locator-picture{height:88px}.locator-heading{font-size:7px}.locator-name{min-height:25px;font-size:7px}.locator-overview{font-size:7px}}@media (width<=850px){.grill-locator{width:106px}.locator-picture{height:80px}}
