.diagram-container *{margin:0;padding:0;box-sizing:border-box}.diagram-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding:40px 20px;margin:40px 0}.diagram-inner{max-width:900px;width:100%;margin:0 auto;text-align:center}.diagram-title{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.diagram-subtitle{text-align:center!important;font-size:13px;color:#888;margin-bottom:24px;display:block;width:100%;margin-left:auto;margin-right:auto;padding:0}.diagram-inner p.diagram-subtitle{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.prose .diagram-subtitle,.prose p.diagram-subtitle{text-align:center!important}.diagram-event-loop{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:32px 40px;position:relative}.diagram-event-loop-label{position:absolute;top:12px;left:16px;font-size:12px;color:#888}.diagram-pipeline{display:flex;align-items:center;justify-content:center;gap:0;margin-top:8px}.diagram-step{background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:14px 24px;text-align:center;min-width:100px}.diagram-step-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.diagram-step-type{font-size:12px;color:#888}.diagram-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#999;flex-shrink:0}.diagram-arrow svg{width:16px;height:16px}.diagram-time-arrow{display:flex;align-items:center;justify-content:flex-end;margin-top:16px;padding-right:8px}.diagram-time-line{width:calc(100% - 20px);height:1px;background:linear-gradient(to right,transparent 0%,#3b82f6 20%,#3b82f6 100%);position:relative;margin-right:-1px}.diagram-time-arrowhead{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #3b82f6;flex-shrink:0}.diagram-time-label{font-size:13px;color:#3b82f6;margin-left:12px;flex-shrink:0}.diagram-annotations{display:flex;justify-content:center;gap:24px;margin-top:24px}.diagram-annotation{background:#f0f7ff;border:1px solid #d0e4ff;border-radius:6px;padding:12px 20px;text-align:center}.diagram-annotation-title{font-size:13px;font-weight:600;color:#3b82f6;margin-bottom:2px}.diagram-annotation-desc{font-size:11px;color:#999}.comparison-container *{margin:0;padding:0;box-sizing:border-box}.comparison-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding:40px 20px;margin:40px 0}.comparison-container .container{max-width:1000px;width:100%;margin:0 auto}.comparison-container .comparison{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:6px 60px;align-items:start;width:100%}.comparison-container .column-title.col-1{grid-column:1;grid-row:1}.comparison-container .column-title.col-2{grid-column:2;grid-row:1}.comparison-container .column-subtitle.col-1{grid-column:1;grid-row:2}.comparison-container .column-subtitle.col-2{grid-column:2;grid-row:2}.comparison-container .column.col-1{grid-column:1;grid-row:3;padding-top:18px}.comparison-container .column.col-2{grid-column:2;grid-row:3;padding-top:18px}.comparison-container .column{max-width:400px;display:flex;flex-direction:column;align-items:center;justify-self:center;overflow:visible}.comparison-container .column-title{text-align:center;font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.comparison-container .column-subtitle{text-align:center;font-size:12px;color:#888;margin:0}.comparison-container .pipeline,.comparison-container .dag-pipeline{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;padding-left:54px;overflow:visible}.comparison-container .loop-back-svg{position:absolute;left:-52px;top:-140px;width:52px;height:150px;overflow:visible}.comparison-container .step{background:#fff;border:2px solid #d0d0d0;border-radius:6px;padding:12px 32px;text-align:center;min-width:180px;position:relative;z-index:1;overflow:visible}.comparison-container .step-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.comparison-container .step-status{font-size:11px;color:#888}.comparison-container .step-status.success{color:#3b82f6}.comparison-container .step-status.error{color:#d97706}.comparison-container .step-status.cached{color:#3b82f6}.comparison-container .step-status.retry{color:#d97706}.comparison-container .step.success{border-color:#3b82f6;background:#f0f7ff}.comparison-container .step.error{border-color:#d97706;background:#fffbeb}.comparison-container .step.skipped{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8}.comparison-container .step.skipped .step-name{color:#94a3b8}.comparison-container .step.cached{border-color:#cbd5e1;background:#fff}.comparison-container .step.retry{border-color:#d97706;background:#fffbeb}.comparison-container .step.proceeds{border-color:#3b82f6;background:#f0f7ff}.comparison-container .arrow-down{width:2px;height:20px;background:#cbd5e1;position:relative}.comparison-container .arrow-down:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #cbd5e1}.comparison-container .arrow-down.success{background:#3b82f6}.comparison-container .arrow-down.success:after{border-top-color:#3b82f6}.comparison-container .arrow-down.error{background:#d97706}.comparison-container .arrow-down.error:after{border-top-color:#d97706}.comparison-container .arrow-down.retry{background:#d97706}.comparison-container .arrow-down.retry:after{border-top-color:#d97706}.comparison-container .error-label{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-size:12px;color:#d97706;font-weight:500}.comparison-container .retry-loop{position:absolute;right:-120px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.comparison-container .retry-loop-arrow{width:40px;height:40px;border:2px solid #b8a978;border-radius:50%;border-left-color:transparent;position:relative}.comparison-container .retry-loop-arrow:after{content:"";position:absolute;top:-2px;left:8px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #b8a978;transform:rotate(-45deg)}.comparison-container .retry-label{font-size:11px;color:#888;max-width:60px;line-height:1.3}.comparison-container .annotation{margin-top:24px;text-align:center}.comparison-container .annotation-title{font-size:13px;font-weight:600;margin-bottom:2px}.comparison-container .annotation-title.error{color:#d97706}.comparison-container .annotation-title.success{color:#3b82f6}.comparison-container .annotation-desc{font-size:11px;color:#999}.comparison-container .step-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;overflow:visible}.comparison-container .fan-out-container{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.comparison-container .fan-out-arrows,.comparison-container .fan-in-arrows{position:relative;width:240px;height:30px}.comparison-container .fan-out-arrows svg,.comparison-container .fan-in-arrows svg{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-container .parallel-nodes{display:flex;gap:8px;justify-content:center}.comparison-container .parallel-node{background:#fff;border:2px solid #cbd5e1;border-radius:6px;padding:8px 12px;text-align:center;min-width:70px;position:relative}.comparison-container .parallel-node.completed{border-color:#3b82f6;background:#f0f7ff}.comparison-container .parallel-node.retry{border-color:#d97706;background:#fffbeb}.comparison-container .parallel-node-name{font-size:12px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.comparison-container .parallel-node-status{font-size:10px;color:#888}.comparison-container .parallel-node-status.success{color:#3b82f6}.comparison-container .parallel-node-status.retry{color:#d97706}.comparison-container .retry-icon{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#d97706;border-radius:50%;display:flex;align-items:center;justify-content:center}.comparison-container .retry-icon svg{width:12px;height:12px}.comparison-container .dag-annotation{font-size:10px;color:#888;text-align:center;margin-top:4px;font-style:italic}.comparison-container .step-small{background:#fff;border:2px solid #d0d0d0;border-radius:6px;padding:10px 24px;text-align:center;min-width:160px;position:relative}.comparison-container .step-small.cached{border-color:#cbd5e1;background:#fff}.comparison-container .step-small.proceeds{border-color:#3b82f6;background:#f0f7ff}.comparison-container .step-small-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.comparison-container .step-small-status{font-size:10px;color:#888}.comparison-container .step-small-status.cached,.comparison-container .step-small-status.success{color:#3b82f6}.architecture-container *{margin:0;padding:0;box-sizing:border-box}.architecture-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding:40px 20px;max-width:900px;width:100%;margin:40px auto}.architecture-title{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:32px}.external-sources{display:flex;justify-content:center;margin-bottom:0}.external-box{background:#fff;border:2px solid #d0d0d0;border-radius:6px;padding:16px 32px;text-align:center}.external-box-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.external-box-subtitle{font-size:12px;color:#888}.arrow-down-container{display:flex;justify-content:center;margin:0}.arrow-down{width:2px;height:20px;background:#cbd5e1;position:relative}.arrow-down:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #cbd5e1}.section{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:8px;padding:24px;margin-bottom:0;position:relative}.section-label{position:absolute;top:8px;left:12px;font-size:11px;color:#888;font-weight:500}.job-queues-row{display:flex;justify-content:center;align-items:center;gap:0;margin-top:8px}.queue-box{border-radius:20px;padding:14px 28px;text-align:center;min-width:160px}.queue-box.routing{background:#fff;border:2px solid #d97706}.queue-box.processing{background:#dbeafe;border:2px solid #3b82f6}.queue-box.storage{background:#fff;border:2px solid #3b82f6}.queue-box-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.queue-box-subtitle{font-size:11px;color:#888}.arrow-right:before{content:"";width:24px;height:2px;background:#cbd5e1}.arrow-right:after{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #cbd5e1}.workers-row{display:flex;justify-content:space-between;align-items:flex-start;gap:0;margin-top:8px}.worker-column{flex:1;display:flex;flex-direction:column;align-items:center}.worker-arrow{display:flex;align-items:center;padding-top:36px;margin:0 4px}.worker-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.worker-box{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:16px;width:100%}.worker-item{background:#fff;border:1px solid #d97706;border-radius:4px;padding:8px 12px;text-align:center;font-size:12px;color:#1a1a1a;margin-bottom:8px}.worker-item:last-child{margin-bottom:0}.worker-item.blue{background:#dbeafe;border-color:#3b82f6}.worker-item.amber{background:#fef3c7;border-color:#d97706}.worker-item.neutral{background:#fff;border-color:#3b82f6}.processing-grid{display:flex;gap:8px}.processing-item{flex:1;background:#dbeafe;border:1px solid #3b82f6;border-radius:4px;padding:10px 8px;text-align:center;font-size:11px;color:#1a1a1a;line-height:1.4}.processing-item.amber{background:#fef3c7;border-color:#d97706}.storage-layer{display:flex;flex-direction:column;align-items:center;margin-top:0}.storage-label{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:12px;margin-top:8px}.storage-boxes{display:flex;gap:16px}.storage-box{background:#dbeafe;border:2px solid #3b82f6;border-radius:6px;padding:12px 24px;font-size:13px;font-weight:500;color:#1a1a1a}.connectors{display:flex;justify-content:space-between;padding:0 80px;margin:8px 0}.connector{width:2px;height:20px;background:#cbd5e1}.translation-container *{margin:0;padding:0;box-sizing:border-box}.translation-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding:40px 20px;max-width:900px;width:100%;margin:40px auto}.translation-title{text-align:center;font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:40px}.steps-row{display:flex;justify-content:center;align-items:flex-start;margin-bottom:16px}.step-container{display:flex;flex-direction:column;align-items:center;width:160px}.step-number{width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin-bottom:8px}.step-box{background:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:14px 16px;text-align:center;width:100%;min-height:65px;display:flex;flex-direction:column;justify-content:center}.step-box-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.step-box-subtitle{font-size:11px;color:#888}.step-description{margin-top:12px;padding:12px;text-align:center}.step-description-text{font-size:11px;color:#888;line-height:1.4}.arrow-container{display:flex;align-items:center;margin-top:36px;height:65px}.arrow-right:before{content:"";width:20px;height:2px;background:#cbd5e1;display:block}.arrow-right:after{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #cbd5e1;display:block}.arrow-right{display:flex;align-items:center}.result-container{display:flex;justify-content:center;margin-top:24px}.result-box{background:#f0f7ff;border:1px solid #d0e4ff;border-radius:6px;padding:16px 32px;text-align:center}.result-title{font-size:14px;font-weight:600;color:#3b82f6;margin-bottom:4px}.result-subtitle{font-size:12px;color:#888}