
/* Environment: prod - Generated styles */
.submit-container {max-width:800px;margin:0 auto;padding:2rem;background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.1)}.submit-header {text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #4b6cb7}.submit-header h2 {color:#4b6cb7;margin-bottom:0.5rem}.submit-header p {color:#666;font-size:1.1rem}.submit-form {display:flex;flex-direction:column;gap:2rem}.form-section {padding:1.5rem;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa}.form-section h3 {color:#4b6cb7;margin-bottom:1rem;font-size:1.3rem}.section-description {color:#666;margin-bottom:1.5rem;font-style:italic}.form-group {margin-bottom:1.5rem}.form-group label {display:block;margin-bottom:0.5rem;font-weight:bold;color:#333}.form-control {width:100%;padding:0.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color 0.3s ease}.form-control:focus {outline:none;border-color:#4b6cb7;box-shadow:0 0 0 3px rgba(75, 108, 183, 0.1)}.form-control.invalid {border-color:#e74c3c;background-color:#fdf2f2}.form-row {display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.form-row .form-group {margin-bottom:0}.form-text {display:block;margin-top:0.25rem;font-size:0.875rem;color:#666}.error-message {color:#e74c3c;font-size:0.875rem;margin-top:0.25rem;display:block}.checkbox-label {display:flex;align-items:flex-start;gap:0.5rem;font-weight:normal;cursor:pointer}.checkbox-label input[type="checkbox"] {margin-top:0.25rem;width:auto}.checkbox-label a {color:#4b6cb7;text-decoration:none}.checkbox-label a:hover {text-decoration:underline}.categories-container {margin-top:0.5rem}.categories-container.fallback-categories {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:0.5rem}.category-checkbox {display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;transition:background-color 0.2s ease}.category-checkbox:hover {background-color:#f0f0f0}.category-checkbox input[type="checkbox"] {width:auto}.submit-container .categories-multiselect .selected-categories {border-color:#ddd;border-width:2px}.submit-container .categories-multiselect .selected-categories:focus-within {border-color:#4b6cb7;box-shadow:0 0 0 3px rgba(75, 108, 183, 0.1)}.submit-container .categories-multiselect .selected-category {background:#4b6cb7}.submit-container .categories-multiselect .add-custom-btn:hover {border-color:#4b6cb7;color:#4b6cb7}.image-preview {width:100%;min-height:150px;border:2px dashed #ced4da;border-radius:4px;margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;transition:all 0.3s ease;position:relative}.image-preview:before {content:'Drag & drop an image here or click to select';color:#6c757d;font-style:italic;position:absolute;pointer-events:none}.image-preview.has-image:before {display:none}.image-preview.dragover {border-color:#3498db;background-color:rgba(52, 152, 219, 0.05)}.image-preview.has-image {border-style:solid;border-color:#3498db;min-height:auto;justify-content:flex-start}.preview-wrapper {width:100%;display:flex;flex-direction:column;align-items:center}.preview-image {max-width:100%;max-height:300px;margin-bottom:1rem;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.file-info {margin-bottom:1rem;color:#6c757d;font-size:0.9rem;text-align:center}.preview-actions {display:flex;gap:0.5rem;margin-bottom:1rem}.remove-image, .upload-image {padding:0.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem}.remove-image {background-color:#6c757d;color:white}.remove-image:hover {background-color:#5a6268}.upload-image {background-color:#3498db;color:white}.upload-image:hover:not(:disabled) {background-color:#2980b9}.upload-image:disabled {background-color:#bdc3c7;cursor:not-allowed}.upload-image.btn-success {background-color:#27ae60}.upload-image.btn-success:hover {background-color:#229954}.upload-progress {display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;margin-top:1rem}.progress-spinner {width:20px;height:20px;border:2px solid #e9ecef;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}.progress-message {color:#6c757d;font-size:0.9rem}.upload-error {display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-top:1rem}.error-icon {font-size:1.5rem}.error-message {color:#721c24;font-size:0.9rem;text-align:center}.retry-upload {background-color:#e74c3c;color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;font-size:0.9rem;transition:background-color 0.3s ease}.retry-upload:hover {background-color:#c0392b}.upload-success {display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:1rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;margin-top:1rem}.success-icon {font-size:1.5rem;color:#155724}.success-message {color:#155724;font-size:0.9rem;text-align:center}.form-actions {display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e0e0e0}.button {padding:0.75rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background-color 0.3s ease}.submit-button {background-color:#4b6cb7;color:white}.submit-button:hover {background-color:#3a5a9e}.submit-button:disabled {background-color:#ccc;cursor:not-allowed}.button-secondary {background-color:#6c757d;color:white}.button-secondary:hover {background-color:#5a6268}.success-message {text-align:center;padding:2rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}.success-message h3 {color:#155724;margin-bottom:1rem}.success-message p {margin-bottom:1rem}.success-message .button {background-color:#28a745;color:white;margin-top:1rem}.success-message .button:hover {background-color:#218838}.loading {position:relative;pointer-events:none}.loading::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.8);display:flex;align-items:center;justify-content:center}.loading-message {text-align:center;padding:2rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057}.loading-message p {margin:0;font-size:1.1rem}.error-message {text-align:center;padding:2rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.error-message h3 {color:#721c24;margin-bottom:1rem}.error-message p {margin-bottom:1rem}@media (max-width:768px) {.submit-container {margin:1rem;padding:1rem}.form-row {grid-template-columns:1fr}.form-actions {flex-direction:column}.categories-container {grid-template-columns:1fr}}