body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5;color:#333;margin:0;padding:0}.App{text-align:center;padding:20px}.App h1{font-size:2.5rem;color:#2c3e50;margin-bottom:30px}.main-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:25px}.visualizer-container{display:flex;flex-direction:column;gap:25px}.algorithm-card,.graph-editor-card{border:1px solid #dfe4ea;border-radius:12px;padding:20px;background-color:#fff;box-shadow:0 4px 12px #00000014;width:480px;display:flex;flex-direction:column;position:relative}.algorithm-card h3,.graph-editor-card h3{margin-top:0;color:#34495e;font-size:1.5rem}.algo-description{background-color:#f8f9fa;border-radius:6px;padding:8px 12px;margin-bottom:10px;text-align:left;font-size:14px;border:1px solid #e9ecef}.algo-description p{margin:5px 0}.graph-container{border:1px solid #e0e0e0;border-radius:8px;margin:15px 0;height:320px;background-color:#fcfcfc;cursor:default;position:relative;overflow:hidden}.editor-container{border:2px dashed #3498db!important;cursor:crosshair}.editor-controls,.algo-selector-controls{display:flex;gap:10px;margin-bottom:15px}.editor-controls button,.algo-selector-controls button{flex-grow:1;padding:10px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;border-radius:8px;transition:background-color .2s,color .2s}.editor-controls button.active,.algo-selector-controls button:hover{background-color:#2980b9;color:#fff;border-color:#2980b9}.controls{margin-bottom:15px}.controls button{margin:0 5px;padding:10px 15px;border-radius:8px;border:none;cursor:pointer;background-color:#3498db;color:#fff;font-size:20px;transition:background-color .2s,transform .1s}.controls button:hover{background-color:#2980b9}.controls button:active{transform:scale(.95)}.controls button:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.stats{background-color:#ecf0f1;border-radius:8px;padding:12px;text-align:left}.stats p{margin:8px 0;font-size:15px;color:#2c3e50}.status-message{margin-top:15px;font-style:italic;color:#7f8c8d;height:40px;font-size:14px;display:flex;align-items:center;justify-content:center}.graph-node{cursor:pointer}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;font-weight:700;color:#aaa;cursor:pointer;padding:5px;line-height:1}.close-button:hover{color:#333}