body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.features-display{margin:0 auto;max-width:1200px;padding:60px 20px;width:100%}.features-header{margin-bottom:50px;text-align:center}.features-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:16px}.features-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:40px}.feature-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;padding:30px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-8px)}.feature-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:12px}.feature-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:24px;min-height:48px}.feature-preview{margin-bottom:24px;width:100%}.before-after-container{background:#f0f0f0;border-radius:12px;margin-bottom:16px;padding-top:75%}.before-after-image{transition:opacity .3s ease}.toggle-container{margin-top:12px}.toggle-switch.before{background:#30a6b1}.try-it-btn{font-size:1rem;margin-top:auto;padding:14px 28px}.try-it-btn:hover{background:#2a959f;box-shadow:0 4px 12px #30a6b14d}.try-it-btn:active{transform:translateY(0)}@media (max-width:768px){.features-display{padding:40px 16px}.features-header h2{font-size:2rem}.features-grid{gap:24px;grid-template-columns:1fr}.feature-card{padding:24px}.feature-icon{font-size:3rem}}.paint-canvas-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.paint-canvas-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;overflow:hidden;width:100%}.paint-canvas-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;z-index:10}.paint-canvas-header h3{color:#1a1a1a;font-size:1.5rem;margin:0}.paint-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:5px;transition:all .2s;width:36px}.paint-close-btn:hover{background:#f0f0f0;color:#1a1a1a}.paint-instructions{background:#e3f2fd;border-left:4px solid #2196f3;flex-shrink:0;margin:0;padding:15px 24px}.paint-instructions p{color:#1565c0;font-size:.95rem;margin:0 0 10px}.paint-instructions button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px}.paint-instructions button:hover{background:#1976d2}.paint-toolbar{background:#f5f5f5;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;padding:15px 24px;z-index:10}.brush-controls,.paint-toolbar{align-items:center;display:flex}.brush-controls{gap:15px}.brush-controls label{color:#333;font-size:.95rem;font-weight:500}.brush-size-buttons{display:flex;gap:8px}.brush-size-btn{align-items:center;background:#fff;border:2px solid #30a6b1;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#30a6b1;cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.brush-size-btn:hover{background:#30a6b1;border-color:#30a6b1;box-shadow:0 4px 8px #30a6b14d;color:#fff}.clear-btn{align-items:center;background:#fff;border:2px solid #ff5722;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#ff5722;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.clear-btn:hover{background:#ff5722;border-color:#ff5722;box-shadow:0 4px 8px #ff57224d;color:#fff}.paint-canvas-wrapper{align-items:center;background:#f9f9f9;display:flex;flex:1 1;justify-content:center;max-height:calc(95vh - 250px);min-height:0;overflow:auto;padding:20px;position:relative}.paint-loading{color:#666;font-size:1.1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.paint-canvas{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:crosshair;display:block;max-height:100%;max-width:100%;touch-action:none}.paint-actions{background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px;z-index:10}.paint-cancel-btn{background:#fff;border:2px solid #666;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.paint-cancel-btn:hover{background:#f5f5f5;border-color:#333;box-shadow:0 4px 8px #00000026}.paint-save-btn{background:#30a6b1;border:2px solid #30a6b1;border-radius:6px;box-shadow:0 2px 4px #30a6b14d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.paint-save-btn:hover{background:#258a94;border-color:#258a94;box-shadow:0 4px 12px #30a6b166}@media (max-width:768px){.paint-canvas-container{border-radius:0;max-height:100vh}.paint-canvas-header{padding:15px 20px}.paint-canvas-header h3{font-size:1.2rem}.paint-toolbar{align-items:stretch;flex-direction:column;gap:15px}.brush-controls{justify-content:space-between}.paint-actions{flex-direction:column}.paint-cancel-btn,.paint-save-btn{width:100%}}.paywall-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.paywall-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:85vh;max-width:480px;overflow-y:auto;padding:24px;position:relative;width:100%}.paywall-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s}.paywall-close-btn:hover{background:#f5f5f5;color:#333}.paywall-header{margin-bottom:20px;padding-right:30px;text-align:center}.paywall-header h2{color:#1a1a1a;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.paywall-error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:13px;margin-bottom:16px;padding:8px 12px;text-align:center}.paywall-error{color:#666;font-size:14px;padding:30px 20px;text-align:center}.paywall-features-list{margin-bottom:20px}.paywall-feature-item{align-items:flex-start;display:flex;gap:10px;margin-bottom:12px;padding:0}.paywall-feature-item:last-child{margin-bottom:0}.paywall-feature-icon{align-items:center;background:#0000;border-radius:0;color:#00ced1;display:flex;flex-shrink:0;font-size:18px;height:auto;justify-content:center;margin-top:2px;padding:0;width:auto}.paywall-feature-content{flex:1 1}.paywall-feature-content h4{color:#1a1a1a;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 2px}.paywall-feature-content p{color:#666;font-size:12px;line-height:1.4;margin:0}.paywall-pricing-options{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.pricing-option-box{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:12px 14px;position:relative;transition:all .2s}.pricing-option-box:hover{background:#f5f5f5;border-color:#00ced1}.pricing-option-box.selected{background:#e6fffe;border-color:#00ced1}.pricing-option-box.popular:before{background:#10b981;border-radius:10px;color:#fff;content:"Most Popular";font-size:10px;font-weight:600;left:14px;padding:2px 8px;position:absolute;top:-10px}.pricing-option-header{align-items:center;display:flex;gap:12px}.pricing-radio{accent-color:#00ced1;cursor:pointer;flex-shrink:0;height:16px;width:16px}.pricing-option-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.pricing-plan-name{color:#1a1a1a;font-size:14px;font-weight:600}.pricing-savings-badge{background:#10b9811a;border-radius:4px;color:#10b981;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;width:-webkit-fit-content;width:fit-content}.pricing-option-price{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;text-align:right}.pricing-monthly{color:#1a1a1a;font-size:16px;font-weight:700;line-height:1.2}.pricing-total{color:#666;font-size:12px;line-height:1.2;margin-top:2px}.paywall-upgrade-btn{background:#00ced1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:12px;padding:12px 24px;transition:all .2s;width:100%}.paywall-upgrade-btn:hover:not(:disabled){background:#008b8b;box-shadow:0 4px 12px #00ced14d;transform:translateY(-1px)}.paywall-upgrade-btn:active:not(:disabled){transform:translateY(0)}.paywall-upgrade-btn:disabled{cursor:not-allowed;opacity:.5}.paywall-footer-note{text-align:center}.paywall-footer-note p{color:#999;font-size:11px;line-height:1.4;margin:0}@media (max-width:640px){.paywall-content{max-width:100%;padding:20px}.paywall-header h2{font-size:20px}.pricing-option-header{flex-wrap:wrap}.pricing-option-price{align-items:flex-start;margin-top:8px;text-align:left;width:100%}}*{box-sizing:border-box;margin:0;padding:0}.landing-container{background:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:flex-start;overflow-x:hidden;position:relative}.image-orbits,.landing-container{align-items:center;display:flex;min-height:100vh}.image-orbits{height:100vh;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.outer-circle{animation:rotateOuter 30s linear infinite;height:800px;width:800px}.inner-circle,.outer-circle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);will-change:transform}.inner-circle{animation:rotateInner 20s linear infinite reverse;height:500px;width:500px}.orbit-item{left:50%;position:absolute;top:50%;transform-origin:0 0}.outer-item{height:120px;width:120px}.inner-item,.outer-item{transform:rotate(var(--angle)) translateX(calc(var(--radius)))}.inner-item{height:80px;width:80px}.orbit-image{border-radius:12px;box-shadow:0 4px 12px #00000026;display:block;height:100%;object-fit:cover;transform:rotate(calc(var(--angle)*-1));width:100%}.orbit-image.small{border-radius:8px}@keyframes rotateOuter{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateInner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.landing-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px 0;max-width:600px;padding:50px 40px;position:relative;width:100%;z-index:10}.hamburger-menu-btn{align-items:center;background:#30a6b1;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:48px;z-index:1000}.hamburger-menu-btn:hover{background:#258c96}.my-designs-btn{align-items:center;background:#30a6b1;border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.my-designs-btn:hover{background:#258c96;box-shadow:0 4px 12px #30a6b14d;transform:translateY(-2px)}.my-designs-btn svg{font-size:20px}.hamburger-menu-btn:active{transform:scale(.95)}.side-panel-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.side-panel{background:#fff;box-shadow:2px 0 12px #00000026;height:100vh;left:0;max-width:85vw;overflow-y:scroll;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:320px;z-index:1000}.side-panel::-webkit-scrollbar{width:8px}.side-panel::-webkit-scrollbar-track{background:#f1f1f1}.side-panel::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.side-panel::-webkit-scrollbar-thumb:hover{background:#555}.side-panel.open{transform:translateX(0)}.side-panel-header{align-items:center;background:#30a6b1;border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.side-panel-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:background .2s}.close-menu-btn:hover{background:#fff3}.side-panel-content{padding:24px}.sign-in-prompt{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px;text-align:center}.sign-in-text{color:#1a1a1a;font-size:.95rem;font-weight:600;line-height:1.5;margin-bottom:16px}.sign-in-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.sign-in-btn:hover{background:#333;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.user-info{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px}.user-avatar{border:2px solid #1a1a1a;border-radius:50%;height:60px;overflow:hidden;width:60px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar-placeholder{align-items:center;background:#1a1a1a;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.user-details{text-align:center;width:100%}.user-name{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:4px}.user-email{color:#666;font-size:.85rem;word-break:break-all}.sign-out-btn{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease;width:100%}.sign-out-btn:hover{background:#e0e0e0;border-color:#ccc}.menu-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:20px 0;transition:all .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f8f8f8;border-radius:8px;padding-left:8px}.menu-item h3{color:#1a1a1a;font-size:1.2rem;font-weight:600;margin-bottom:8px}.menu-item p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.menu-item-preview{animation:smoothExpand .4s ease-out;margin-top:16px;transform-origin:top}@keyframes smoothExpand{0%{max-height:0;opacity:0;transform:scaleY(0)}to{max-height:500px;opacity:1;transform:scaleY(1)}}.before-after-container{animation:fadeInImage .5s ease-out .2s both;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:200px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.before-after-container:before{background:linear-gradient(90deg,#0000001a 0,#0000 20%,#0000 80%,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.before-after-container:after{background:#fff;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:10}.before-after-container.no-border:after{background:#fff;display:none;height:100%;pointer-events:none;z-index:10}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.before-after-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .4s ease-in-out;width:100%}.before-after-image.show{opacity:1;z-index:2}.before-after-image.hide{opacity:0;z-index:1}.toggle-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.toggle-label{color:#666;font-size:.85rem;font-weight:500}.toggle-switch{background:#e0e0e0;border:none;border-radius:13px;cursor:pointer;height:26px;padding:0;position:relative;transition:background .3s ease;width:50px}.toggle-switch.after{background:#30a6b1}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.toggle-switch.after .toggle-slider{transform:translateX(24px)}.try-it-btn{background:#30a6b1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease;width:100%}.try-it-btn:hover{background:#258c96;box-shadow:0 4px 8px #30a6b14d;transform:translateY(-2px)}.header-section{margin-bottom:40px;text-align:center}.main-logo-img{border-radius:12px;display:block;height:80px;margin:0 auto 20px;object-fit:contain;width:auto}.main-title{color:#1a1a1a;font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:16px}.description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.generator-form{width:100%}.form-row{gap:12px}.file-upload-zone,.form-row{display:flex;flex-direction:column;margin-bottom:12px}.file-upload-zone{position:relative;width:100%}.file-upload-zone.dragging{opacity:.8}.file-upload-zone.dragging .file-upload-box{background:#e8f4f8;border:3px dashed #333}.file-label{cursor:pointer;display:block;width:100%}.file-upload-box{align-items:center;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;color:#4a4a4a;display:flex;flex-direction:column;font-size:.85rem;height:100%;justify-content:center;min-height:100px;padding:8px;transition:all .2s;width:100%}.file-upload-box:hover{background:#f0f0f0;border-color:#333}.format-hint{margin-top:4px}.drag-hint,.format-hint{color:#888;font-size:.7rem}.drag-hint{margin-top:2px}.upload-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px;width:100%}.upload-option-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.upload-option-btn.camera-btn{max-width:200px;width:100%}.upload-option-btn:hover{background:#f8f8f8;border-color:#333}.upload-option-btn:active{transform:translateY(1px)}.upload-icon{color:#666;font-size:1.5rem;margin-bottom:4px}.image-preview-box{align-items:center;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;max-height:500px;overflow:hidden;position:relative;width:100%}.preview-img{max-height:500px;object-fit:contain;width:100%}.change-text{background:#000000b3;border-radius:4px;bottom:4px;color:#fff;font-size:.75rem;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%)}.file-input{display:none}.text-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.95rem;height:48px;padding:0 16px;transition:all .2s;width:100%}.text-input:focus{border-color:#333;box-shadow:0 0 0 3px #0000000d;outline:none}.text-input.optional{background:#0000;border-color:#e0e0e0}.text-input.optional:focus,.text-input.optional:not(:placeholder-shown){background:#fff}.text-input::placeholder{color:#999}.product-urls-container{display:flex;flex-direction:column;gap:8px;width:100%}.product-url-input-wrapper{align-items:center;animation:fadeIn .3s ease-in;display:flex;gap:8px;width:100%}.product-url-input{flex:1 1;margin:0}.add-url-btn,.remove-url-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;min-width:28px;padding:0;transition:all .2s;width:28px}.add-url-btn{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.add-url-btn:hover{background:#333;border-color:#333}.remove-url-btn{background:#fff;border-color:#e0e0e0;color:#666}.remove-url-btn:hover{background:#fee;border-color:#fcc;color:#c33}.add-url-btn:active,.remove-url-btn:active{transform:scale(.95)}.optional,.typewriter-input-wrapper{grid-column:1/-1;margin-top:0}.typewriter-input-wrapper{margin-bottom:12px;position:relative}.typewriter-input{background:#0000!important;position:relative;z-index:2}.typewriter-input:focus,.typewriter-input:not(:placeholder-shown){background:#fff!important}.typewriter-placeholder{align-items:center;color:#999;display:flex;font-size:.95rem;height:48px;left:16px;max-width:calc(100% - 32px);overflow:hidden;pointer-events:none;position:absolute;top:0;white-space:nowrap;z-index:3}.typewriter-text{color:#333;font-weight:500}.typewriter-cursor{animation:blink 1s infinite;color:#333;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.875rem;margin-bottom:12px;padding:10px 12px}.generate-button{align-items:center;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;height:52px;justify-content:center;margin-top:4px;transition:all .2s;width:100%}.generate-button:hover:not(:disabled){background:#333}.generate-button:active:not(:disabled){transform:translateY(1px)}.generate-button:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.generating-text{color:#333;display:inline-block;font-weight:500;min-width:200px;text-align:center;transition:opacity .3s ease-in-out}.generating-text.fade-in{opacity:1}.generating-text.fade-out{opacity:0}.result-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:1000px;overflow:hidden;position:relative;width:100%;z-index:10}.result-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.result-header-actions{align-items:center;display:flex;gap:12px}.show-products-btn{background:#fff;border:1px solid #30a6b1;border-radius:6px;color:#30a6b1;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.show-products-btn.active,.show-products-btn:hover:not(:disabled){background:#30a6b1;color:#fff}.show-products-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.save-btn.saved,.save-btn:hover:not(:disabled){border-color:#f44;color:#f44}.save-btn.saved{background:#fff5f5}.save-btn svg{font-size:18px;transition:all .2s}.save-btn svg.filled{fill:#f44}.save-btn:disabled{cursor:not-allowed;opacity:.6}.regenerate-btn{background:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.regenerate-btn:hover:not(:disabled){background:#333}.regenerate-btn:disabled{cursor:not-allowed;opacity:.6}.logo-small{color:#1a1a1a;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#e0e0e0;color:#1a1a1a}.result-content-wrapper{display:flex;flex-direction:column;width:100%}.result-image-wrapper{background:#0000;display:flex;justify-content:center;max-height:calc(100vh - 120px);overflow:auto;padding:20px;position:relative;width:100%}.loading-overlay-result{align-items:center;background:#ffffffe6;bottom:0;color:#1a1a1a;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.result-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%;transition:opacity .3s ease}.image-comparison-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.product-pins-overlay{inset:0;pointer-events:none;position:absolute}.product-pin{align-items:center;background:#30a6b1;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;pointer-events:auto;position:absolute;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:32px}.product-pin.active,.product-pin:hover{background:#1a1a1a;box-shadow:0 4px 10px #0000004d;transform:scale(1.1)}.product-links-side-panel{animation:slideInFromRight .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000040;max-width:80%;padding:16px 16px 12px;pointer-events:auto;position:absolute;right:20px;top:20px;width:260px}.side-panel-product-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:10px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.result-image.original-image{left:50%;max-width:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.result-image.fade-out{opacity:.3}.result-image.original-image.fade-in{opacity:1}.image-toggle-container{cursor:pointer;position:absolute;right:20px;top:20px;z-index:20}.toggle-icon{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#30a6b1;display:flex;font-size:20px;height:48px;justify-content:center;pointer-events:none;transition:all .3s ease;width:48px}.image-toggle-container:hover .toggle-icon{background:#30a6b1;color:#fff;transform:scale(1.1)}.image-toggle-container.active .toggle-icon{background:#30a6b1;color:#fff}.result-actions-container{display:flex;flex-direction:column;gap:12px;padding:20px;position:relative;z-index:20}@media (min-width:769px){.result-content-wrapper{align-items:flex-start;flex-direction:row}.result-image-wrapper{flex:1 1;max-width:70%}.result-actions-container{align-self:flex-start;flex-shrink:0;padding:20px;position:-webkit-sticky;position:sticky;top:20px;width:280px}.result-action-buttons-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.mobile-action-btn{width:100%}}.result-action-buttons-row{display:none;flex-direction:row;gap:12px}.mobile-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;padding:12px 16px;transition:all .2s ease}.mobile-action-btn.regenerate-btn{background:#1a1a1a;color:#fff}.mobile-action-btn.regenerate-btn:hover:not(:disabled){background:#333}.mobile-action-btn.regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-action-btn.show-products-btn{background:#fff;border:1px solid #30a6b1;color:#30a6b1}.mobile-action-btn.show-products-btn.active,.mobile-action-btn.show-products-btn:hover:not(:disabled){background:#30a6b1;color:#fff}.mobile-action-btn.show-products-btn:disabled{cursor:not-allowed;opacity:.5}.result-actions-bottom{display:flex;flex-direction:column;gap:12px}.feedback-buttons,.share-buttons{display:flex;gap:8px}.action-btn{background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#333;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.action-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.thumbs-up-btn:hover{background:#4caf50;color:#fff}.thumbs-down-btn:hover{background:#f44336;color:#fff}.share-btn.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff}.share-btn.facebook:hover{background:#1877f2;color:#fff}.share-btn.whatsapp:hover{background:#25d366;color:#fff}.share-btn.mail:hover{background:#30a6b1;color:#fff}.feedback-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.feedback-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.feedback-modal-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.close-feedback-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-feedback-btn:hover{background:#f0f0f0;color:#1a1a1a}.feedback-modal-body{padding:24px}.feedback-modal-body p{color:#666;font-size:1rem;margin-bottom:16px}.feedback-textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.feedback-textarea:focus{border-color:#30a6b1;outline:none}.feedback-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.feedback-cancel-btn,.feedback-submit-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .2s}.feedback-cancel-btn{background:#f0f0f0;color:#666}.feedback-cancel-btn:hover{background:#e0e0e0}.feedback-submit-btn{background:#30a6b1;color:#fff}.feedback-submit-btn:hover:not(:disabled){background:#258c96}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.5}.loading-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2001}.loading-modal-content{align-items:center;animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:24px;min-width:320px;padding:48px 64px}.loading-modal-spinner-container{align-items:center;display:flex;justify-content:center}.loading-modal-spinner{animation:spin .8s linear infinite;border:4px solid #30a6b133;border-radius:50%;border-top-color:#30a6b1;height:48px;width:48px}.loading-modal-text{color:#1a1a1a;font-size:1rem;font-weight:500;min-height:24px;text-align:center;width:100%}.loading-modal-text .generating-text{min-width:auto}.generating-animation-container{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:300px;width:100%}.progress-bar-container{background:#30a6b133;border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#30a6b1,#258a94);border-radius:10px;box-shadow:0 2px 4px #30a6b14d;height:100%;transition:width .3s ease}.progress-percentage{color:#30a6b1;font-size:.9rem;font-weight:600;margin-top:4px}.google-signin-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2002}.google-signin-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:420px;overflow:hidden;position:relative;width:90%}.modal-close-btn{border-radius:4px;padding:4px;position:absolute;right:16px;top:16px;z-index:10}.modal-close-btn:hover{background:#f0f0f0;color:#1a1a1a}.google-signin-modal-body{align-items:center;display:flex;flex-direction:column;padding:60px 40px 40px;text-align:center}.save-icon-large{align-items:center;background:linear-gradient(135deg,#f44,#ff6b6b);border-radius:50%;box-shadow:0 4px 16px #ff44444d;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.save-icon-large svg{color:#fff;font-size:36px}.google-signin-modal-body h3{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:12px}.google-signin-modal-body p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:32px}.google-signin-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 8px #0000000d;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.google-signin-btn:hover{background:#f8f9fa;border-color:#4285f4;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.google-signin-btn:active{transform:translateY(0)}.google-signin-btn svg{color:#4285f4;font-size:20px}.subscription-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2003}.subscription-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000004d;max-width:500px;overflow:hidden;position:relative;width:90%}.subscription-modal-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s;z-index:10}.subscription-modal-close-btn:hover{background:#f0f0f0;color:#1a1a1a}.subscription-modal-body{align-items:center;display:flex;flex-direction:column;padding:60px 40px 40px;text-align:center}.subscription-icon{align-items:center;background:linear-gradient(135deg,#30a6b1,#258c96);border-radius:50%;box-shadow:0 4px 16px #30a6b14d;display:flex;height:80px;justify-content:center;margin-bottom:24px;width:80px}.subscription-icon svg{color:#fff;font-size:36px}.subscription-modal-body h2{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin-bottom:12px}.subscription-subtitle{color:#666;font-size:1rem;line-height:1.5;margin-bottom:32px}.subscription-benefits{margin-bottom:32px;padding:0 20px;text-align:left;width:100%}.benefit-item{color:#333;font-size:1rem;gap:12px;margin-bottom:16px}.benefit-check,.benefit-item{align-items:center;display:flex}.benefit-check{background:#30a6b1;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.subscription-cta-btn{background:#1a1a1a;border:none;border-radius:50px;box-shadow:0 4px 12px #1a1a1a33;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s;width:100%}.subscription-cta-btn:hover{background:#333;box-shadow:0 6px 16px #1a1a1a4d;transform:translateY(-2px)}.subscription-note{color:#999;font-size:.85rem;line-height:1.4;margin-top:16px}@media (max-width:768px){.subscription-modal-content{max-width:none;width:95%}.subscription-modal-body{padding:50px 30px 30px}.subscription-modal-body h2{font-size:1.5rem}.subscription-benefits{padding:0 10px}.step-number{font-size:.8rem;height:28px;width:28px}.step-indicator{gap:8px;margin-bottom:6px}.form-label{font-size:.85rem}.hamburger-menu-btn{font-size:22px;height:44px;left:15px;top:15px;width:44px}.side-panel{width:280px}.side-panel-header{padding:16px 20px}.side-panel-header h2{font-size:1.3rem}.side-panel-content{padding:20px}.menu-item{padding:16px 0}.menu-item h3{font-size:1.1rem}.menu-item p{font-size:.85rem}.image-orbits{display:none}.landing-content{box-shadow:none;padding:40px 24px}.main-logo-img{border-radius:10px;height:70px;margin-bottom:16px}.main-title{font-size:2.5rem}.description{font-size:1rem}.form-row{gap:12px}.file-label,.file-upload-zone{width:100%}.file-upload-box{min-height:120px}.upload-options{flex-direction:column;gap:10px}.upload-option-btn{flex:none;min-width:auto;width:100%}.result-header{padding:16px 20px}.result-image-wrapper{padding:15px}.add-url-btn,.remove-url-btn{font-size:1rem;height:32px;min-width:32px;width:32px}.google-signin-modal-content{max-width:360px;width:95%}.google-signin-modal-body{padding:50px 24px 32px}.save-icon-large{height:64px;width:64px}.save-icon-large svg{font-size:28px}.google-signin-modal-body h3{font-size:1.5rem}.google-signin-modal-body p{font-size:.9rem}.save-btn span{display:none}.save-btn{padding:8px 12px}}@media (max-width:1024px) and (min-width:769px){.outer-circle{height:600px;width:600px}.inner-circle{height:380px;width:380px}.outer-item{height:100px;width:100px}.inner-item{height:70px;width:70px}}@media (max-width:1200px) and (min-width:1025px){.outer-circle{height:700px;width:700px}.inner-circle{height:440px;width:440px}}.camera-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.camera-modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.camera-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.camera-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.camera-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.camera-close-btn:hover{background:#e0e0e0;color:#1a1a1a}.camera-preview{align-items:center;aspect-ratio:4/3;background:#000;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.camera-video{height:100%;object-fit:cover;width:100%}.camera-controls{background:#f8f8f8;display:flex;justify-content:center;padding:20px}.capture-btn{align-items:center;background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.capture-btn:hover{background:#333}.capture-btn:active{transform:translateY(1px)}@media (max-width:768px){.camera-modal{padding:0}.camera-modal-content{border-radius:0;max-height:100vh;max-width:100%}.camera-preview{aspect-ratio:3/4}.result-content-wrapper{flex-direction:column}.result-image-wrapper{max-height:calc(100vh - 100px);padding:15px}.result-actions-container{align-items:stretch;padding:0 15px 15px;width:100%}.result-action-buttons-row{display:flex;flex-direction:row;gap:12px;margin-bottom:12px}.result-header-actions .regenerate-btn,.result-header-actions .show-products-btn{display:none}.result-actions-bottom{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.feedback-buttons,.share-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.action-btn{background:#fffffffa;border:2px solid #0000001a;box-shadow:0 3px 10px #00000040;font-size:22px;height:50px;width:50px}.image-toggle-container{-webkit-tap-highlight-color:transparent;cursor:pointer}.toggle-icon{background:#fffffffa;border:2px solid #0000001a;box-shadow:0 3px 10px #00000040;font-size:22px;height:50px;width:50px}.image-toggle-container.active .toggle-icon{background:#30a6b1;border-color:#30a6b1;color:#fff}.image-toggle-container:active .toggle-icon{transform:scale(.95)}.feedback-modal-content{max-width:none;width:95%}.feedback-modal-body,.feedback-modal-footer,.feedback-modal-header{padding:20px}.process-section{padding:40px 20px}.process-title{font-size:1.8rem}.process-steps{flex-direction:column;gap:40px}.process-step{max-width:100%}.footer-content{flex-direction:column;gap:30px}.footer-section{text-align:center}}.process-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);margin-top:60px;padding:80px 20px;position:relative;width:100%;z-index:1}.process-container{margin:0 auto;max-width:1200px}.process-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:60px;text-align:center}.process-steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.process-step{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;max-width:350px;min-width:300px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.process-step:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.step-number{font-size:1.5rem;height:40px;margin-bottom:20px;width:40px}.step-title{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin-bottom:12px}.step-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:24px}.step-visual{align-items:center;background:#f8f8f8;border-radius:12px;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.snap-visual{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.phone-mockup{background:#1a1a1a;border-radius:20px;box-shadow:0 4px 12px #0003;height:200px;padding:8px;position:relative;width:120px}.phone-screen{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.phone-screen,.room-preview{position:relative;width:100%}.room-preview{background:linear-gradient(135deg,#fafafa,#e0e0e0);height:70%}.room-preview-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.room-preview:before{background:#d4a574;border-radius:8px 8px 0 0;bottom:0;content:"";height:30%;left:0;position:absolute;right:0}.upload-icon{background:#fffffff2;border-radius:50%;box-shadow:0 2px 6px #0003;font-size:20px;height:32px;opacity:.9;position:absolute;right:12px;top:12px;width:32px;z-index:10}.style-visual,.upload-icon{align-items:center;display:flex;justify-content:center}.style-visual{background:#fff;padding:16px}.style-screenshot{border-radius:8px;height:auto;max-width:100%;object-fit:contain;width:100%}.style-selector{display:flex;flex-direction:column;gap:12px;height:100%;width:100%}.style-dropdown{background:#f0f0f0;border-radius:6px;color:#666;font-size:.9rem;padding:8px 12px;text-align:center}.style-buttons{display:flex;gap:8px}.style-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 12px;transition:all .2s}.style-btn.new-style{background:#1877f2;color:#fff}.style-btn.style-transfer{background:#ffc107;color:#1a1a1a}.style-btn:hover{opacity:.9;transform:translateY(-2px)}.style-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:auto}.style-thumbnail{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#e0e0e0,#bdbdbd);border-radius:6px;color:#666;display:flex;font-size:.75rem;font-weight:500;justify-content:center;padding:4px;text-align:center}.transform-visual{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);position:relative}.generated-room-preview{background:linear-gradient(135deg,#fff,#f5f5f5);border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.transform-room-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.generate-btn-overlay{align-items:center;background:#1877f2;border:none;border-radius:8px;box-shadow:0 4px 12px #1877f24d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;left:50%;padding:12px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.generate-btn-overlay:hover{background:#1565c0;transform:translate(-50%,-50%) scale(1.05)}.cursor-icon{font-size:1.2rem}.main-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;margin-top:80px;padding:30px 40px;width:100%}@media (max-width:768px){.main-footer{padding:24px 20px}.footer-content{flex-direction:column;gap:16px;text-align:center}.footer-links{gap:20px;justify-content:center}}.form-group{margin-bottom:20px;width:100%}.step-number{margin-bottom:12px}.step-indicator .form-label{color:#333;font-size:.9rem;font-weight:600}.form-select,.form-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-select:focus,.form-textarea:focus{border-color:#1a1a1a;outline:none}.style-selector-container{display:flex;flex-direction:column;gap:12px;margin-top:8px}.choose-style-btn{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:.95rem;padding:10px 16px;transition:all .2s ease;width:100%}.choose-style-btn:hover{background:#e0e0e0}.style-action-buttons{display:flex;gap:12px}.new-style-btn{align-items:center;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.new-style-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.plus-icon{font-size:1.2rem;font-weight:700}.style-transfer-btn{align-items:center;background:#ffc107;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.style-transfer-btn:hover{background:#e0a800;box-shadow:0 4px 8px #ffc1074d;transform:translateY(-1px)}.transfer-icon{font-size:1.2rem}.transfer-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.transfer-text span{display:block}.style-option-buttons{display:flex;gap:10px}.style-option-btn{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.style-option-btn:hover{background:#e0e0e0}.style-option-btn.selected{background:#30a6b1;color:#fff}.style-grid-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-top:8px;max-height:200px;overflow:hidden;padding:4px;transition:max-height .3s ease}.style-grid-container.building-type-grid{gap:15px!important;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;max-height:none!important;overflow:visible!important}.style-grid-container.expanded{max-height:600px;overflow-y:auto}.style-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.style-card:hover{border-color:#30a6b1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.style-card.selected{border-color:#30a6b1;border-width:3px;box-shadow:0 4px 12px #30a6b14d}.style-card-title{background:#f8f8f8;border-bottom:1px solid #e0e0e0;color:#333;font-size:.7rem;font-weight:600;line-height:1.2;overflow:hidden;padding:6px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.style-card.selected .style-card-title{background:#30a6b1;border-bottom-color:#2a959f;color:#fff}.style-card-image{aspect-ratio:4/3;background:#f0f0f0;overflow:hidden;width:100%}.building-type-grid .style-card-image{min-height:100px}.style-card-image img{display:block;height:100%;object-fit:cover;width:100%}.show-more-styles-btn{background:#0000;border:1px solid #30a6b1;border-radius:6px;color:#30a6b1;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;margin-top:12px;padding:8px 16px;transition:all .2s ease;width:100%}.show-more-styles-btn:hover{background:#30a6b1;color:#fff}.show-more-styles-btn:active{transform:translateY(1px)}.form-textarea{min-height:80px;resize:vertical}.color-palette-container{align-items:center;display:flex;gap:8px;margin-top:8px;position:relative}.color-palette-grid{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:12px;overflow-x:scroll;overflow-y:hidden;padding-bottom:12px;scrollbar-color:#30a6b1 #f0f0f0;scrollbar-width:auto}.palette-scroll-btn{align-items:center;background:#fff;border:2px solid #30a6b1;border-radius:50%;color:#30a6b1;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:36px}.palette-scroll-btn:hover{background:#30a6b1;color:#fff;transform:scale(1.1)}.palette-scroll-btn:active{transform:scale(.95)}.color-palette-grid::-webkit-scrollbar{-webkit-appearance:none;display:block!important;height:12px}.color-palette-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:6px;display:block!important}.color-palette-grid::-webkit-scrollbar-thumb{background:#30a6b1;border-radius:6px;display:block!important;min-width:50px}.color-palette-grid::-webkit-scrollbar-thumb:hover{background:#2a959f}.color-palette-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;min-width:120px;overflow:hidden;transition:all .2s ease;width:120px}.color-palette-card:hover{border-color:#30a6b1;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.color-palette-card.selected{border-color:#30a6b1;border-width:3px;box-shadow:0 4px 12px #30a6b14d}.color-palette-visual{align-items:center;background:#f8f8f8;display:flex;height:80px;justify-content:center;overflow:hidden;width:100%}.color-bars{display:flex;height:100%;width:100%}.color-bar{flex:1 1;height:100%}.random-palette-gradient{align-items:center;background:radial-gradient(circle,red 0,#ff7f00 14%,#ff0 28%,#0f0 42%,#00f 57%,indigo 71%,#9400d3 85%,#ff1493 100%);display:flex;height:100%;justify-content:center;position:relative;width:100%}.gift-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:40px;width:40px}.color-palette-name{background:#f8f8f8;border-top:1px solid #e0e0e0;color:#333;font-size:.75rem;font-weight:600;line-height:1.2;overflow:hidden;padding:10px 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.color-palette-card.selected .color-palette-name{background:#30a6b1;border-top-color:#2a959f;color:#fff}.example-images-section{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.example-images-label{color:#666;font-size:.85rem;margin-bottom:12px}.example-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.example-image-card{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.example-image-card:hover{border-color:#1a1a1a;transform:translateY(-2px)}.example-image-card.selected{border-color:#1a1a1a;border-width:3px;box-shadow:0 4px 12px #00000026}.example-image-card img{height:100%;object-fit:cover;width:100%}.product-links-section{background:#f8f8f8;border-top:1px solid #e0e0e0;margin-top:24px;padding:24px 30px}.no-links-message{background:#fff;border:1px dashed #e0e0e0;border-radius:8px;font-size:.9rem;padding:16px}.no-links{color:#999;font-size:.85rem;font-style:italic;padding:8px}.product-links-section h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:16px}.product-link-item{border-radius:8px;margin-bottom:20px;padding:16px}.product-link-item h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px;text-transform:capitalize}.product-links-list{display:flex;flex-direction:column;gap:8px}.product-link-item{background:#f8f8f8;border:1px solid #0000;border-radius:6px;color:#30a6b1;display:block;font-size:.85rem;font-weight:500;padding:10px 12px;text-decoration:none;transition:all .2s ease}.product-link-item:hover{background:#30a6b1;border-color:#2a959f;color:#fff;transform:translateX(4px)}.no-links-message{color:#666;font-size:.85rem;font-style:italic;padding:12px;text-align:center}.product-link{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a1a;display:flex;font-size:.9rem;gap:10px;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:all .2s}.product-link:hover{background:#30a6b1;border-color:#30a6b1;color:#fff;transform:translateX(4px)}.link-icon{font-size:1rem}.link-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-arrow{font-size:1.2rem;opacity:.7;transition:transform .2s}.product-link:hover .link-arrow{opacity:1;transform:translateX(4px)}.reference-size-group{margin-top:8px}.reference-size-row{align-items:center;display:flex;gap:8px}.reference-size-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.9rem;padding:10px 12px}.reference-size-units{border:1px solid #e0e0e0;border-radius:8px;display:flex;overflow:hidden}.unit-toggle{background:#fff;border:none;cursor:pointer;font-size:.85rem;min-width:44px;padding:8px 12px}.unit-toggle.active{background:#30a6b1;color:#fff}.reference-size-hint{color:#777;font-size:.75rem;margin-top:4px}@media (max-width:768px){.example-images-grid{grid-template-columns:repeat(2,1fr)}.color-card{height:40px;width:40px}}.animated-hero{background:#fff;justify-content:center;padding:60px 40px}.animated-hero,.hero-content{align-items:center;display:flex;width:100%}.hero-content{flex-direction:column;gap:30px;max-width:1200px}.hero-title{color:#1a1a1a;font-size:3.5rem;font-weight:700;line-height:1.2;margin:0;text-align:center}.animated-word{display:inline-block;position:relative}@keyframes bounceIn{0%{opacity:0;transform:translateY(20px)}50%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceOut{0%{opacity:1;transform:translateY(0)}50%{transform:translateY(-10px)}to{opacity:0;transform:translateY(20px)}}.animated-word.bounce-in{animation:bounceIn .6s ease-out forwards}.animated-word.bounce-out{animation:bounceOut .5s ease-in forwards}.hero-dots{align-items:center;display:flex;gap:12px;justify-content:center}.dot{background-color:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.dot.active{height:14px;width:14px}.dot:hover{transform:scale(1.2)}.hero-arrows{gap:20px}.arrow-btn,.hero-arrows{align-items:center;display:flex}.arrow-btn{background:#0000;border:2px solid;border-radius:50%;color:inherit;cursor:pointer;font-size:24px;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px}.arrow-btn:hover{background:currentColor;color:#fff!important;transform:scale(1.1)}.hero-carousel{align-items:center;display:flex;gap:20px;justify-content:center;overflow:hidden;padding:20px 0;width:100%}.carousel-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;height:250px;opacity:0;overflow:hidden;position:relative;transform:translateX(-50px);transition:opacity .6s ease,transform .6s ease;width:200px}.carousel-image.visible{opacity:1;transform:translateX(0)}.carousel-image img{display:block;height:100%;object-fit:cover;width:100%}.carousel-image-overlay{align-items:center;background:linear-gradient(180deg,#0000004d,#000000b3);border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.carousel-image:hover .carousel-image-overlay{opacity:1}.carousel-generate-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#1a1a1a;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.carousel-generate-btn:hover{background:#f0f0f0;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.carousel-image.fade-out-left{animation:fadeOutLeft .5s ease-in forwards}.carousel-image.fade-in-right{animation:fadeInRight .5s ease-out forwards}@media (max-width:1024px){.hero-title{font-size:2.5rem}.carousel-image{height:200px;width:160px}}@media (max-width:768px){.animated-hero{padding:40px 20px}.hero-title{font-size:2rem}.hero-carousel{flex-wrap:wrap;gap:12px}.carousel-image{height:180px;width:140px}.arrow-btn{font-size:20px;height:40px;width:40px}}@media (max-width:480px){.hero-title{font-size:1.75rem}.carousel-image{height:150px;width:calc(50% - 6px)}.hero-carousel{gap:12px}}.design-workspace{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;position:relative}.workspace-loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.2rem;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1a1a1a;height:50px;margin-bottom:20px;width:50px}.workspace-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.workspace-header-left{align-items:center;display:flex;gap:20px}.workspace-logo-container{align-items:center;cursor:pointer;display:flex;gap:12px;transition:opacity .2s}.workspace-logo-container:hover{opacity:.8}.workspace-logo-img{height:40px;object-fit:contain;width:auto}.workspace-logo{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0;pointer-events:none}.workspace-id{background:#f5f5f5;border-radius:6px;color:#666;display:none;font-family:monospace;font-size:.9rem;padding:6px 12px}.workspace-header-right{align-items:center;display:flex;gap:15px}.get-pro-btn{background:#00ced1;border:none;border-radius:8px;box-shadow:0 2px 8px #00ced14d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.get-pro-btn:hover{background:#008b8b;box-shadow:0 4px 12px #00ced166;transform:translateY(-1px)}.get-pro-btn:active{transform:translateY(0)}.user-info-compact{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:10px;padding:8px 16px}.user-avatar-small{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-avatar-small-placeholder{align-items:center;background:#1a1a1a;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name-compact{color:#1a1a1a;font-size:.95rem;font-weight:600}.header-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:10px;transition:all .2s}.header-btn:hover{background:#f5f5f5;border-color:#ccc;color:#1a1a1a}.workspace-content-boxes{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px;padding:40px;width:100%}.workspace-box{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 20px #0000001a;height:auto;max-height:calc(100vh - 200px);min-height:400px;overflow-y:auto;padding:30px}.box-content,.workspace-box{display:flex;flex-direction:column}.box-title{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:15px}.box-description{color:#666;font-size:1rem;margin:0 0 20px}.review-section{border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:auto;padding-top:20px}.review-prompt{color:#1a1a1a;font-size:.95rem;font-weight:600;line-height:1.4;margin:0 0 4px;padding:0}.review-input{border:2px solid #e0e0e0;border-radius:8px;display:block;font-family:inherit;font-size:.95rem;margin-bottom:12px;margin-top:0;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.review-input:focus{border-color:#1a1a1a;outline:none}.review-input::placeholder{color:#999}.submit-review-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .3s}.submit-review-btn:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.submit-review-btn:disabled{cursor:not-allowed;opacity:.5}.review-confirmation{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-bottom:12px;padding:16px}.review-confirmation-message{color:#2e7d32;font-size:.95rem;font-weight:500;line-height:1.5;margin:0;text-align:center}.empty-collection{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:0;width:100%}.empty-icon{color:#ccc;margin-bottom:20px}.empty-text{color:#666;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:left}.features-thumbnails-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:0;width:100%}.feature-thumbnail-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.feature-thumbnail-card:hover{border-color:#30a6b1;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.feature-thumbnail-image{background:#f5f5f5;height:150px;object-fit:cover;width:100%}.feature-thumbnail-content{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.feature-thumbnail-title{color:#1a1a1a;font-size:1rem;font-weight:700;margin:0}.feature-thumbnail-description{color:#666;flex:1 1;font-size:.85rem;margin:0}.feature-thumbnail-cta{background:#30a6b1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;margin-top:8px;padding:10px 20px;transition:all .3s ease}.feature-thumbnail-cta:hover{background:#258c96;box-shadow:0 2px 8px #30a6b14d;transform:translateY(-1px)}.generate-now-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s}.generate-now-btn:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.collection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.collection-item{aspect-ratio:1;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s}.collection-item:hover{transform:scale(1.05)}.collection-item img{height:100%;object-fit:cover;width:100%}.generate-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.generate-modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:5px;transition:all .2s;width:36px}.modal-close-btn:hover:not(:disabled){background:#f0f0f0;color:#1a1a1a}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.generate-modal-content .generator-form{padding:30px}.upload-option-btn.camera-btn{align-items:center;background:#1a1a1a;border-color:#1a1a1a;color:#fff;display:flex;gap:8px;justify-content:center}.upload-option-btn.camera-btn:hover{background:#333;border-color:#333}.camera-icon-white{color:#fff;font-size:1.1rem}.form-step{position:relative}.step-indicator{align-items:baseline;display:flex;gap:10px}.step-number{align-items:center;background:#30a6b1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;line-height:1;width:32px}.step-indicator .form-label{display:inline-block;line-height:32px;margin:0}.form-step .form-label{margin:0}.workspace-content{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:40px}.workspace-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:800px;padding:40px;width:100%}.workspace-welcome{margin-bottom:40px;text-align:center}.workspace-welcome h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:10px}.workspace-welcome p{color:#666;font-size:1.1rem}.workspace-form{gap:30px}.form-section,.workspace-form{display:flex;flex-direction:column}.form-section{gap:10px}.section-label{color:#1a1a1a;font-size:1rem;font-weight:600}.drop-zone{align-items:center;background:#fafafa;border:3px dashed #ccc;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:250px;padding:40px;position:relative;text-align:center;transition:all .3s}.drop-zone:hover{background:#f5f5f5;border-color:#1a1a1a}.drop-zone.dragging{background:#e8f5e9;border-color:#4caf50}.drop-zone-content{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px}.drop-zone-content p{font-size:1.1rem;font-weight:600;margin:0}.file-formats{color:#999;font-size:.9rem}.image-preview{height:100%;position:relative;width:100%}.image-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#000000b3;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.image-preview:hover .preview-overlay{opacity:1}.preview-overlay p{color:#fff;font-size:1rem;font-weight:600}.workspace-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:14px 18px;transition:all .2s}.workspace-input:focus{border-color:#1a1a1a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:.95rem;padding:14px 18px}.generate-btn{background:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s}.generate-btn:hover:not(:disabled){background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.generating-status{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:30px}.generating-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1a1a1a;height:40px;width:40px}.generating-text{animation:fadeIn .5s ease;color:#1a1a1a;font-size:1.1rem;font-weight:600}.workspace-result{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:1200px;padding:40px;width:100%}.result-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.action-btn{align-items:center;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;transition:all .3s}.action-btn.primary{background:#1a1a1a;color:#fff}.action-btn.primary:hover{background:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.action-btn.secondary{background:#f5f5f5;border:1px solid #e0e0e0;color:#1a1a1a}.action-btn.secondary:hover{background:#e0e0e0}.result-image-container{border-radius:12px;box-shadow:0 4px 20px #00000026;margin-bottom:30px;overflow:hidden;width:100%}.result-image{display:block;height:auto;width:100%}.result-info{text-align:center}.result-info h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:10px}.result-info p{color:#666;font-family:monospace;font-size:.95rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.workspace-box{min-height:350px}}@media (max-width:1024px){.workspace-content-boxes{gap:20px;grid-template-columns:1fr}.workspace-box{min-height:320px}.features-thumbnails-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.workspace-header{flex-direction:column;gap:15px;padding:15px 20px}.workspace-header-left{flex-direction:column;gap:10px;text-align:center}.workspace-logo-img{height:32px;margin-bottom:8px;margin-right:0}.workspace-header-right{justify-content:center;width:100%}.workspace-content-boxes{grid-template-columns:1fr;padding:20px}.workspace-box{height:auto;min-height:auto;padding:20px}.features-thumbnails-grid{grid-template-columns:1fr}.workspace-content{padding:20px}.workspace-form-container,.workspace-result{padding:24px}.form-row{grid-template-columns:1fr}.user-name-compact{display:none}.generate-modal-content{margin:10px;max-height:95vh}.generate-modal-content .generator-form,.modal-header{padding:20px}.step-number{font-size:.8rem;height:28px;width:28px}.step-indicator{gap:8px;margin-bottom:6px}}@media (max-width:480px){.workspace-content-boxes{gap:15px;padding:15px}.workspace-box{min-height:auto;padding:15px}.box-title{font-size:1.25rem}.box-description{font-size:.9rem}}.workspace-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;margin-top:auto;padding:30px 40px;width:100%}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-content p{color:#666;font-size:.9rem;margin:0}.footer-links{display:flex;gap:24px}.footer-links a{color:#666;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#1a1a1a}@media (max-width:768px){.workspace-footer{padding:24px 20px}.footer-content{flex-direction:column;gap:16px;text-align:center}.footer-links{gap:20px;justify-content:center}}.App{min-height:100vh;width:100%}
/*# sourceMappingURL=main.2da69ef5.css.map*/