.App{background-color:#2e3541;min-height:100vh;text-align:center}.main{align-items:flex-start;justify-content:center;min-height:calc(100vh - 400px);padding:2rem}.header,.main{background-color:#2e3541;color:#fff;display:flex}.header{align-items:center;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start;padding:20px}nav{margin-bottom:20px;max-width:1200px;width:100%}nav ul{background-color:#ffffff0d;border-radius:8px;display:flex;gap:2rem;justify-content:flex-start;list-style-type:none;margin:0;padding:1rem 1.5rem}nav li{margin:0;padding:0}nav a{border-radius:4px;color:#80a3cf;display:block;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}nav a:hover{background-color:#80a3cf33;color:#a0c4e8}a{color:#80a3cf}.control-section{background-color:#ffffff1a;border-radius:8px;margin-top:20px;max-width:600px;padding:15px;width:90%}.section-header{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;gap:10px;justify-content:space-between;margin-bottom:10px}.config-button{background-color:#80a3cf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.config-button:hover{background-color:#6b8bb3}.instance-config{background-color:#ffffff0d;border:1px solid #fff3;border-radius:6px;margin-top:15px;padding:20px}.config-form{display:flex;flex-direction:column;gap:15px;text-align:left}.config-form label{font-size:14px;font-weight:700;margin-bottom:5px}.config-form input{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:14px;padding:10px}.config-form input.invalid{background-color:#ffe6e6;border-color:#ff6b6b}.error-message{color:#ff6b6b;font-size:12px;margin-top:5px}.warning-message{background-color:#ff980026;border:1px solid #ff9800;border-radius:4px;color:#ffb74d;font-size:13px;line-height:1.5;padding:12px;text-align:left}.warning-message strong{color:#ffa726;display:block;margin-bottom:6px}.config-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.config-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.apply-button{background-color:#4caf50;color:#fff}.apply-button:hover:not(:disabled){background-color:#45a049}.apply-button:disabled{background-color:#ccc;cursor:not-allowed}.reset-button{background-color:#ff9800;color:#fff}.reset-button:hover{background-color:#e68900}.reset-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button:hover{background-color:#da190b}@media (max-width:768px){nav ul{flex-direction:column;gap:.5rem;padding:1rem}nav a{padding:.75rem 1rem}}@media (max-width:600px){.section-header{align-items:flex-start}.config-buttons,.section-header{flex-direction:column}.config-buttons button{width:100%}}.page-container{display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem;width:100%}.page-info{max-width:800px;text-align:left;width:100%}.page-info h1{border-bottom:3px solid #80a3cf;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.info-section{background:#ffffff1a;border-left:4px solid #80a3cf;border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.info-section h2{color:#fff;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.info-section h3{color:#e0e0e0;font-size:1.2rem;margin-bottom:.75rem;margin-top:0}.info-section p{color:#d0d0d0;line-height:1.6;margin-bottom:0}.info-section ul{margin:.5rem 0;padding-left:1.5rem}.info-section li{color:#d0d0d0;line-height:1.8;margin-bottom:.5rem}.info-section strong{color:#fff}.info-section code{background:#80a3cf33;border-radius:3px;color:#a0c4e8;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.technical-note{background:#2980b926;border-left-color:#80a3cf}.technical-note p{font-size:.95rem;font-style:italic}.action-prompt{background:#ffc10726;border-left-color:#ffc107}.action-prompt p{color:#ffd54f;font-size:1.05rem}@media (max-width:768px){.page-container{padding:1rem}.page-info h1{font-size:2rem}.info-section{padding:1rem}.info-section h2{font-size:1.3rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2e3541;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}
/*# sourceMappingURL=main.f32cc6b5.css.map*/