.ai-design-page{max-width:1100px;padding:110px var(--spacing-md)var(--spacing-2xl);margin:0 auto}.ai-design-hero{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)var(--spacing-lg);border-radius:var(--radius-lg);background:radial-gradient(80% 60% at 20% 100%,#00a33e12 0%,#0000 70%),radial-gradient(60% 50% at 80% 0,#2fa8380f 0%,#0000 70%),linear-gradient(#f9fafbcc 0%,#fff0 100%);border:1px solid #00a33e14;position:relative;overflow:hidden}.ai-design-hero:before{content:"";background:var(--primary-gradient);border-radius:var(--radius-lg)var(--radius-lg)0 0;height:3px;position:absolute;top:-1px;left:0;right:0}.ai-design-hero-content{z-index:1;position:relative}.ai-design-hero h1{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.75rem;font-weight:800}.ai-design-hero p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:.95rem;line-height:1.5}.ai-design-stepper{margin-bottom:var(--spacing-lg);background:var(--bg-secondary,#f7f8fa);border-radius:var(--radius-full);border:1px solid var(--border-color);justify-content:center;align-items:center;gap:0;width:fit-content;margin-left:auto;margin-right:auto;padding:6px;display:flex}.ai-design-step{border-radius:var(--radius-full);opacity:.45;cursor:default;align-items:center;gap:6px;padding:6px 14px;transition:all .25s;display:flex}.ai-design-step.active{opacity:1;background:#fff;box-shadow:0 1px 4px #00000014}.ai-design-step.completed{opacity:.7}.ai-design-step-number{color:#718096;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .25s;display:flex}.ai-design-step.active .ai-design-step-number,.ai-design-step.completed .ai-design-step-number{background:var(--primary-color);color:#fff}.ai-design-step span{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.ai-design-step.active span{color:var(--text-primary)}.ai-design-step-line{background:#d1d5db;flex-shrink:0;width:20px;height:1px;margin:0 2px}.ai-design-error{color:#dc2626;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#fef2f2;border:1px solid #fecaca;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.ai-design-error button{color:#dc2626;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:16px;transition:opacity .2s}.ai-design-error button:hover{opacity:1}.ai-design-upload-step{align-items:center;gap:var(--spacing-md);flex-direction:column;max-width:600px;margin:0 auto;display:flex}.ai-design-selected-ref{width:100%}.ai-design-selected-ref-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:row;align-items:stretch;height:250px;transition:border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ai-design-selected-ref-card:hover{border-color:#00a33e4d}.ai-design-selected-ref-card img{object-fit:cover;flex-shrink:0;width:50%;height:100%;display:block}.ai-design-selected-ref-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:10px 14px;display:flex}.ai-design-selected-ref-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600;line-height:1}.ai-design-selected-ref-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ai-design-change-ref{border:none;border-left:1px solid var(--border-color);width:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.ai-design-change-ref:hover{color:var(--primary-color);background:#00a33e0f}.ai-design-upload-step>.room-upload{width:100%;max-width:none}.ai-design-generate-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-colored);border:none;align-items:center;gap:8px;padding:12px 32px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.ai-design-generate-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #00a33e40}.ai-design-generate-btn:active{transform:translateY(0)}.ai-design-generate-btn i{font-size:16px}.ai-design-remaining{color:var(--text-tertiary);margin-top:-4px;font-size:13px}.ai-design-generating{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl)}.ai-design-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-color);width:48px;height:48px;margin:0 auto var(--spacing-lg);border-radius:50%;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-design-generating h3{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 6px;font-size:1.2rem}.ai-design-generating p{color:var(--text-secondary);margin:0;font-size:14px}@media (max-width:680px){.ai-design-page{padding:var(--spacing-md)var(--spacing-sm)var(--spacing-xl);padding-top:var(--spacing-md)}.ai-design-hero{padding:var(--spacing-lg)var(--spacing-md);margin-bottom:var(--spacing-md)}.ai-design-hero h1{font-size:1.35rem}.ai-design-hero p{font-size:.88rem}.ai-design-stepper{margin-bottom:var(--spacing-md);padding:4px}.ai-design-step{gap:4px;padding:5px 8px}.ai-design-step span{font-size:11px}.ai-design-step-number{width:20px;height:20px;font-size:10px}.ai-design-step-line{width:12px}.ai-design-generate-btn{justify-content:center;width:100%;padding:12px 20px;font-size:14px}.ai-design-remaining{text-align:center}.ai-design-generating{padding:var(--spacing-2xl)var(--spacing-md)}}@media (max-width:400px){.ai-design-step span{display:none}.ai-design-step-line{width:24px}.ai-design-step{padding:6px 10px}}