body{background-color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:1400px;padding:2rem}.configurator{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.main-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:3fr 2fr;min-height:600px}.side-panel .card{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.side-panel .card h2{margin-top:0}.controls-panel{padding-right:1rem}.controls-panel h2{border-bottom:2px solid #007bff;color:#333;margin-top:0;padding-bottom:.5rem}.controls-panel div{margin-bottom:1rem}.controls-panel label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.controls-panel input,.controls-panel select{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:.25rem;padding:.5rem;width:100%}.controls-panel input[type=number]{max-width:100%;width:120px}.controls-panel input:focus,.controls-panel select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.preview-panel{padding:0}.spring-preview{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ddd;border-radius:8px;height:500px;overflow:hidden;width:100%}.navbar{align-items:center;background:#22223b;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #22223b14;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:.5rem 2rem}.navbar-title{font-size:1.5rem;font-weight:700;letter-spacing:1px}.navbar-account{align-items:center;display:flex;position:relative}.navbar-pfp{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #22223b1f;cursor:pointer;height:40px;transition:box-shadow .2s;width:40px}.navbar-pfp:hover{box-shadow:0 4px 16px #22223b2e}.navbar-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 16px #22223b26;color:#22223b;display:flex;flex-direction:column;min-width:180px;padding:.5rem 0;position:absolute;right:0;top:48px;z-index:10}.navbar-dropdown button{background:none;border:none;color:#22223b;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;text-align:left;transition:background .15s}.navbar-dropdown button:hover{background:#f5f5f5}@media (max-width:768px){.main-layout{gap:1rem;grid-template-columns:1fr}.controls-panel{padding-right:0}.spring-preview{height:400px}}.bezier-editor-container{align-items:flex-start;display:flex;flex-direction:column;margin-top:.5rem;max-width:250px;width:100%}.bezier-editor-container canvas{background-color:#fff;border:1px solid #ddd;border-radius:4px}.bezier-value{color:#007bff;font-weight:700;margin-top:.5rem}
/*# sourceMappingURL=main.1ca8e4be.css.map*/