.preview-tools-page{max-width:860px}.decision-tree{margin:24px 0}.decision-root{text-align:center;margin-bottom:20px}.decision-question{background:var(--card-color);border:2px solid var(--accent-primary);color:var(--accent-primary);border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:600;display:inline-block}.decision-branches{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,1fr);gap:8px 16px;display:grid}.decision-branch{grid-template-rows:subgrid;grid-row:span 3;justify-items:center;gap:8px;display:grid}.decision-check{background:var(--card-color);border:1px solid var(--border-color);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:12px 16px;display:flex}.decision-label{font-size:.95rem;font-weight:600}.decision-detail{color:var(--muted-text-color);font-size:.8rem}.decision-arrow{color:var(--muted-text-color);font-size:1.2rem;line-height:1}.decision-answer{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 16px;display:flex}.decision-answer a{color:inherit;text-decoration:none}.decision-answer a:hover{text-decoration:underline}.decision-answer code{font-size:.85rem;font-weight:600;background:0 0!important;padding:0!important}.decision-speed{opacity:.8;font-size:.8rem}.answer-preview{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.answer-server{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f64d}.answer-build{color:#9333ea;background:#a855f71a;border:1px solid #a855f74d}.tool-comparison-table{margin-top:24px;overflow-x:auto}.tool-comparison-table .comparison-table code{white-space:nowrap;font-size:.8rem}.guide-cta-section{margin-top:20px}.guide-cta-section .guide-cta{flex-direction:column;align-items:center}@media (prefers-color-scheme:dark){.decision-question{background:var(--card-color);border-color:var(--accent-primary);color:var(--accent-primary)}.decision-check{background:var(--card-color);border-color:var(--border-color)}.decision-label{color:var(--text-color)}.decision-detail,.decision-arrow{color:#a1a1aa}.answer-preview{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.answer-server{color:#93bbfd;background:#3b82f626;border-color:#3b82f666}.answer-build{color:#c084fc;background:#a855f726;border-color:#a855f766}.decision-speed{opacity:.9}.preview-tools-page .comparison-table th,.preview-tools-page .comparison-table td{border-bottom-color:var(--border-color);color:var(--text-color)}.preview-tools-page .comparison-table th{background:var(--card-color)}.preview-tools-page .comparison-table .highlight-row{background:#3b82f61f}.preview-tools-page .tip-box{color:#d1d5db;background:#22c55e1f;border-color:#22c55e59}.preview-tools-page .tip-box strong{color:#4ade80}.preview-tools-page .warning-box{color:#d1d5db;background:#f59e0b1f;border-color:#f59e0b59}.preview-tools-page .warning-box strong{color:#fbbf24}.preview-tools-page code:not(pre code){color:#e2e8f0;background:#ffffff14}.preview-tools-page .info-card{background:var(--card-color);border-color:var(--border-color)}.preview-tools-page .info-card h3{color:var(--text-color)}.preview-tools-page .info-card p,.preview-tools-page .info-card li{color:#d1d5db}.preview-tools-page .guide-table th,.preview-tools-page .guide-table td{border-bottom-color:var(--border-color);color:var(--text-color)}.preview-tools-page .guide-table th{background:var(--card-color)}.preview-tools-page .guide-table code{color:#93bbfd;background:#3b82f626}.preview-tools-page p,.preview-tools-page li{color:#d1d5db}.preview-tools-page h2,.preview-tools-page h3{color:var(--text-color)}.preview-tools-page .guide-cta{background:var(--card-color);border-color:var(--border-color)}.preview-tools-page .guide-cta p{color:#a1a1aa}.preview-tools-page .loop-step{color:#93bbfd;background:#3b82f626;border-color:#3b82f659}.preview-tools-page .loop-arrow,.preview-tools-page .guide-subtitle{color:#a1a1aa}.preview-tools-page .guide-cta a.secondary-btn{color:var(--text-color);border-color:var(--border-color)}.preview-tools-page .guide-cta a.secondary-btn:hover{background:#ffffff0d;border-color:#a1a1aa}}@media (max-width:640px){.decision-branches{grid-template-rows:auto;grid-template-columns:1fr;gap:12px}.decision-branch{flex-direction:row;gap:12px;display:flex}.decision-arrow{transform:rotate(-90deg)}.decision-check,.decision-answer{flex:1;width:auto}.tool-comparison-table{font-size:.85rem}}