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{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;text-align:left}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem;text-align:center}.App-header h1{font-size:2.5rem;font-weight:300;margin:0}.App-header p{font-size:1.1rem;margin:.5rem 0 0;opacity:.9}.main-content{display:flex;flex-direction:column;gap:1rem;min-height:calc(100vh - 120px);padding:1rem}.content-wrapper{display:flex;flex:1 1;gap:1rem}.left-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:0 0 300px;max-height:calc(100vh - 180px);overflow-y:auto;padding:1rem}.center-panel{display:flex;flex:1 1;flex-direction:column;gap:1rem}.controls{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1rem}.control-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.control-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.start-button{background-color:#28a745;color:#fff}.start-button:hover:not(:disabled){background-color:#218838}.start-button:disabled{background-color:#6c757d;cursor:not-allowed}.stop-button{background-color:#dc3545;color:#fff}.stop-button:hover:not(:disabled){background-color:#c82333}.stop-button:disabled{background-color:#6c757d;cursor:not-allowed}.reset-button{background-color:#ffc107;color:#212529}.reset-button:hover{background-color:#e0a800}.status-info{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.status-info p{font-size:.9rem;margin:0}.grid-container{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;max-height:calc(100vh - 300px);overflow:auto;padding:1rem}.grid{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px}.presets-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1rem;width:100%}.presets-section h3{color:#495057;margin-bottom:1rem;margin-top:0}.presets-note{border-top:1px solid #dee2e6;margin-top:1.5rem;padding-top:1rem}.presets-note p{color:#6c757d;font-size:.875rem;line-height:1.5;margin:0;text-align:left}.category-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.tab-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.tab-button:hover{background-color:#e9ecef}.tab-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.preset-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preset-button{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.8rem;padding:.5rem;text-align:center;transition:all .2s ease;white-space:normal}.preset-button:hover{background-color:#e9ecef}.preset-button.active{background-color:#28a745;border-color:#28a745;color:#fff}.config-panel h3{color:#495057;margin-top:0}.config-group,.config-panel h3{margin-bottom:1rem}.config-group label{color:#495057;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.25rem}.config-group input,.config-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.config-group input:focus,.config-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}@media (max-width:768px){.main-content{flex-direction:column}.left-panel{flex:none;max-height:none}.control-buttons{flex-wrap:wrap}.status-info{flex-direction:column;gap:.5rem}}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-small .loading-spinner{border-width:2px;height:20px;width:20px}.loading-large .loading-spinner{border-width:6px;height:60px;width:60px}.loading-message{color:#6c757d;font-size:.9rem;margin:.5rem 0 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:1rem}.error-message p{font-size:.9rem;margin:0 0 .5rem}.retry-button{background-color:#dc3545;border:1px solid #dc3545;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.retry-button:hover{background-color:#c82333;border-color:#bd2130}
/*# sourceMappingURL=main.86c86027.css.map*/