body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{display:flex;flex-direction:row;height:100vh;width:100%}.left-panel{background-color:#000;color:#fff;flex:1 1;overflow-y:auto;padding:2rem;text-align:center}.right-panel{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.logo{margin-bottom:1rem;max-width:150px}.faq-section{margin-top:2rem;text-align:left}.faq-item{margin-bottom:1.5rem}.faq-item h4{margin-bottom:.5rem}.form-container{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0;max-width:400px;padding:2rem;text-align:center;width:100%}.input-group{margin-bottom:1.25rem;text-align:left}.form-label{display:block;margin-bottom:.5rem}.form-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:.75rem;width:100%}.submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.submit-button:hover{background-color:#0056b3}.toggle-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:0;text-decoration:underline}body{background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2{border-bottom:1px solid #444;color:#fff;padding-bottom:10px}.dashboard-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.dashboard-header{justify-content:space-between;margin-bottom:2rem}.dashboard-header,.storage-section,.upload-section{align-items:center;display:flex;max-width:1200px;width:100%}.storage-section,.upload-section{flex-direction:column}.dropzone{background-color:#2a2a2a;border:2px dashed #555;border-radius:10px;color:#aaa;cursor:pointer;margin-bottom:1rem;padding:2rem;text-align:center;width:100%}.dropzone.active{border-color:#007bff}.file-info{margin-bottom:1rem}.upload-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:background-color .3s ease}.upload-button:hover{background-color:#0056b3}.upload-button:disabled{background-color:#555;cursor:not-allowed}.logout-button{border:none;border-radius:5px;font-size:1rem;padding:.5rem 1rem}.delete-button,.logout-button{background-color:#dc3545;color:#fff;cursor:pointer}.delete-button{border:none;border-radius:4px;padding:8px 12px}.delete-button:hover{background-color:#c82333}.actions-cell,.render-form{align-items:center;display:flex;gap:10px}.render-form{flex-wrap:wrap}.frame-inputs,.render-options{align-items:center;display:flex;gap:10px}.frame-inputs input{background-color:#333;border:1px solid #555;color:#e0e0e0;padding:5px;width:60px}.submit-render-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s ease}.submit-render-button:hover{background-color:#218838}.status-badge{border-radius:12px;color:#fff;font-size:.8em;padding:3px 8px;text-transform:capitalize}.status-queued{background-color:#17a2b8}.status-rendering{background-color:#007bff}.status-completed{background-color:#28a745}.status-failed{background-color:#dc3545}.status-cancelled{background-color:#6c757d}.projects-section,.render-queue-section,.rendered-projects-section,.storage-section,.upload-section{background-color:#1e1e1e;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:20px;max-width:1200px;padding:20px;width:100%}.projects-table{border-collapse:collapse;color:#e0e0e0;width:100%}.projects-table td,.projects-table th{border:1px solid #444;padding:12px;text-align:left}.projects-table thead{background-color:#333}.projects-table th{color:#fff}.projects-table tbody tr:hover{background-color:#3a3a3a}.storage-section{color:#eee}.storage-section h2{font-size:1.2em;margin-top:0}.storage-bar-container{align-items:center;display:flex;gap:15px}.storage-bar-container progress{border:1px solid #555;border-radius:10px;flex-grow:1;height:20px}.storage-bar-container progress::-webkit-progress-bar{background-color:#444;border-radius:10px}.storage-bar-container progress::-webkit-progress-value{background-color:#4caf50;border-radius:10px;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.storage-bar-container progress::-moz-progress-bar{background-color:#4caf50;border-radius:10px}.storage-bar-container span{font-family:Courier New,Courier,monospace;font-size:.9em;font-weight:700;min-width:130px;text-align:right}.download-button{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}