.installation-flow{margin-bottom:52px}.installation-steps{margin:0;padding:0;list-style:none}.installation-step{border-bottom:1px solid var(--marketing-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:32px;scroll-margin-top:28px;display:grid}.installation-step-heading{align-items:baseline;gap:14px;display:flex}.installation-step-heading h2{font-size:var(--doc-heading-size);line-height:1.3}.installation-step-number{color:#fff8e9;background:#50382b;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;line-height:1;display:inline-flex;transform:translateY(-2px)}.installation-step-copy>p{font-size:var(--doc-body-size);color:var(--marketing-muted);max-width:440px;margin-top:16px;line-height:1.8}.installation-step .doc-code{max-width:380px;margin-block:18px 0}.installation-visual{background:#fff;border:1px solid #d6ccbf;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 8px 24px #3d29200a}.installation-browser-bar{background:#e8e5e1;align-items:center;gap:12px;padding:12px;display:flex}.installation-browser-dots{flex:none;gap:4px;display:flex}.installation-browser-dots i{background:#b1aaa0;border-radius:50%;width:6px;height:6px}.installation-address{color:#45403a;background:#f7f5f2;border:2px solid #0000;border-radius:16px;flex:1;min-width:0;padding:7px 12px;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.installation-visual--extensions .installation-address{background:#fff8e9;border-color:#b57424;box-shadow:0 0 0 3px #dfb36d33}.installation-browser-page{background:#fff;min-height:218px}.installation-browser-tools{color:#393631;border-bottom:1px solid #eeebe6;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.installation-browser-tools>strong{font-size:14px;font-weight:600}.installation-developer{border:2px solid #0000;border-radius:6px;justify-content:flex-end;align-items:center;gap:10px;padding:8px;font-size:11px;line-height:1.4;display:flex}.installation-developer>span:first-child{max-width:145px}.installation-switch{background:#b4b2af;border-radius:12px;flex:0 0 28px;width:28px;height:16px;position:relative}.installation-switch i{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px}.installation-visual--developer .installation-developer{background:#fff8e9;border-color:#b57424;box-shadow:0 0 0 4px #dfb36d33}.installation-visual--developer .installation-switch,.installation-visual--drop .installation-switch{background:#1a73e8}.installation-visual--developer .installation-switch i,.installation-visual--drop .installation-switch i{left:14px}.installation-browser-content{padding:18px}.installation-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.installation-placeholder-card{border:1px solid #e3e0db;border-radius:6px;align-items:flex-start;gap:10px;min-height:100px;padding:16px 12px;display:flex}.installation-placeholder-icon{background:#e1dbd2;border-radius:6px;flex:0 0 25px;width:25px;height:25px}.installation-placeholder-card>div{flex:1;padding-top:3px}.installation-placeholder-card i{background:#e8e4de;border-radius:3px;height:5px;margin-bottom:9px;display:block}.installation-placeholder-card i:last-child{width:65%}.installation-drop-zone{background:#fff9ed;border:2px dashed #bd8a43;border-radius:8px;height:154px;position:relative}.installation-zip{color:#805829;justify-items:center;gap:4px;display:grid;position:absolute;top:14px;left:24px;transform:rotate(-8deg)}.installation-zip>svg{width:48px;height:54px}.installation-zip>span{white-space:nowrap;font-size:11px;font-weight:650}.installation-drag-arrow{color:#9b672e;width:100px;height:46px;position:absolute;top:28px;left:43%}.installation-drop-label{text-align:center;color:#805829;font-size:12px;line-height:1.5;position:absolute;bottom:15px;left:12px;right:12px}.installation-pointer{width:24px;height:30px;position:absolute;top:75px;left:70%}@media (width<=1050px){.installation-step{gap:32px}.installation-browser-tools{gap:6px;padding:10px}.installation-developer{gap:6px;padding:6px}}@media (width<=800px){.installation-step{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:26px}.installation-step-copy>p{max-width:none;margin-top:12px}.installation-step .doc-code{max-width:none;margin-top:14px}.installation-visual{width:100%;max-width:540px}.installation-flow{margin-bottom:30px}}@media (width<=380px){.installation-browser-dots{display:none}.installation-browser-tools>strong{font-size:12px}.installation-developer{font-size:10px}.installation-developer>span:first-child{max-width:120px}.installation-placeholder-card{gap:6px;padding-inline:8px}}