.stack-builder-page{max-width:1100px;margin:0 auto;padding:48px 24px 100px}.sb-hero{text-align:center;margin-bottom:48px}.sb-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 14px;margin-bottom:20px;text-transform:uppercase}.sb-hero h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;color:#111827;letter-spacing:-.03em;margin:0 0 16px;line-height:1.1}.sb-subtitle{font-size:18px;color:#4b5563;max-width:560px;margin:0 auto 32px;line-height:1.65}.sb-how-it-works{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.sb-step{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;font-weight:500}.sb-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#111827;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.sb-step-arrow{color:#d1d5db;font-size:18px}.sb-selector-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px 28px 32px;margin-bottom:40px;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000a}.sb-selector-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.sb-templates{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sb-template-label{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.sb-template-btn{background:#f9fafb;border:1px solid #e5e7eb;padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;color:#374151;font-weight:500;transition:all .15s}.sb-template-btn:hover{background:#111827;border-color:#111827;color:#fff}.sb-clear-btn{margin-left:auto;color:#ef4444!important;border-color:#fecaca!important;background:#fff!important}.sb-clear-btn:hover{background:#fef2f2!important;border-color:#ef4444!important;color:#ef4444!important}.sb-search-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.sb-search-wrap{position:relative;flex:1}.sb-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}#sb-search{width:100%;padding:10px 16px 10px 40px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#f9fafb;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}#sb-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.sb-selected-count{font-size:13px;font-weight:700;color:#6366f1;white-space:nowrap;background:#f5f3ff;padding:6px 12px;border-radius:6px;border:1px solid #e0e7ff}.sb-tool-grid{display:flex;flex-direction:column;gap:24px}.sb-cat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:10px;padding-left:2px;display:flex;align-items:center;gap:6px}.sb-cat-label:after{content:"";flex:1;height:1px;background:#f3f4f6}.sb-cat-tools{display:flex;flex-wrap:wrap;gap:8px}.sb-tool-btn{display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.sb-tool-btn:hover{border-color:#6366f1;color:#4f46e5;background:#f5f3ff;box-shadow:0 2px 6px #6366f11f}.sb-tool-btn.selected{border-color:#4f46e5;background:#eef2ff;color:#4338ca;font-weight:600;box-shadow:0 0 0 2px #6366f126,0 1px 3px #0000000d}.sb-tool-btn img{width:22px;height:22px;border-radius:4px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;background:#f9fafb}.sb-no-results{color:#6b7280;font-size:14px;padding:16px 0}.sb-cap-warning{margin-top:16px;padding:10px 16px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13px;color:#92400e}.sb-matrix-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 4px #0000000f,0 6px 20px #0000000a;margin-bottom:24px}.sb-matrix-scroll-wrap{overflow-x:auto;margin-bottom:20px}.sb-matrix{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.sb-matrix th,.sb-matrix td{border:1px solid #f3f4f6;padding:12px 8px;text-align:center}.sb-matrix thead th{background:#f9fafb;height:60px}.sb-matrix thead th img{width:24px;height:24px;border-radius:4px;margin:0 auto}.sb-matrix tbody th{text-align:left;background:#f9fafb;width:160px;padding:8px 12px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;vertical-align:middle}.sb-matrix tbody th img{width:20px;height:20px;border-radius:3px;vertical-align:middle;margin-right:8px}.sb-matrix tbody th span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#374151;vertical-align:middle}.sb-matrix td{font-weight:700;transition:transform .1s}.sb-matrix td:hover{transform:scale(1.1);z-index:10}.sb-cell-native{color:#10b981;background:#f0fdf4}.sb-cell-gap{color:#f59e0b;background:#fffbeb}.sb-cell-unknown{color:#9ca3af;background:#f9fafb}.sb-matrix-self{background:#f3f4f6;color:#d1d5db;font-weight:400}.sb-matrix-legend{display:flex;gap:20px;justify-content:center;border-top:1px solid #f3f4f6;padding-top:16px}.sb-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:500}.sb-cell-dot{width:8px;height:8px;border-radius:50%}.sb-prompt{display:flex;align-items:center;gap:10px;margin-top:28px;padding:18px 22px;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:12px;font-size:14px;color:#9ca3af;font-weight:500}.sb-results-area{display:flex;flex-direction:column;gap:48px}.sb-results-header{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:2px solid #f3f4f6}.sb-results-header h2{font-size:24px;font-weight:800;color:#111827;margin:0;letter-spacing:-.02em}.sb-summary-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sb-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:20px}.sb-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sb-badge-gap .sb-badge-dot{background:#f59e0b}.sb-badge-native .sb-badge-dot{background:#10b981}.sb-badge-unknown .sb-badge-dot{background:#d1d5db}.sb-badge-gap{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.sb-badge-native{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0}.sb-badge-unknown{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb}.sb-sep{color:#d1d5db;font-size:16px}.sb-section-heading{margin-bottom:20px}.sb-section-title{font-size:19px;font-weight:800;margin:0 0 6px;color:#111827;letter-spacing:-.01em}.sb-section-desc{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.sb-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sb-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008;transition:box-shadow .2s}.sb-result-card:hover{box-shadow:0 2px 8px #00000014,0 6px 20px #0000000d}.gap-card{border-top:3px solid #f59e0b}.native-card{border-top:3px solid #10b981}.unknown-card{padding:12px 16px;background:#fafafa;border:1px solid #f0f0f0;border-top:3px solid #e5e7eb}.rc-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.rc-tools{display:flex;align-items:center;gap:8px;min-width:0}.rc-tools img{width:20px;height:20px;border-radius:4px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.rc-tool-name{font-weight:600;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-arrow,.rc-plus{color:#9ca3af;font-size:14px;flex-shrink:0}.rc-q{color:#d1d5db;font-size:14px;flex-shrink:0}.rc-status-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.rc-status-gap{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.rc-status-native{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.rc-body{font-size:13px;color:#4b5563;line-height:1.5}.rc-body p{margin:0 0 12px}.rc-body-sm{font-size:13px;color:#6b7280}.rc-doc-link{display:inline-block;margin-top:4px;font-size:12px;color:#6366f1;text-decoration:none;font-weight:600}.rc-doc-link:hover{text-decoration:underline}.rc-tool-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit;border-radius:4px;padding:1px 3px;margin:-1px -3px;transition:background .12s}.rc-tool-link:hover{background:#f3f4f6}.rc-tool-link:hover .rc-tool-name{color:#4f46e5;text-decoration:underline}.rc-guide-link{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;color:#6366f1;text-decoration:none}.rc-guide-link:hover{text-decoration:underline}.rc-affiliate{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px}.rc-affiliate-label{display:block;font-size:11px;color:#92400e;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:2px}.rc-affiliate strong{font-size:13px;color:#78350f;display:block}.sb-cost-estimate{display:block;font-size:11px;color:#b45309;font-weight:500;margin-top:1px}.sb-share-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:24px 28px}.sb-share-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.sb-share-text strong{display:block;font-size:16px;font-weight:700;color:#111827;margin-bottom:4px}.sb-share-hint{font-size:13px;color:#6b7280;margin:0;max-width:400px}.sb-share-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.sb-btn-primary,.sb-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;white-space:nowrap}.sb-btn-primary{background:#4f46e5;color:#fff}.sb-btn-primary:hover{background:#4338ca}.sb-btn-primary:disabled{opacity:.6;cursor:wait}.sb-btn-secondary{background:#fff;color:#374151;border:1.5px solid #d1d5db}.sb-btn-secondary:hover{border-color:#4f46e5;color:#4f46e5}.sb-btn-secondary.copied{border-color:#10b981;color:#065f46;background:#f0fdf4}.sb-btn-sm{padding:7px 14px;font-size:12px}.sb-mobile-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;z-index:100;padding:10px;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -4px 12px #0000000d}.sb-mobile-tabs button{padding:12px;border-radius:8px;font-size:14px;font-weight:700;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer}.sb-mobile-tabs button.active{background:#4f46e5;color:#fff;border-color:#4f46e5}@media (max-width: 640px){.sb-mobile-tabs{display:grid}.stack-builder-page{padding:28px 16px 110px}.sb-selector-section{padding:20px 16px 24px;border-radius:16px}.sb-card-list{grid-template-columns:1fr}.sb-share-inner{flex-direction:column;align-items:flex-start}.sb-results-header{flex-direction:column;align-items:flex-start;gap:8px}.sb-how-it-works{gap:8px}.sb-hero{margin-bottom:32px}.sb-hero h1{font-size:26px}.sb-subtitle{font-size:16px}.sb-search-row{flex-direction:column;align-items:stretch;gap:12px}.sb-selected-count{text-align:center;font-size:12px}.sb-matrix tbody th{width:100px;padding-left:8px}.sb-matrix tbody th span{font-size:11px}.sb-matrix thead th img{width:18px;height:18px}.sb-sticky-cta{display:none!important}}.sb-step{color:#9ca3af;transition:color .25s}.sb-step-num{background:#d1d5db;transition:background .25s}.sb-step.active{color:#111827}.sb-step.active .sb-step-num{background:#4f46e5}.sb-step-arrow{color:#d1d5db;transition:color .25s}.sb-step-arrow.active{color:#6366f1}.sb-check-mark{display:none;width:15px;height:15px;border-radius:50%;background:#4f46e5;color:#fff;font-size:9px;font-weight:800;align-items:center;justify-content:center;flex-shrink:0;line-height:1;margin-left:2px}.sb-tool-btn.selected .sb-check-mark{display:inline-flex}.sb-tool-btn.selected{border-color:#4f46e5;background:#eef2ff;color:#4338ca;font-weight:600;box-shadow:0 0 0 2px #6366f11f}.sb-cat-nav{display:flex;gap:6px;overflow-x:auto;padding:0 0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.sb-cat-nav:empty{display:none}.sb-cat-nav::-webkit-scrollbar{display:none}.sb-cat-nav-btn{flex-shrink:0;padding:5px 12px;border:1px solid #e5e7eb;border-radius:20px;font-size:12px;font-weight:500;color:#6b7280;background:#f9fafb;cursor:pointer;transition:all .15s;white-space:nowrap}.sb-cat-nav-btn:hover{border-color:#6366f1;color:#4f46e5;background:#f5f3ff}.sb-cat-nav-btn.active{border-color:#4f46e5;background:#eef2ff;color:#4338ca;font-weight:600}.sb-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fffffff7;backdrop-filter:blur(8px);border-top:1px solid #e5e7eb;box-shadow:0 -4px 24px #00000014;padding:14px 24px;animation:sb-slide-up .2s ease-out}@keyframes sb-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sb-sticky-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.sb-sticky-left{display:flex;align-items:center;gap:14px;min-width:0}.sb-sticky-tools{display:flex;align-items:center}.sb-sticky-tool-img{width:30px!important;height:30px!important;min-width:30px;max-width:30px;border-radius:7px;border:2px solid #fff;margin-right:-8px;-o-object-fit:contain;object-fit:contain;box-shadow:0 1px 4px #0000001f;background:#f9fafb;flex-shrink:0}.sb-sticky-overflow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:#e5e7eb;font-size:11px;font-weight:700;color:#6b7280;border:2px solid #fff;margin-right:-8px}.sb-sticky-label{font-size:14px;font-weight:600;color:#374151;padding-left:14px;white-space:nowrap}.sb-sticky-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#4f46e5;color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap;flex-shrink:0}.sb-sticky-btn:hover{background:#4338ca;transform:translateY(-1px)}.sb-sticky-btn svg{transition:transform .15s}.sb-sticky-btn:hover svg{transform:translate(3px)}.sb-mobile-tabs button.ready{background:#4f46e5;color:#fff;border-color:#4f46e5}.sb-clear-btn{margin-left:auto;color:#9ca3af!important;border-color:#e5e7eb!important;background:#fff!important}.sb-clear-btn:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#6b7280!important}