.architecture-visual{isolation:isolate;height:260px;color:var(--foreground);flex:none;font-size:13px;line-height:20px;position:relative;overflow:hidden}.arch-stage{width:min(100%,380px);height:260px;margin:auto;position:relative}.architecture-visual .app-icon{color:var(--art-accent);flex:none}.arch-window,.arch-builder-panel,.arch-code-panel,.arch-destinations span,.arch-service-hub,.arch-service-nodes span{border:1px solid var(--border);background:var(--background)}.arch-deployment{flex-direction:column;align-items:center;padding-top:20px;display:flex}.arch-window{border-radius:var(--radius-panel);width:84%;max-width:318px;overflow:hidden}.arch-window-title{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px 14px;display:flex}.arch-window-body{align-items:center;gap:12px;padding:12px 14px;display:flex}.arch-check{background:var(--art-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.arch-check .app-icon{color:#fff}.arch-deployment-lines{flex:none;width:90%;max-width:340px;height:76px}.arch-destinations{width:90%;max-width:340px;display:flex}.arch-destinations>div{width:50%;min-width:0;padding:0 4px}.arch-destinations span{border-radius:var(--radius-ui-lg);justify-content:center;align-items:center;gap:6px;height:44px;padding:0 4px;font-size:11px;line-height:14px;display:flex}.arch-builder-panel{border-radius:var(--radius-panel);width:80%;padding:14px;position:absolute;top:20px;left:7%}.arch-builder-title,.arch-code-title{align-items:center;gap:8px;display:flex}.arch-builder-title{font-size:14px}.arch-prompt{letter-spacing:-.2px;margin-top:16px;font-size:14px;line-height:20px}.arch-caret{vertical-align:-3px;background:var(--foreground);width:1px;height:16px;margin-left:2px;display:inline-block}.arch-requirements{color:var(--subtle-foreground);flex-wrap:wrap;align-items:center;gap:4px;margin-top:16px;font-size:11px;line-height:16px;display:flex}.arch-code-panel{border-radius:var(--radius-card);width:72%;box-shadow:var(--shadow-small);padding:12px 14px;position:absolute;top:168px;right:7%}.arch-code-title{font-size:12px}.arch-code-lines{flex-direction:column;gap:6px;margin-top:12px;display:flex}.arch-code-lines b{background:var(--border-subtle);border-radius:4px;width:75%;height:4px}.arch-code-lines b:nth-child(2){background:var(--art-soft);width:90%}.arch-code-lines b:nth-child(3){width:48%}.arch-service-lines{width:92%;height:82px;position:absolute;top:82px;left:4%}.arch-service-hub{width:62px;height:62px;box-shadow:var(--shadow-small);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%)}.arch-service-nodes{grid-template-columns:repeat(3,minmax(0,1fr));width:92%;display:grid;position:absolute;top:164px;left:4%}.arch-service-nodes>div{flex-direction:column;align-items:center;gap:8px;display:flex}.arch-service-nodes span{border-radius:var(--radius-card);place-items:center;width:52px;height:52px;display:grid}.arch-service-nodes p{color:var(--muted-foreground);margin:0;font-size:12px}.architecture-visual .arch-application-icon path{fill:currentColor;stroke:none}.architecture-visual .arch-application-icon path:nth-child(2),.architecture-visual .arch-application-icon path:nth-child(3){opacity:.35}.architecture-visual .arch-spark-icon path:first-child{fill:currentColor;fill-opacity:.22}.architecture-visual .arch-spark-icon path:last-child{fill:currentColor}.architecture-visual .arch-cloud-icon path{fill:currentColor;fill-opacity:.18}.architecture-visual .arch-server-icon path:nth-child(-n+2),.architecture-visual .arch-api-icon path:first-child{fill:currentColor;fill-opacity:.22}.architecture-visual .arch-brain-icon path{fill:currentColor;fill-opacity:.2}.architecture-visual .arch-brain-icon path:nth-child(2){fill-opacity:.35}.architecture-visual .arch-database-icon ellipse{fill:currentColor;fill-opacity:.25}.architecture-visual .arch-database-icon path{fill:currentColor;fill-opacity:.15}