*{box-sizing:border-box}body{background-color:#f0f0f0;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.app{margin:0 auto;max-width:1000px;padding:20px}.app-header{margin-bottom:20px;text-align:center}.app-header h1{color:#2c3e50;font-size:2rem;margin:0 0 10px}.app-header p{font-size:1rem;margin:0;opacity:.8}.tab-navigation{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tab-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s}.tab-button:hover{background-color:#e9ecef}.tab-button.active{background-color:#4a6fa5;border-color:#4a6fa5;color:#fff}.app-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.app-content{grid-template-columns:2fr 1fr}}.canvas-section{display:flex;justify-content:center}.cppn-generator-container,.polar-graphics-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px}.graphics-canvas{background-color:#000;border:1px solid #ddd}.canvas-info{font-size:14px;margin-top:10px;text-align:center}.controls-section{display:flex;flex-direction:column;gap:20px}.control-panel,.info-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.control-panel h3,.info-panel h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px;text-align:center}.control-group{margin-bottom:15px}.control-group label{display:block;font-weight:500;margin-bottom:8px}.control-group input[type=range]{height:6px;width:100%}.control-group select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.formula-explanation{color:#666;font-size:.9rem;font-style:italic;margin-top:5px}.color-picker-container{align-items:center;display:flex;gap:10px}.color-picker-container input[type=color]{border:none;border-radius:4px;cursor:pointer;height:40px;width:40px}.color-value{font-family:monospace}.info-panel p{line-height:1.5;margin:0 0 10px}.info-panel ul{margin:0 0 10px;padding-left:20px}.info-panel li{margin-bottom:5px}.animation-controls{border-top:1px solid #eee;padding-top:15px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.animation-speed{margin-top:10px}.app-footer{font-size:14px;margin-top:30px;opacity:.7;padding:15px;text-align:center}
/*# sourceMappingURL=main.dfbc2832.css.map*/