:root{font-family:Avenir Next,Avenir,Futura,Trebuchet MS,system-ui,sans-serif;color:#1a1a1a;background:#fbf9f4;font-synthesis:none;--muted: #6f706a;--line: #1a1a1a;--ink: #1a1a1a;--green: #25d366;--yellow: #ffc94d;--blue: #5ea7ff;--orange: #128c4a;--paper: #fbf9f4;--mono: ui-monospace, SFMono-Regular, Consolas, monospace}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{transition:background .15s,color .15s}button:hover{background:#e9e8df}button:disabled{cursor:wait;opacity:.5}.masthead{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.brand{font-size:22px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-mark{width:33px;height:37px;background:#293b30;border-radius:10px;color:#f8f7f3;display:inline-flex;align-items:center;justify-content:center;font-family:Avenir Next,Avenir,Futura,Trebuchet MS,system-ui,sans-serif;font-size:28px;position:relative}.brand-mark span{font-size:13px;color:#edb282;position:absolute;right:3px;bottom:3px}.brand small{font:9px var(--mono);color:var(--muted);letter-spacing:1px;margin-left:13px;border-left:1px solid var(--line);padding-left:20px}.edition{font:10px var(--mono);letter-spacing:1.6px;text-align:center}.edition span{display:block;margin-top:7px;color:var(--muted);font-size:9px}.repo-link{font-size:12px;text-decoration:none}main{max-width:1800px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;padding:44px 0 32px;gap:20px}.eyebrow{font:10px var(--mono);letter-spacing:1.7px;color:var(--orange);margin:0 0 12px}h1,h2,h3{font-family:Avenir Next,Avenir,Futura,Trebuchet MS,system-ui,sans-serif}h1{font-size:clamp(30px,3vw,46px);font-weight:600;letter-spacing:-2px;line-height:1.12;margin:0 0 13px}.intro p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0}.reference-label{font-size:11px;white-space:nowrap;padding-bottom:4px}.reference-label small{display:block;color:var(--muted);font:9px var(--mono);margin:8px 0 0 13px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5e8a68;margin-right:7px}.workbench{display:grid;grid-template-columns:220px minmax(300px,1fr) 285px;min-height:650px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f3f1e9}.parts-panel,.detail-panel{padding:23px 18px;background:#faf9f5;z-index:2}.parts-panel{border-right:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:13px;margin:0}.panel-heading span{font:8px var(--mono);color:var(--muted)}.hint{font-size:11px;color:var(--muted);line-height:1.65;margin:12px 0 20px}.part-row{display:flex;gap:1px;align-items:center;border-radius:6px;margin:4px -7px;position:relative}.part-row.active{background:#ecece3}.part-select{border:0;background:transparent;display:flex;align-items:center;gap:10px;flex:1;text-align:left;padding:11px 7px;min-width:0;border-radius:6px}.part-num{font:9px var(--mono);color:#8b8b80;align-self:start;margin-top:3px}.part-dot{height:7px;width:7px;min-width:7px;border-radius:50%}.part-select strong{font-size:11px;font-weight:500;display:block}.part-select small{font:8px var(--mono);color:var(--muted);display:block;margin-top:4px}.eye{font-size:15px;border:0;background:none;color:#899084;padding:6px;border-radius:4px}.eye[aria-pressed=false]{opacity:.35}.text-button{border:0;background:none;color:var(--muted);font-size:10px;padding:12px 0}.scale-note{border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.scale-note strong{font:11px var(--mono);display:block}.scale-note span{font-size:10px;display:block;margin:7px 0;color:var(--muted)}.scale-note a{font-size:10px}.viewport-wrap{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#fbfaf7,#f0eee5 70%)}#viewport{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.view-tabs{position:absolute;z-index:3;top:18px;left:50%;transform:translate(-50%);display:flex;border:1px solid #d8d9cc;background:#faf9f0e8;padding:4px;border-radius:7px;gap:2px}.view-tabs button{border:0;background:none;font-size:10px;padding:8px 12px;border-radius:4px}.view-tabs button[aria-pressed=true]{background:#2f4033;color:#fff}.camera-tools{position:absolute;right:15px;top:82px;display:flex;flex-direction:column;z-index:3;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 3px 10px #343e3010}.camera-tools button{width:31px;height:31px;border:0;border-bottom:1px solid var(--line);background:#fbfaf5;font-size:17px}.camera-tools button:hover{background:#e7e6dc}.stage-bottom{position:absolute;bottom:17px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:25px;pointer-events:none}.explode-control{width:220px;pointer-events:auto;background:#faf9f0e8;border:1px solid #e2e1d7;padding:13px;border-radius:7px}.explode-control>div:first-child{display:flex;justify-content:space-between;font-size:11px}.explode-control output{font:10px var(--mono);color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange);margin:12px 0 8px}.range-labels{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1px;color:var(--muted)}.gestures{font-size:9px;color:#7b8075;line-height:1.8;text-align:right;margin:0}.gestures span{margin:0 3px}.view-note{position:absolute;bottom:127px;left:22px;right:45px;font-size:9px;color:#797e74;pointer-events:none}.model-loading{position:absolute;top:46%;left:15%;right:15%;text-align:center;padding:20px;background:#faf9f5e8;border:1px solid var(--line);border-radius:6px;font-size:12px;z-index:4}.model-loading.error{color:#a04930}.detail-panel{border-left:1px solid var(--line);display:flex;flex-direction:column}.detail-number{font:10px var(--mono);letter-spacing:1px;color:var(--orange);margin:2px 0 27px}.detail-panel h2{font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1.25;margin:0 0 13px}.badge{font:8px var(--mono);letter-spacing:.6px;border:1px solid #d9ded1;border-radius:4px;padding:5px 7px;align-self:start;color:#5b6957;background:#eef0e8}.detail-panel p{font-size:11px;line-height:1.8;color:#6e756b;margin:15px 0}.detail-panel h3{font:9px var(--mono);letter-spacing:1px;margin:15px 0 -4px}.detail-spec{font:10px var(--mono);border-block:1px solid var(--line);padding:13px 0;margin:18px 0 0}.detail-note{background:#f2eee2;border-left:2px solid #bca36e;padding:11px;font-size:10px!important;line-height:1.65!important;margin-top:17px!important}.detail-source{font-size:10px;margin:7px 0 15px}.detail-actions{display:flex;gap:7px;margin-top:auto;padding-top:12px}.outline-button{border:1px solid #cdd2c6;border-radius:5px;background:transparent;padding:10px 13px;font-size:11px}.detail-actions button{font-size:10px;flex:1;padding:9px 6px}.detail-actions .primary{background:#304234;color:#fff;border-color:#304234}.journey{display:flex;gap:40px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.journey-title{min-width:180px}.journey-title .eyebrow{margin-bottom:7px}.journey h2{font-size:17px;font-weight:600;letter-spacing:-.5px;margin:0}.step-buttons{display:flex;flex:1;gap:8px}.step-buttons button{flex:1;text-align:left;border:1px solid var(--line);border-radius:6px;background:transparent;padding:12px 13px;font-size:10px;white-space:nowrap}.step-buttons span{display:block;font:9px var(--mono);color:var(--muted);margin-bottom:6px}.step-buttons button[aria-pressed=true]{border-color:#a5b098;background:#edf0e5}.guide-content{display:grid;grid-template-columns:1fr 365px;gap:65px;padding:48px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{font-size:24px;font-weight:600;letter-spacing:-.8px;margin:0 0 12px}.connection-tabs{display:flex;gap:15px;border-bottom:1px solid var(--line);margin-top:15px}.connection-tabs button{border:0;border-bottom:2px solid transparent;background:none;font-size:12px;padding:12px 0}.connection-tabs button[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}.connection-row{display:grid;grid-template-columns:8px minmax(100px,.85fr) minmax(145px,1.15fr) 18px;gap:13px;text-align:left;width:100%;padding:17px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;align-items:center}.connection-row.active{background:#eeeee5}.wire-dot{height:7px;width:7px;border-radius:50%}.connection-row strong{font-size:11px;font-weight:500;display:block}.connection-row small{display:block;font:9px var(--mono);color:var(--muted);margin-top:6px;line-height:1.5}.connection-row .destination{font-size:10px;line-height:1.5}.connection-row .destination em{display:block;font-style:normal;font-size:8px;color:#a16b39;margin-top:4px}.pin-section{border-left:1px solid var(--line);padding-left:28px}.pin-section h2{font-size:22px}.pin-orientation{font:7px var(--mono);color:var(--muted);display:flex;justify-content:space-between;margin-bottom:12px;gap:10px}.pin-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;position:relative}.pin-grid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#dddccd;pointer-events:none}.pin{border:1px solid transparent;background:#eeede6;display:flex;align-items:center;justify-content:space-between;border-radius:3px;min-height:23px;padding:3px 8px;font:9px var(--mono);gap:8px}.pin:nth-child(2n){flex-direction:row-reverse}.pin .pin-circle{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d6d7ca;color:#61685d;font-size:8px}.pin.used{background:#e6ebdf}.pin.used .pin-circle{background:#456d4b;color:#fff}.pin.power .pin-circle{background:#ca9b82;color:#fff}.pin.ground .pin-circle{background:#6e766a;color:#fff}.pin.selected{border-color:var(--orange);background:#f5e6d9}.small-note{font-size:10px;color:var(--muted);line-height:1.6}.small-note a{display:inline-block;margin-top:4px}#pin-detail{font-size:10px;line-height:1.6;margin:13px 0;color:#4c654e;min-height:32px}.reality{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.85fr 1fr 1fr;gap:55px;padding:35px 0}.reality h2{font-size:23px;line-height:1.5;letter-spacing:-.7px}.reality p:not(.eyebrow){font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 18px}.reality a{font-size:11px}.reality strong{color:#505b4e}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 40px;font:8px var(--mono);color:var(--muted)}footer div{display:flex;gap:20px}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-label{position:absolute;white-space:nowrap;font:8px var(--mono);color:#50634f;background:#fdfbf2e8;padding:5px 7px;border:1px solid #d9ddce;border-radius:4px;transform:translate(7px,-50%);box-shadow:0 2px 8px #23301f09;pointer-events:none}.model-label:before{content:"";position:absolute;left:-5px;top:9px;width:4px;height:4px;border-radius:50%;background:#749568}.connection-focus{font:10px var(--mono);background:#e9eddf;border:1px solid #cbd4bf;border-radius:4px;padding:10px;margin-top:14px;line-height:1.7}.detail-step{border-top:1px solid var(--line);padding-top:10px}.detail-step h3{color:var(--orange);line-height:1.8}.clash-tag{color:#b35d42!important}@media(min-width:1550px){.workbench{min-height:750px;grid-template-columns:235px minmax(400px,1fr) 320px}.part-select{padding-block:13px}.detail-panel{padding:28px 24px}.detail-panel p{font-size:12px}.detail-panel h2{font-size:28px}}@media(max-width:1120px){main{padding:0 24px}.workbench{grid-template-columns:180px minmax(280px,1fr) 235px;min-height:650px}.parts-panel,.detail-panel{padding:18px 13px}.part-select{gap:6px}.part-select strong{font-size:10px}.part-num{font-size:8px}.detail-panel h2{font-size:21px}.gestures{display:none}.guide-content{gap:30px;grid-template-columns:1fr 320px}.journey{gap:18px}.step-buttons{gap:5px}.step-buttons button{padding:10px 8px;font-size:9px}}@media(max-width:850px){.brand small,.edition{display:none}.masthead{height:67px;padding:0 22px}.intro{padding-top:29px}.intro .reference-label{display:none}.workbench{grid-template-columns:165px 1fr;min-height:0}.viewport-wrap{min-height:620px}.detail-panel{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);display:block;padding:22px}.detail-number{margin-bottom:12px}.detail-panel h2{font-size:24px}.detail-panel p{font-size:12px}.badge{display:inline-block}.detail-actions{max-width:350px}.journey{display:block}.step-buttons{margin-top:20px;overflow-x:auto;padding-bottom:8px}.step-buttons button{min-width:125px}.guide-content{grid-template-columns:1fr}.pin-section{border-left:0;padding:0;max-width:500px}.reality{gap:20px;grid-template-columns:1fr 1fr}.reality>div:first-child{grid-column:1 / -1}.reality h2 br{display:none}footer{flex-wrap:wrap;font-size:9px}.model-label{font-size:7px}}@media(max-width:530px){main{padding:0 14px}.intro p:not(.eyebrow){font-size:12px}h1{letter-spacing:-1.3px}.workbench{display:flex;flex-direction:column}.parts-panel{order:2;border-top:1px solid var(--line);border-right:0;padding:15px}.parts-panel .hint,.scale-note{display:none}#parts{display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.part-select strong{font-size:11px}.viewport-wrap{order:1;min-height:560px}.detail-panel{order:3}.view-tabs button{padding:8px 10px}.stage-bottom{left:15px;right:15px}.view-note{left:15px;bottom:130px;font-size:8px}.guide-content{padding-top:32px}.section-heading h2{font-size:21px}.section-heading .outline-button{font-size:9px;padding:8px;white-space:nowrap}.connection-row{gap:8px;grid-template-columns:7px 1fr 1.1fr 10px}.connection-row .destination{font-size:9px}.reality{grid-template-columns:1fr}.reality>div:first-child{grid-column:auto}footer div{flex-wrap:wrap;gap:13px}.journey h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.finish-picker{position:absolute;top:72px;left:20px;z-index:3;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#faf9f3e8;border:1px solid #deded4;border-radius:6px}.finish-picker>span{font:7px var(--mono);letter-spacing:1px;color:var(--muted);margin-right:4px}.finish-picker button{display:flex;align-items:center;gap:5px;padding:6px 7px;font-size:9px;background:transparent;border:1px solid transparent;border-radius:4px}.finish-picker button[aria-pressed=true]{border-color:#ccd4c5;background:#edf0e7}.finish-swatch{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.finish-swatch.blue{background:linear-gradient(#0085c1 70%,#c4d3d8 70%)}.finish-swatch.red{background:linear-gradient(#d4d7d6 70%,#cb1425 70%)}@media(max-width:530px){.finish-picker{left:15px}}.product-reference{margin:20px 0;border-top:1px solid #d8dbcf;padding-top:14px}.product-reference summary{cursor:pointer;font-weight:600;font-size:13px}.product-reference img{width:100%;height:190px;object-fit:contain;background:#f8f8f4;border-radius:10px;margin:14px 0 8px}.product-reference small{display:block;color:#667167;font-size:10px;line-height:1.6}.product-reference .reference-limit{font-size:11px;color:#776641}.product-reference>a:not(:has(img)){display:inline-block;font-size:11px;margin:0 12px 8px 0}body{background:radial-gradient(circle at 12% 18%,#128c4a0f,transparent 20rem),radial-gradient(circle at 88% 30%,#ffc94d24,transparent 18rem),var(--paper);line-height:1.45;-webkit-font-smoothing:antialiased}.masthead{max-width:1480px;margin:0 auto;padding:24px 0 18px;height:auto;border-bottom:2.5px solid var(--ink);width:calc(100% - 64px)}.brand{font-size:20px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border:2.5px solid var(--ink);border-radius:10px;background:var(--green);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg);font-size:18px}.edition{font-family:inherit;font-size:14px;font-weight:800;letter-spacing:0}.edition span{font-size:12px;font-family:inherit}.repo-link,.outline-button,.step-buttons button{border:2px solid var(--ink);border-radius:10px;background:#fff;box-shadow:3px 3px 0 var(--ink);font-weight:800}.repo-link{padding:10px 14px;font-size:13px}main{max-width:1544px;padding:0 32px}.intro{padding:56px 0 42px;align-items:center}.eyebrow{display:inline-flex;padding:7px 13px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);color:var(--ink);font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.08em;transform:rotate(-1deg);margin-bottom:18px}h1{font-size:clamp(42px,4.6vw,70px);font-weight:900;letter-spacing:-.055em;line-height:1.04;margin-bottom:22px}.headline-highlight{background:linear-gradient(transparent 66%,#ffc94d 66%,#ffc94d 90%,transparent 90%)}.intro p:not(.eyebrow){max-width:650px;color:var(--ink);font-size:18px;line-height:1.55}.reference-label{background:#fff;border:2px solid var(--ink);border-radius:14px;padding:18px;font-family:inherit;font-size:13px;font-weight:750;box-shadow:5px 5px 0 var(--ink);transform:rotate(2deg);white-space:normal;max-width:270px}.reference-label small{font-size:10px;font-weight:500}.status-dot{background:var(--green);border:1px solid var(--ink);width:9px;height:9px}.workbench{border:2.5px solid var(--ink);border-radius:18px;box-shadow:7px 7px 0 var(--ink);background:var(--paper)}.parts-panel,.detail-panel{background:#fff}.parts-panel{border-right:2px solid var(--ink)}.panel-heading h2{font-size:16px;font-weight:850}.panel-heading span{font-family:inherit;font-weight:800}.part-row{border-radius:9px}.part-row.active{background:#d8f8df;outline:1.5px solid var(--ink)}.part-select strong{font-size:12px;font-weight:800}.part-num{color:var(--ink)}.part-dot{border:1px solid var(--ink)}.eye{color:var(--ink);min-width:30px}.text-button{color:var(--ink);font-size:12px;font-weight:750}.hint{font-size:12px}.viewport-wrap{background:radial-gradient(ellipse at 48% 40%,#fff,#f0eddf 85%)}.view-tabs{border:2px solid var(--ink);background:#fff;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.view-tabs button{font-size:11px;font-weight:800;border-radius:7px;padding:9px 11px;white-space:nowrap}.view-tabs button[aria-pressed=true]{background:var(--green);color:var(--ink)}.camera-tools{border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.camera-tools button{width:34px;height:34px;background:#fff;border-color:var(--ink)}.explode-control{background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}.explode-control label{font-weight:800}input[type=range]{accent-color:#128c4a}.view-note{color:#56584f;font-size:10px;max-width:70%}.detail-panel{border-left:2px solid var(--ink)}.detail-number{color:#128c4a;font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:15px}.detail-panel h2{font-size:25px;font-weight:850;letter-spacing:-.04em}.detail-panel p{font-size:12px;line-height:1.7;color:#51544d}.detail-panel h3{font-family:inherit;font-weight:850;font-size:13px}.badge{color:var(--ink);background:#fff2c8;border:1.5px solid var(--ink);border-radius:6px;font-weight:750;font-size:10px;font-family:inherit}.detail-note{background:#fff6d9;border-left:3px solid var(--ink);border-radius:0 8px 8px 0}.detail-actions{position:sticky;bottom:-20px;background:#fff;padding:15px 0 8px;gap:9px;z-index:2}.detail-actions button{font-size:11px}.detail-actions .primary{background:var(--green);color:var(--ink);border-color:var(--ink)}.product-reference{border-color:#d0cbbf}.product-reference img{border:1.5px solid var(--ink);background:#fff}.product-reference>a:not(:has(img)){font-weight:800}.journey{padding:35px 0;border-bottom:2.5px solid var(--ink);gap:30px}h2,.journey h2{font-weight:850;letter-spacing:-.04em}.journey h2{font-size:22px}.step-buttons{gap:12px}.step-buttons button{padding:13px 12px;font-size:11px}.step-buttons button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink)}.step-buttons span{font-weight:700;color:#52534d}.guide-content{gap:40px;padding:50px 0}.guide-content h2{font-size:30px}.connection-tabs button{font-weight:800;font-size:13px}.connection-row{border-color:#d0cbbf}.connection-row.active{background:#e1f9e5}.connection-row strong{font-size:13px;font-weight:750}.connection-row .destination{font-size:12px}.pin-section{background:#fff;border:2px solid var(--ink);padding:24px;border-radius:16px;box-shadow:5px 5px 0 var(--ink)}.pin-section h2{font-size:25px}.pin.used{background:#def7e3}#pin-detail{background:#fff3ce;color:var(--ink);border:1.5px solid var(--ink);border-radius:9px}.reality{border-top:2.5px solid var(--ink);padding-block:38px}.reality h2{font-size:30px}.reality p{font-size:14px}footer{border-top:2.5px solid var(--ink);font-family:inherit;font-size:12px;padding-block:24px}.model-label{border:1.5px solid var(--ink);color:var(--ink);background:#fffdf7ef;box-shadow:2px 2px 0 var(--ink);border-radius:6px}.finish-picker button{border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-weight:800}.finish-picker button[aria-pressed=true]{background:#fff0bd;border-color:var(--ink);color:var(--ink)}button:hover,.repo-link:hover{background:#fff0bd}@media(min-width:851px){.workbench{height:760px;min-height:0;grid-template-columns:205px minmax(290px,1fr) 310px}.parts-panel,.detail-panel{overflow-y:auto;scrollbar-width:thin}.parts-panel{padding-inline:14px}.detail-panel{padding:22px}}@media(min-width:851px)and (max-width:1160px){.workbench{grid-template-columns:170px minmax(270px,1fr) 260px}.view-tabs{left:12px;right:12px;transform:none}.view-tabs button{flex:1;padding-inline:5px;font-size:9px}.part-select strong{font-size:10px}}@media(max-width:850px){.masthead{width:calc(100% - 40px);padding-inline:0}.detail-panel{border-left:0;border-top:2px solid var(--ink)}.detail-actions{position:static}.pin-section{padding:22px}.product-reference img{max-width:350px;height:220px}.intro{padding-block:36px}}@media(max-width:530px){main{padding-inline:14px}.masthead{width:calc(100% - 28px)}.brand{font-size:17px}.repo-link{font-size:10px;padding:9px}.intro p:not(.eyebrow){font-size:16px}.eyebrow{font-size:9px}.view-tabs{left:9px;right:9px;transform:none}.view-tabs button{flex:1;padding:8px 4px;font-size:9px}.parts-panel{border-top:2px solid var(--ink)}.workbench{box-shadow:4px 4px 0 var(--ink)}.view-note{bottom:125px}.connection-row .destination{font-size:10px}.guide-content h2{font-size:25px}.stage-bottom{gap:10px}}
