body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px 0}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body:before{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;content:"";height:100%;left:0;opacity:.05;position:fixed;top:0;width:100%;z-index:-1}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f5f4f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;padding:0}.app,body{color:#333}.app{background:#0000;margin:20px auto;max-width:1200px;padding:30px}.app-header{margin-bottom:60px;padding:20px 15px;text-align:center}.logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.logo{margin-right:15px}.logo-text{text-align:left}.logo-text h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.1;margin:0}.app-header p{color:#666;font-size:18px;margin-top:15px}.app-main{display:flex;flex-direction:column;gap:40px}.input-section{background:#0000;border-bottom:1px solid #e0e0e0;padding-bottom:40px;width:100%}.diagram-section h2,.input-section h2{color:#333;font-size:28px;font-weight:600;margin-bottom:20px}.code-input{background:#0000;border:none;padding:0}.code-input textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#333;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:15px;width:100%}.mode-description{color:#666;font-size:16px;margin-bottom:20px}.code-input button,.png-download-btn,.svg-download-btn{background:#ff7e55;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 32px;transition:all .2s ease}.code-input button:hover,.png-download-btn:hover,.svg-download-btn:hover{background:#ff6a3d;transform:translateY(-2px)}.code-input button:disabled{background-color:#ccc;cursor:not-allowed}.code-input button.loading{background-color:#999}.tabs-container{margin-bottom:25px}.tabs{border-bottom:1px solid #e0e0e0}.tab-button{color:#666;font-size:16px;padding:12px 24px}.tab-button:hover{color:#333}.tab-button.active{border-bottom:2px solid #ff7e55;color:#ff7e55}.feature-row{display:flex;justify-content:space-between;margin:60px 0}.feature-item{flex:1 1;padding:0 20px;text-align:center}.feature-icon{height:60px;margin-bottom:20px;width:60px}.feature-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.feature-description{color:#666;font-size:16px}.output-section{display:flex;flex-direction:column;gap:30px;margin-top:20px}.diagram-section{background:#0000}.error-message{background-color:#fff2f0;border-left:4px solid #ff4d4f;border-radius:8px;color:#ff4d4f;padding:15px 20px}.app-footer{border-top:1px solid #e0e0e0;color:#666;font-size:15px;margin-top:80px;padding:20px 0;text-align:center}.brand-text{color:#ff7e55;font-weight:600}.about-developer{border-top:1px solid #e0e0e0;margin-top:60px;padding:40px 0}.about-developer h2{color:#333;font-size:24px;margin-bottom:20px}.about-developer p{margin-bottom:15px}.about-developer a{color:#ff7e55;text-decoration:none}.about-developer a:hover{text-decoration:underline}.download-buttons{gap:15px;margin-bottom:30px;margin-top:30px}.png-download-btn:hover{background:#218838}.mermaid-diagram .flowchart-end,.mermaid-diagram .flowchart-pointEnd,.mermaid-diagram .flowchart-start{fill:#d5e8fccc!important;stroke:#6c8ebf}.mermaid-diagram .default,.mermaid-diagram .flowchart-subprocess{fill:#f5f5f5cc!important;stroke:#666}.mermaid-diagram .flowchart-diamond{fill:#fff2cccc!important;stroke:#d6b656}.mermaid-diagram .edgePath .path{stroke-width:2px;stroke:#333}.interactive-diagram{cursor:move;transition:transform .3s ease}.interactive-diagram:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.1))}.error-code{background:#ffebeb66;border-radius:4px;font-family:monospace;margin-top:10px;max-height:200px;overflow:auto;padding:10px;white-space:pre-wrap}.glassmorphism-button{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#4caf5099;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 16px 0 #0000001a,0 2px 4px 0 #0000000d;color:#fff;cursor:pointer;font-weight:500;letter-spacing:.5px;padding:10px 20px;transition:all .3s ease}.glassmorphism-button:hover{background:#4caf50cc;box-shadow:0 6px 20px 0 #00000026,0 3px 6px 0 #0000001a;transform:translateY(-2px)}.error-message.glassmorphism{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffebee66;border:1px solid #c6282833;border-radius:8px;box-shadow:0 4px 15px #c628281a;color:#c62828;padding:20px;text-align:center}.error-message.glassmorphism h3{color:#b71c1c;margin-top:0}.open-drawio-container{display:flex;justify-content:center;margin-top:25px}.drawio-viewer{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border-radius:8px;box-shadow:0 4px 12px #00000014;height:600px;margin:20px 0;overflow:hidden;width:100%}.drawio-viewer iframe{border:none;height:100%;width:100%}.mermaid-diagram.fallback{background:#f8ede34d;border:1px dashed #d6b65680}details{background:#fff3;border-radius:6px;margin:15px 0;padding:8px 12px}summary{color:#555;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}summary:hover{color:#333}.example-section{background:#21262d;border:1px solid #30363d;border-radius:8px;margin-top:40px;padding:25px}.example-section p{color:#8b949e;margin-bottom:25px;text-align:center}.flowchart-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0d;border-radius:8px;box-shadow:0 4px 12px #00000014;margin:20px 0;overflow:hidden}.flow-node{align-items:center;border-radius:8px;display:flex;font-family:Roboto,sans-serif;font-size:12px;height:100%;justify-content:center;line-height:1.4;padding:10px;text-align:center;width:100%}.end-node,.start-node{background:#d5e8fccc;border:1px solid #6c8ebf;border-radius:24px}.process-node{background:#f5f5f5cc;border:1px solid #666}.decision-node{background:#fff2cccc;border:1px solid #d6b656;transform:rotate(45deg)}.decision-node-label{display:block;transform:rotate(-45deg)}.io-node{background:#fffc;border:1px solid #999;border-radius:0;transform:skew(-20deg)}.io-node>span{display:block;transform:skew(20deg)}.svg-flowchart-container{background-color:#0d1117;border-radius:8px;margin-top:20px;overflow:hidden;position:relative;width:100%}.download-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:15px;margin-top:20px}.png-download-btn,.svg-download-btn{background:#2188ff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s}.png-download-btn{background:#28a745}.svg-download-btn:hover{background:#0366d6}.png-download-btn:hover{background:#22863a}.svg-flowchart{background:#161b22;border:none}.node-end rect,.node-start rect{rx:20px;ry:20px}.node-decision polygon{stroke-width:1.5px}.node text{font-weight:300}.node circle,.node ellipse,.node path,.node polygon,.node rect{stroke-width:1.5px}.node text{fill:#e6edf3;font-family:Roboto,sans-serif;font-size:14px}.edgePath path{stroke:#8b949e;stroke-width:1.5px}.edgeLabel rect{fill:#161b22;opacity:.9}.edgeLabel text{fill:#e6edf3;font-size:12px}.zoom-controls{background:#0d1117cc;border-radius:6px;bottom:20px;display:flex;flex-direction:column;gap:8px;padding:8px;position:absolute;right:20px;z-index:100}.zoom-btn{align-items:center;background:#30363d;border:none;border-radius:4px;color:#e6edf3;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.zoom-btn:hover{background:#3f444d}.tabs-container{margin-bottom:20px}.tabs{border-bottom:1px solid #30363d;display:flex;margin-bottom:15px}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#8b949e;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.tab-button:hover{color:#e6edf3}.tab-button.active{border-bottom:2px solid #58a6ff;color:#58a6ff}.tab-content{padding:15px 0}
/*# sourceMappingURL=main.e2c21516.css.map*/