.image-generator{max-width:1200px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.generator-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.image-upload,.prompt-input{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;color:#333}input[type=file]{padding:.5rem;border:2px dashed #ccc;border-radius:8px;cursor:pointer}textarea{width:100%;min-height:100px;padding:1rem;border:1px solid #ccc;border-radius:8px;resize:vertical;font-family:inherit}button{padding:1rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.preview,.result{margin-top:2rem}.preview-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error{padding:1rem;background-color:#ffebee;color:#c62828;border-radius:8px;margin-top:1rem}h2,h3{color:#333;margin-bottom:1rem}.reset-button{margin-top:2rem;padding:1rem 2rem;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s}.reset-button:hover{background-color:#45a049}.room-selector{margin:2rem 0;display:flex;flex-direction:column;gap:.5rem;max-width:600px;margin:2rem auto}.room-selector label{font-weight:600;color:#333;font-size:1.1rem}.room-select{padding:.8rem;border:2px solid #ccc;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .3s;color:#333}.room-select:hover{border-color:#999}.room-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.room-select option{color:#333;background-color:#fff;padding:.5rem}.styles-container{padding:2rem;background-color:#fff;color:#000}.title{text-align:center;font-size:2.5rem;margin-bottom:1rem}.subtitle{text-align:center;font-size:1.1rem;margin-bottom:2rem;max-width:1000px;margin:0 auto 2rem}.styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.styles-grid:has(.selected){grid-template-columns:1fr;max-width:600px}.style-card{background-color:#f0f0f0b3;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.style-card:hover{transform:translateY(-5px)}.style-card.selected{border:3px solid #4CAF50;transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.style-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.style-info{padding:1.5rem}.style-name{font-size:1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.style-description{font-size:.9rem;color:#333;line-height:1.5}.remove-style{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;color:#666;padding:0}.remove-style:hover{background:#fff;transform:scale(1.1);color:#333}