.flowchart-generator{display:flex;min-height:auto;background:var(--gray-900);color:var(--gray-200)}.fcg-sidebar{width:320px;padding:24px;background:var(--gray-800);overflow-y:auto;border-right:1px solid var(--gray-700)}.fcg-sidebar h3{margin:0 0 24px;font-size:1.25rem;color:var(--gray-100)}.fcg-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.fcg-section{margin-bottom:24px}.fcg-section h4{margin:0 0 12px;font-size:.875rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.fcg-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.fcg-button-group{display:flex;flex-wrap:wrap;gap:8px}.fcg-style-btn{padding:6px 12px;background:var(--gray-700);border:1px solid var(--gray-600);border-radius:6px;color:var(--gray-200);font-size:.75rem;cursor:pointer;transition:all .2s;text-transform:capitalize}.fcg-style-btn:hover{background:var(--gray-600)}.fcg-style-btn.active{background:var(--info-color);border-color:var(--info-color);color:var(--white)}.fcg-checkbox-group{display:flex;flex-direction:column;gap:8px}.fcg-checkbox-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--gray-300);cursor:pointer}.fcg-checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--info-color)}.fcg-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fcg-theme-btn{padding:8px 12px;border:2px solid var(--gray-600);border-radius:6px;color:var(--white);font-size:.75rem;cursor:pointer;transition:all .2s;text-transform:capitalize;font-weight:500}.fcg-theme-btn:hover{transform:scale(1.02)}.fcg-theme-btn.active{border-width:3px}.fcg-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fcg-color-grid label{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--gray-400)}.fcg-color-grid input[type=color]{width:100%;height:32px;border:1px solid var(--gray-600);border-radius:4px;cursor:pointer;background:transparent}.fcg-export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fcg-export-buttons button{padding:10px 16px;background:var(--info-color);border:none;border-radius:6px;color:var(--white);font-size:.875rem;cursor:pointer;transition:all .2s}.fcg-export-buttons button:hover{background:#2563eb}.fcg-preview{flex:1;padding:24px;background:#f9fafb;overflow:auto;display:flex;justify-content:center;align-items:flex-start;box-shadow:0 1px 3px #0000001a}.flowchart{display:flex;flex-direction:column;align-items:center;gap:100px;padding:60px;min-width:100%;min-height:100%;border-radius:12px;position:relative}.fc-direction-horizontal{flex-direction:row}.fc-node{display:flex;align-items:center;justify-content:center;min-width:160px;min-height:60px;padding:12px 20px;border:2px solid;font-weight:500;text-align:center;position:relative;transition:all .3s ease;z-index:1}.fc-node:hover{transform:scale(1.05)}.fc-node-small{min-width:120px;min-height:50px;font-size:12px}.fc-node-medium{min-width:160px;min-height:60px;font-size:14px}.fc-node-large{min-width:200px;min-height:80px;font-size:16px}.fc-node-rectangle{border-radius:8px}.fc-node-rounded{border-radius:30px}.fc-node-ellipse{border-radius:50%;min-width:100px;aspect-ratio:1.5}.fc-node-diamond{transform:rotate(45deg);min-width:80px;min-height:80px;padding:20px}.fc-node-diamond span{transform:rotate(-45deg);display:block}.fc-node-parallelogram{transform:skew(-10deg)}.fc-node-parallelogram span{transform:skew(10deg);display:block}.fc-node:after{content:"";position:absolute;bottom:-100px;left:50%;width:2px;height:100px;transform:translate(-50%)}.fc-node:last-child:after{display:none}.fc-node:before{content:"";position:absolute;bottom:-108px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid}.fc-node:last-child:before{display:none}.fc-direction-horizontal .fc-node:after{bottom:auto;right:-100px;left:auto;top:50%;width:100px;height:2px;transform:translateY(-50%)}.fc-direction-horizontal .fc-node:before{bottom:auto;right:-108px;left:auto;top:50%;transform:translateY(-50%);border-left:10px solid;border-right:none;border-top:8px solid transparent;border-bottom:8px solid transparent}.flowchart-minimal .fc-node{background:transparent!important;border-style:dashed}.flowchart-modern .fc-node{border:none}.flowchart-neon .fc-node{animation:neonPulse 2s ease-in-out infinite alternate}@keyframes neonPulse{0%{box-shadow:0 0 10px currentColor,inset 0 0 10px currentColor}to{box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}}.flowchart-blueprint .fc-node:after,.flowchart-blueprint .fc-node:before{opacity:.8}.fc-node-selected{outline:3px solid #fbbf24;outline-offset:3px}