.design-studio-section{background-color:#f8f9fa;padding:80px 0}.design-studio-section .section-heading .design-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#fff5eb,#ffe4cc);border-radius:50%;margin-right:16px;box-shadow:0 4px 12px #ff6b0033}.design-studio-section .section-heading .design-icon-wrapper i{font-size:28px}.design-studio-section .section-heading .section-title{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.design-studio-section .section-heading .section-desc{max-width:600px;margin:0 auto;color:#6c757d;font-size:1.125rem;line-height:1.7}.design-form-wrapper{max-width:1100px;margin:0 auto}.design-form{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4.8px 24.4px -6px #13102226,0 4px 13px -2px #1310221a}.design-form .form-label{font-weight:600;margin-bottom:.75rem;color:#333}.design-form .form-section{background:#f8f9fa;border-radius:12px;padding:1.5rem}.puter-auth-prompt{max-width:600px;margin:0 auto}.puter-auth-prompt .auth-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 4.8px 24.4px -6px #13102226,0 4px 13px -2px #1310221a}.puter-auth-prompt .auth-card .auth-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.puter-auth-prompt .auth-card .cost-info{text-align:left}.puter-auth-prompt .auth-card .cost-info ul{list-style:none;padding-left:0}.generation-mode-selector .generation-mode-tabs{display:flex;gap:1rem;flex-wrap:wrap}.generation-mode-selector .generation-mode-tab{flex:1;min-width:200px;display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.generation-mode-selector .generation-mode-tab:hover{border-color:#ff6b00;background:#fff9f5}.generation-mode-selector .generation-mode-tab.active{border-color:#ff6b00;background:linear-gradient(135deg,#fff5eb,#ffe4cc)}.generation-mode-selector .generation-mode-tab.active i{color:#ff6b00}.generation-mode-selector .generation-mode-tab i{font-size:1.5rem;color:#6c757d}.generation-mode-selector .generation-mode-tab .tab-content{display:flex;flex-direction:column}.generation-mode-selector .generation-mode-tab .tab-label{font-weight:600;color:#333}.generation-mode-selector .generation-mode-tab .tab-desc{font-size:.85rem;color:#6c757d}.design-mode-selector .mode-cards{display:flex;gap:1rem}.design-mode-selector .mode-card{flex:1;display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.design-mode-selector .mode-card:hover{border-color:#ff6b00;background:#fff9f5}.design-mode-selector .mode-card.active{border-color:#ff6b00;background:linear-gradient(135deg,#fff5eb,#ffe4cc)}.design-mode-selector .mode-card.active .mode-icon i{color:#ff6b00}.design-mode-selector .mode-card .mode-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:12px}.design-mode-selector .mode-card .mode-icon i{font-size:1.5rem;color:#6c757d}.design-mode-selector .mode-card .mode-info{display:flex;flex-direction:column}.design-mode-selector .mode-card .mode-label{font-weight:600;color:#333}.design-mode-selector .mode-card .mode-desc{font-size:.85rem;color:#6c757d}.design-mode-selector .mode-card .mode-check{position:absolute;top:10px;right:10px;color:#ff6b00}.room-type-selector .room-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.room-type-selector .room-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.room-type-selector .room-type-card:hover{border-color:#ff6b00;transform:translateY(-2px)}.room-type-selector .room-type-card.active{border-color:#ff6b00;background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%)}.room-type-selector .room-type-card.active .room-icon,.room-type-selector .room-type-card.active .room-label{color:#fff}.room-type-selector .room-type-card .room-icon{font-size:1.5rem;color:#6c757d;margin-bottom:.5rem}.room-type-selector .room-type-card .room-label{font-size:.8rem;font-weight:500;color:#333}.style-preset-selector .style-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.style-preset-selector .style-preset-card{display:flex;flex-direction:column;padding:1rem;background:#fff;border:2px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.style-preset-selector .style-preset-card:hover{border-color:#ff6b00;transform:translateY(-2px)}.style-preset-selector .style-preset-card.active{border-color:#ff6b00;background:linear-gradient(135deg,#fff5eb,#ffe4cc)}.style-preset-selector .style-preset-card .style-label{font-weight:600;color:#333;margin-bottom:.25rem}.style-preset-selector .style-preset-card .style-desc{font-size:.75rem;color:#6c757d;line-height:1.4}.style-preset-selector .style-preset-card .style-check{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#ff6b00;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.design-image-upload .upload-zone{border:2px dashed #dee2e6;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .3s ease;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.design-image-upload .upload-zone:hover{border-color:#ff6b00;background-color:#fff9f5}.design-image-upload .upload-zone.dragging{border-color:#ff6b00;background-color:#fff5eb;transform:scale(1.02)}.design-image-upload .upload-zone.has-file{border-style:solid;border-color:#28a745}.design-image-upload .upload-placeholder{padding:40px;text-align:center}.design-image-upload .upload-placeholder i{color:#adb5bd}.design-image-upload .upload-placeholder:hover i{color:#ff6b00}.design-image-upload .upload-preview{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.design-image-upload .upload-preview .preview-image{width:100%;max-height:200px;object-fit:contain;padding:10px}.design-image-upload .upload-preview .preview-overlay{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .3s ease}.design-image-upload .upload-preview:hover .preview-overlay{opacity:1}.design-image-upload .upload-preview .file-info{padding:12px;background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:14px}.design-image-upload .upload-preview .file-info .file-name{font-weight:500;word-break:break-all}.design-loading-state{padding:60px 20px;text-align:center}.design-loading-state .loading-content{max-width:500px;margin:0 auto}.design-loading-state .loading-animation{position:relative;width:120px;height:120px;margin:0 auto}.design-loading-state .loading-animation .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-in-out infinite;z-index:2}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.design-loading-state .loading-animation .loading-rings{position:absolute;top:0;left:0;width:100%;height:100%}.design-loading-state .loading-animation .loading-rings .ring{position:absolute;top:50%;left:50%;border:2px solid rgba(255,107,0,.2);border-top-color:#ff6b00;border-radius:50%;animation:spin 1.5s linear infinite}.design-loading-state .loading-animation .loading-rings .ring.ring-1{width:80px;height:80px;margin:-40px 0 0 -40px}.design-loading-state .loading-animation .loading-rings .ring.ring-2{width:100px;height:100px;margin:-50px 0 0 -50px;animation-duration:2s;animation-direction:reverse}.design-loading-state .loading-animation .loading-rings .ring.ring-3{width:120px;height:120px;margin:-60px 0 0 -60px;animation-duration:2.5s}@keyframes spin{to{transform:rotate(360deg)}}.design-loading-state .loading-steps{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.design-loading-state .loading-steps .loading-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.4;transition:opacity .3s ease}.design-loading-state .loading-steps .loading-step.active{opacity:1}.design-loading-state .loading-steps .loading-step.active .step-icon{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);color:#fff;animation:bounce 1s ease infinite}.design-loading-state .loading-steps .loading-step.completed{opacity:1}.design-loading-state .loading-steps .loading-step.completed .step-icon{background:#28a745;color:#fff}.design-loading-state .loading-steps .loading-step .step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e9ecef;border-radius:50%;color:#6c757d}.design-loading-state .loading-steps .loading-step .step-label{font-size:.85rem;color:#6c757d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.design-loading-state .progress{border-radius:4px;background-color:#e9ecef;max-width:400px;margin:0 auto}.design-loading-state .progress .progress-bar{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);transition:width .5s ease}.design-result{max-width:800px;margin:0 auto;text-align:center}.design-result .result-image-container{background:#fff;border-radius:16px;padding:1rem;box-shadow:0 4.8px 24.4px -6px #13102226,0 4px 13px -2px #1310221a}.design-result .result-image-container .result-image{max-width:100%;max-height:600px;border-radius:12px;object-fit:contain}.design-result .result-settings .settings-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.design-result .result-actions .btn{min-width:140px}.design-result .prompt-details{text-align:left}.design-result .prompt-details summary{cursor:pointer}.design-result .prompt-details summary:hover{color:#ff6b00}.design-result .prompt-details .prompt-text{font-size:.85rem;word-break:break-word}.before-after-compare{max-width:800px;margin:0 auto}.before-after-compare .compare-container{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 4.8px 24.4px -6px #13102226,0 4px 13px -2px #1310221a;cursor:ew-resize;user-select:none}.before-after-compare .compare-container .compare-image{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-compare .compare-container .compare-image img{width:100%;height:100%;object-fit:cover}.before-after-compare .compare-container .compare-image .compare-label{position:absolute;bottom:16px;padding:6px 16px;background:#000000b3;color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.before-after-compare .compare-container .compare-image.compare-before .compare-label{left:16px}.before-after-compare .compare-container .compare-image.compare-after .compare-label{right:16px}.before-after-compare .compare-container .compare-slider{position:absolute;top:0;bottom:0;width:4px;background:#fff;cursor:ew-resize;z-index:10;transform:translate(-50%)}.before-after-compare .compare-container .compare-slider .slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d}.before-after-compare .compare-container .compare-slider .slider-handle i{color:#333}.before-after-compare .compare-container .compare-slider .slider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translate(-50%)}.design-gallery{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4.8px 24.4px -6px #13102226,0 4px 13px -2px #1310221a}.design-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.design-gallery .gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.design-gallery .gallery-item:hover{transform:scale(1.05)}.design-gallery .gallery-item:hover .gallery-overlay{opacity:1}.design-gallery .gallery-item.selected{ring:3px solid #ff6b00}.design-gallery .gallery-item .gallery-thumb{width:100%;height:100%;object-fit:cover}.design-gallery .gallery-item .gallery-overlay{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .2s ease;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px}.design-gallery .gallery-item .gallery-overlay .delete-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.design-gallery .gallery-item .gallery-info{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3)}.design-gallery .gallery-item .gallery-info .design-date{color:#fff;font-size:.75rem}.design-gallery .gallery-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.design-gallery .gallery-modal .modal-content{position:relative;max-width:90vw;max-height:90vh}.design-gallery .gallery-modal .modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.design-gallery .gallery-modal .modal-close:hover{color:#ff6b00}.design-gallery .gallery-modal .modal-image{max-width:100%;max-height:80vh;border-radius:12px}.design-gallery .gallery-modal .modal-info{margin-top:1rem;text-align:center}.design-info-section{padding:80px 0}.design-info-section .info-card{transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4.8px 24.4px -6px #1310221a,0 4px 13px -2px #1310220f;padding:2rem;border-radius:12px}.design-info-section .info-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff6b0026}.design-info-section .info-card i{opacity:.9;transition:transform .3s ease}.design-info-section .info-card:hover i{transform:scale(1.1)}.design-about-section{padding:80px 0}.design-about-section .feature-item{display:flex;align-items:flex-start;text-align:left;padding:12px 0}.cta-section{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);padding:100px 0}.cta-section .btn-white{background-color:#fff;color:#ff6b00;font-weight:500}.cta-section .btn-white:hover{background-color:#f8f9fa}.cta-section .btn-outline-white{border:2px solid #fff;color:#fff;background:transparent;font-weight:500}.cta-section .btn-outline-white:hover{background-color:#fff;color:#ff6b00}.error-container{max-width:600px;margin:0 auto;padding:40px 20px}.error-container .error-icon{animation:shake .5s ease-in-out}.error-container .error-icon i{transition:transform .3s ease}.error-container .error-suggestions ul{padding-left:1.5rem;list-style-type:disc}.error-container .error-suggestions ul li{margin-bottom:.5rem;line-height:1.5}.error-container .error-suggestions ul li:last-child{margin-bottom:0}.error-container .btn-outline-main{border:2px solid #ff6b00;color:#ff6b00;background:transparent;font-weight:500}.error-container .btn-outline-main:hover{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);border-color:#ff6b00;color:#fff}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.text-main{color:#ff6b00!important}.bg-main{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%)!important}.btn-main{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);border-color:#ff6b00;color:#fff;font-weight:500}.btn-main:hover{opacity:.9;color:#fff}.btn-main:disabled{opacity:.6;cursor:not-allowed}.btn-outline-main{border:2px solid #ff6b00;color:#ff6b00;background:transparent;font-weight:500}.btn-outline-main:hover{background:linear-gradient(90deg,#ff6b00 .04%,#f56a00 28.67%,#e86200 54.05%,#c50 78.11% 100.04%);border-color:#ff6b00;color:#fff}@media(max-width:991px){.design-mode-selector .mode-cards,.generation-mode-selector .generation-mode-tabs{flex-direction:column}}@media(max-width:768px){.design-studio-section{padding:50px 0}.design-studio-section .section-heading .design-icon-wrapper{width:44px;height:44px;margin-right:12px}.design-studio-section .section-heading .design-icon-wrapper i{font-size:20px}.design-studio-section .section-heading .section-title{font-size:1.5rem}.design-form{padding:1.5rem}.design-form .form-section{padding:1rem}.room-type-selector .room-type-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.style-preset-selector .style-preset-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.design-loading-state .loading-steps{gap:1rem}.design-loading-state .loading-steps .step-label{font-size:.75rem}.before-after-compare .compare-container .slider-handle{width:32px;height:32px}}@media(max-width:575px){.design-studio-section,.design-info-section,.design-about-section{padding:40px 0}.puter-auth-prompt .auth-card{padding:2rem 1.5rem}.design-gallery .gallery-grid{grid-template-columns:repeat(2,1fr)}.room-type-selector .room-type-card{padding:.75rem .25rem}.room-type-selector .room-type-card .room-icon{font-size:1.25rem}.room-type-selector .room-type-card .room-label{font-size:.7rem}.result-actions .btn{width:100%;margin-bottom:8px}}