*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb;font-size:calc(10px + 1vmin);text-decoration-thickness:1px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notfound{align-items:center;animation:colorSlide 15s cubic-bezier(.075,.82,.165,1) infinite;background:#282c34;color:#fff;display:flex;height:100vh;justify-content:center;text-align:center}.notfound-content{border-radius:15px;max-width:600px;padding:20px 20px 80px}.notfound-content h1{color:#61dafb;font-size:4rem;margin:0;text-shadow:2px 2px 10px #000000b3}.notfound-content h3{color:#fff;font-size:1.5rem;margin:10px 0}.notfound-content p{color:#bbb;font-size:1rem;margin:10px 0 20px}.notfound-content .btn{background-color:#258ccc;border:none;border-radius:5px;color:#f0f0f0;cursor:pointer;display:inline-block;font-size:1rem;padding:10px 20px;text-decoration:none;transition:all .3s ease}.notfound-content .btn:hover{background-color:#61dafb;color:#282c34}.canvas-header{background:#2a2a3dcc;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 15px #00000080;color:#f0f0f0;font-size:calc(10px + 1vmin);left:20px;padding:20px;position:absolute;top:20px;width:360px;z-index:10}@media (max-width:768px){.canvas-header{left:50%;transform:translateX(-50%);width:80%}}.canvas-header h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 10px;text-shadow:1px 1px 4px #000000b3}.canvas-header h2{color:#ccc;font-size:1.2rem;font-weight:500;margin:5px 0}.canvas-header h3{color:#ccc;font-size:1rem;margin:5px 0}.canvas-header p{color:#bbb;font-size:1rem;margin:5px 0}.canvas-header .btn,.measure .btn{background-color:#258ccc;color:#282c34}.btn-outline,.canvas-header .btn,.measure .btn{border:2px solid #258ccc;border-radius:10px;cursor:pointer;display:inline-block;font-size:.9rem;margin:10px 5px 0 0;padding:8px 12px}.btn-outline{background-color:initial;color:#258ccc;transition:all .3s ease}.canvas-header input[type=file]{background-color:#2a2a3d;border:1px solid #444;border-radius:10px;color:#f0f0f0;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px;transition:all .3s ease}.canvas-header input[type=file]::file-selector-button{background-color:#444;border:none;border-radius:5px;color:#f0f0f0;cursor:pointer;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}.canvas-header input[type=file]::file-selector-button:hover{background-color:#555}.mode-buttons{display:flex;gap:5px;margin:5px 0}.mode-buttons button{margin-top:5px!important}.selected{background-color:#61dafb!important;color:#282c34!important}.algo-section{color:#ccc;margin-top:20px}button,h1,h2,label,p{-webkit-user-select:none;user-select:none}.sec-btn-grey{background-color:#555;border:none;border-radius:10px;color:#f0f0f0;cursor:pointer;font-family:inherit;margin:10px 5px 0 0;padding:8px 12px;transition:all .3s ease}.sec-btn-grey:hover{background-color:#777;transform:scale(1.05)}.sec-btn-success{background-color:#28a745;border:none;border-radius:10px;color:#f0f0f0;cursor:pointer;margin:10px 5px 0 0;padding:8px 12px;transition:all .3s ease}.sec-btn-success:hover{background-color:#2ecc71;transform:scale(1.05)}.iterations-container{align-items:center;display:flex;gap:10px;margin-top:8px}.iterations-container input,.iterations-container label{color:#f0f0f0;font-size:1rem}.iterations-container input{background-color:#2a2a3d;border:1px solid #444;border-radius:10px;padding:6px 10px;transition:all .3s ease;width:60px}.iterations-container input:hover{border-color:#61dafb}.iterations-container input:focus{border-color:#61dafb;box-shadow:0 0 5px #61dffb80;outline:none}.no-hover{transform:scale(1)!important}.measure{background-color:#2a2a3dcc;border:1px solid #ffffff1a;border-radius:10px;bottom:20px;box-shadow:0 4px 15px #00000080;color:#f0f0f0;left:20px;padding:10px 20px;position:fixed;z-index:1000}.measure p{font-size:1rem;margin:0}.load-example{background-color:#2a2a3dcc;border:1px solid #ffffff1a;border-radius:10px;bottom:20px;box-shadow:0 4px 15px #00000080;color:#f0f0f0;padding:10px 20px;position:fixed;right:20px;z-index:1000}#example-select{background-color:#2a2a3d;border:1px solid #444;border-radius:10px;color:#f0f0f0;cursor:pointer;font-family:inherit;font-size:1rem;padding:8px 12px;transition:all .3s ease;width:90px}#example-select:hover{border-color:#61dafb}#example-select:focus{border-color:#61dafb;box-shadow:0 0 5px #61dffb80;outline:none}#example-select option{background-color:#2a2a3d;color:#f0f0f0}.toggle-view{background-color:#2a2a3dcc;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 4px 15px #00000080;color:#f0f0f0;margin-top:20px;padding:10px 20px}.toggle-view:hover{background-color:#61dafb;color:#282c34;transform:scale(1.05)}.show{font-size:1rem;left:20px;margin:0;position:fixed;top:20px}
/*# sourceMappingURL=main.29a8c368.css.map*/