.ref-catalog{margin-bottom:var(--spacing-lg)}.ref-catalog-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 var(--spacing-md)0;text-align:center;font-size:1.15rem;font-weight:700}.ref-catalog-tabs{margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ref-catalog-tab{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.ref-catalog-tab:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00a33e0a}.ref-catalog-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.ref-catalog-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.ref-catalog-card{background:var(--bg-card);border-radius:var(--radius-md);border:1.5px solid #0000;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.ref-catalog-card:hover{border-color:#00a33e33;box-shadow:0 8px 24px #0000001a}.ref-catalog-card-image-wrapper{cursor:pointer;position:relative;overflow:hidden}.ref-catalog-card-image{object-fit:cover;object-position:top;width:100%;height:150px;transition:transform .4s;display:block}.ref-catalog-card:hover .ref-catalog-card-image{transform:scale(1.04)}.ref-catalog-card-body{align-items:center;gap:8px;padding:8px 10px;display:flex}.ref-catalog-card-info{flex:1;min-width:0}.ref-catalog-card-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ref-catalog-card-category{color:var(--text-tertiary);margin-top:1px;font-size:10px}.ref-catalog-card-select{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700;transition:all .25s;box-shadow:0 2px 8px #00a33e33}.ref-catalog-card-select:hover{transform:translateY(-1px);box-shadow:0 4px 14px #00a33e4d}.ref-catalog-lightbox{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s ref-lb-fadein;display:flex;position:fixed;inset:0}@keyframes ref-lb-fadein{0%{opacity:0}to{opacity:1}}.ref-catalog-lightbox-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:800px;animation:.25s ref-lb-scale;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}@keyframes ref-lb-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ref-catalog-lightbox-content img{object-fit:contain;background:#f0f0f0;width:100%;max-height:70vh;display:block}.ref-catalog-lightbox-footer{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.ref-catalog-lightbox-title{color:var(--text-primary);font-size:15px;font-weight:700}.ref-catalog-lightbox-cat{color:var(--text-tertiary);margin-top:2px;font-size:12px}.ref-catalog-lightbox-select{background:var(--primary-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.ref-catalog-lightbox-select:hover{background:var(--primary-dark);transform:translateY(-1px)}.ref-catalog-lightbox-close{-webkit-backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.ref-catalog-lightbox-close:hover{background:#000000b3}.ref-catalog-loading{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);color:var(--text-secondary)}.ref-catalog-loading-spinner{border:3px solid #e2e8f0;border-top-color:var(--primary-color);width:36px;height:36px;margin:0 auto var(--spacing-md);border-radius:50%;animation:.8s linear infinite ai-spin}.ref-catalog-empty{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);color:var(--text-secondary)}.ref-catalog-empty i{color:#e2e8f0;margin-bottom:var(--spacing-sm);font-size:40px}.ref-catalog-empty h3{color:var(--text-primary);margin:0 0 6px;font-size:1.1rem}.ref-catalog-empty p{color:var(--text-tertiary);margin:0;font-size:14px}@media (max-width:680px){.ref-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ref-catalog-card-image{height:120px}.ref-catalog-tab{padding:5px 12px;font-size:12px}.ref-catalog-tabs{margin-bottom:var(--spacing-md);gap:4px}.ref-catalog-card-body{padding:6px 8px}.ref-catalog-card-title{font-size:11px}.ref-catalog-card-select{padding:4px 10px;font-size:10px}.ref-catalog-lightbox{padding:12px}.ref-catalog-lightbox-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.ref-catalog-lightbox-select{justify-content:center;width:100%}}@media (max-width:400px){.ref-catalog-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ref-catalog-card-image{height:100px}}
.room-upload{width:100%;max-width:600px}.room-upload-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 var(--spacing-sm)0;text-align:center;font-size:1rem;font-weight:700}.room-upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl)var(--spacing-lg);text-align:center;cursor:pointer;background:var(--bg-secondary,#f9fafb);transition:all .25s}.room-upload-zone:hover,.room-upload-zone.active{border-color:var(--primary-color);background:#00a33e08}.room-upload-input{display:none}.room-upload-zone-content i{color:#cbd5e0;margin-bottom:8px;font-size:36px;transition:color .25s;display:block}.room-upload-zone:hover .room-upload-zone-content i,.room-upload-zone.active .room-upload-zone-content i{color:var(--primary-color)}.room-upload-zone-content p{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.room-upload-hint{color:var(--text-tertiary);font-size:12px}.room-upload-preview{flex-direction:column;align-items:center;display:flex}.room-upload-preview img{border-radius:var(--radius-md);max-width:100%;max-height:320px;box-shadow:var(--shadow-md);object-fit:contain}.room-upload-remove{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:10px;padding:6px 16px;font-size:13px;transition:all .2s;display:inline-flex}.room-upload-remove:hover{border-color:var(--primary-color);color:var(--primary-color)}.room-upload-error{color:#dc2626;border-radius:var(--radius-sm);text-align:center;background:#fef2f2;border:1px solid #fecaca;margin-top:8px;padding:8px 12px;font-size:13px}@media (max-width:680px){.room-upload-zone{padding:var(--spacing-lg)var(--spacing-md)}.room-upload-zone-content i{margin-bottom:6px;font-size:28px}.room-upload-zone-content p{font-size:13px}.room-upload-preview img{max-height:240px}}
.gen-result{text-align:center;margin-bottom:var(--spacing-xl)}.gen-result-title{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 var(--spacing-md)0;letter-spacing:-.01em;font-size:1.35rem;font-weight:800}.gen-result-image-wrapper{margin-bottom:var(--spacing-md);display:inline-block;position:relative}.gen-result-image{border-radius:var(--radius-lg);max-width:100%;max-height:480px;box-shadow:var(--shadow-lg);object-fit:contain}.gen-result-download{-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#0000008c;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.gen-result-download:hover{background:#000000bf}.gen-result-remaining{color:var(--text-tertiary);margin-bottom:var(--spacing-md);font-size:13px}.gen-result-remaining strong{color:var(--primary-color)}.gen-result-actions{margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gen-result-btn-new{background:var(--primary-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.gen-result-btn-new:hover{background:var(--primary-dark);transform:translateY(-1px)}.gen-result-btn-again{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.gen-result-btn-again:hover{border-color:var(--text-secondary);color:var(--text-primary)}.gen-result-cta{border-radius:var(--radius-lg);padding:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(135deg,#00a33e0a 0%,#00a33e14 100%);border:1px solid #00a33e1a;max-width:540px;margin:0 auto}.gen-result-cta h3{font-family:var(--font-heading);color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:700}.gen-result-cta p{color:var(--text-secondary);margin:0 0 var(--spacing-md)0;font-size:14px}.gen-result-cta-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:10px 28px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.gen-result-cta-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00a33e40}@media (max-width:680px){.gen-result-title{font-size:1.15rem}.gen-result-image{max-height:300px}.gen-result-actions{flex-direction:column;align-items:center;gap:8px}.gen-result-btn-new,.gen-result-btn-again{justify-content:center;width:100%;max-width:280px}.gen-result-cta{padding:var(--spacing-md)}.gen-result-cta h3{font-size:1rem}.gen-result-cta-btn{justify-content:center;width:100%}}