.mermaid-container{position:relative;border:1px solid var(--border);border-radius:6px;background-color:transparent;transition:all .3s;padding:16px}.mermaid-container.over{border:2px dashed #1890ff;background-color:light-dark(#f6ffed,#444)}.mermaid-area{height:100%;display:flex;flex-direction:column}.diagram-area{flex:1;display:flex;align-items:center;justify-content:center}.diagram{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.service-list{margin-top:16px;padding-top:16px;border-top:1px solid light-dark(#f0f0f0,#333)}.faq-container{padding:24px 0;border-top:#f0f0f0;background-color:#fff}.faq-container.dark{background-color:#1f1f1f;border-top:1px solid #303030}.faq-area{margin:0 auto;padding:0 24px;max-width:1024px}.names{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;margin:0 auto 8px}.tabs{padding:16px;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.tabs.dark{padding:16px;background-color:#1f1f1f;border-bottom:1px solid #303030}.compose-area{font-size:13px;padding:16px;border-radius:6px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-family:monospace;color:#24292f;background-color:#f6f8fa;border:1px solid #d8dee4}.compose-area.dark{color:#fff;background-color:#262626;border:1px solid #404040}.services-count{margin-top:16px;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #141414;--fg: #ffffff;--border: #303030}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}body[data-theme=light]{background-color:#f5f5f5;color:#1e293b}body[data-theme=dark]{background-color:#141414;color:#fff}#root{width:100%;min-height:100vh;margin:0}::-webkit-scrollbar{width:4px;height:4px}body[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}body[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}body[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}body[data-theme=dark] ::-webkit-scrollbar-track{background:#262626}body[data-theme=dark] ::-webkit-scrollbar-thumb{background:#525252;border-radius:4px}body[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#737373}.mermaid{text-align:center}.drag-overlay{cursor:grabbing!important;transform:rotate(5deg);box-shadow:0 25px 50px -12px #00000040}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}