*{box-sizing:border-box;margin:0;padding:0}.home-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem}.home-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000001a}.home-header h1{color:#333;margin:0;font-size:2rem}.btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.scenes-container{background:#fff;border-radius:12px;min-height:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.empty-state{color:#666;flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.empty-state p{margin:.5rem 0;font-size:1.2rem}.empty-state-hint{color:#999;font-size:1rem!important}.scenes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.scene-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s;overflow:hidden}.scene-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.scene-thumbnail{object-fit:cover;width:100%;height:200px;display:block}.scene-info{background:#f8f9fa;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.scene-mode{color:#667eea;font-size:.9rem;font-weight:600}.scene-size,.scene-time{color:#666;font-size:.85rem}.ai-mode-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.prompt-textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.prompt-textarea:focus{border-color:#667eea;outline:none}.prompt-textarea:disabled{cursor:not-allowed;background:#f5f5f5}.image-size-select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem;font-size:1rem;transition:border-color .2s}.image-size-select:focus{border-color:#667eea;outline:none}.image-size-select:disabled{cursor:not-allowed;background:#f5f5f5}.info-disclaimer{color:#4b5563;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.9rem;display:flex}.info-icon{color:#fff;background:#667eea;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.9rem;font-weight:700;line-height:1;display:inline-flex}.info-text{line-height:1.4}.camera-settings{flex-direction:column;gap:1.5rem;display:flex}.setting-group{flex-direction:column;gap:.75rem;display:flex}.setting-group h4{color:#555;margin:0;font-size:1rem;font-weight:600}.sphere-editor{flex-direction:column;gap:1.25rem;display:flex}.editor-section{flex-direction:column;gap:.5rem;display:flex}.editor-section h5{color:#555;margin:0;font-size:.95rem;font-weight:600}.point3d-inputs{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.input-with-label{flex-direction:column;gap:.25rem;display:flex}.input-with-label label{color:#666;font-size:.85rem;font-weight:500}.form-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:.5rem;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:#667eea;outline:none}.form-input:disabled{cursor:not-allowed;background:#f5f5f5}.material-inputs{flex-direction:column;gap:1rem;display:flex}.color-picker-group{flex-direction:column;gap:.5rem;display:flex}.color-picker-group>label{color:#666;font-size:.9rem;font-weight:500}.color-inputs{align-items:center;gap:.75rem;display:flex}.color-picker{cursor:pointer;border:2px solid #e0e0e0;border-radius:6px;width:60px;height:40px;transition:border-color .2s}.color-picker:focus{border-color:#667eea;outline:none}.color-picker:disabled{cursor:not-allowed;opacity:.6}.rgb-inputs{flex:1;gap:.5rem;display:flex}.form-input-small{text-align:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;width:70px;padding:.5rem;font-size:.9rem;transition:border-color .2s}.form-input-small:focus{border-color:#667eea;outline:none}.form-input-small:disabled{cursor:not-allowed;background:#f5f5f5}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group label{cursor:pointer;color:#333;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-group input[type=checkbox]:disabled{cursor:not-allowed}.spheres-list{flex-direction:column;gap:1rem;display:flex}.sphere-item{background:#fff;border:1px solid #d0d0d0;border-radius:6px;overflow:hidden}.sphere-header{background:#f8f8f8;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sphere-toggle{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;flex:1;padding:.5rem;font-size:1rem;font-weight:600;transition:color .2s}.sphere-toggle:hover:not(:disabled){color:#667eea}.sphere-toggle:disabled{cursor:not-allowed;opacity:.6}.btn-remove{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-remove:hover:not(:disabled){background:#ff5252}.btn-remove:disabled{cursor:not-allowed;background:#ccc}.sphere-content{padding:1rem}.btn-add{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;margin-top:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-add:hover:not(:disabled){background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.btn-add:disabled{cursor:not-allowed;background:#ccc;transform:none}.manual-mode-form{flex-direction:column;gap:2rem;display:flex}.form-section{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem}.section-title{color:#333;border-bottom:2px solid #667eea;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:600}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group:last-child{margin-bottom:0}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-select,.form-input{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:#667eea;outline:none}.form-select:disabled,.form-input:disabled{cursor:not-allowed;background:#f5f5f5}.btn-submit{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-submit:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-submit:disabled{cursor:not-allowed;background:#ccc;transform:none}.create-scene-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem}.create-header{background:#fff;border-radius:12px;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000001a}.create-header h1{color:#333;margin:0;font-size:1.8rem}.btn-back{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.mode-selector{background:#fff;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 4px 6px #0000001a}.mode-btn{color:#666;cursor:pointer;background:#f5f5f5;border:2px solid #0000;border-radius:8px;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.mode-btn:hover:not(:disabled){background:#e8e8e8}.mode-btn.active{color:#fff;background:#667eea;border-color:#5568d3}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:1rem;padding:1rem}.form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.view-scene-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem}.view-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000001a}.view-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:1.8rem}.btn-back{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-back:hover{background:#e0e0e0}.btn-download{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-download:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.image-container{background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px #0000001a}.rendered-image{border-radius:8px;max-width:100%;height:auto;box-shadow:0 2px 8px #00000026}.scene-metadata{background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem;display:grid;box-shadow:0 4px 6px #0000001a}.metadata-item{flex-direction:column;gap:.25rem;display:flex}.metadata-label{color:#666;font-size:.85rem;font-weight:500}.metadata-value{color:#333;font-size:1rem;font-weight:600}.loading{color:#fff;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}