@font-face{font-family:Inter;src:url(/assets/Inter-Regular-Dzk8EE0y.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium--itchWfv.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-D0hqFoWY.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-BSIRPsaf.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--background-color: #1a103c;--card-background-color: #2a1c53;--primary-color: #8a3ffc;--secondary-color: #a476f5;--text-color: #f4f4f4;--text-color-secondary: #c6c6c6;--border-color: #4a3d7a;--border-radius: 12px;--font-family: "Inter", sans-serif;--premium-color: #ffab00;--success-color: #10b981;--danger-color: #c42653}[dir=rtl]{direction:rtl}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);margin:0}.app-wrapper{display:flex}.main-content-area{flex-grow:1;min-width:0;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto;width:100%}.container{max-width:1400px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.page-content{margin-top:20px}.sidebar{width:260px;background-color:var(--background-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease,left .3s ease;height:100vh;position:sticky;top:0;flex-shrink:0}.sidebar.collapsed{width:78px}.sidebar-header{padding:15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;height:70px;box-sizing:border-box}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text-color-secondary);font-size:2.2rem;cursor:pointer;padding:0;line-height:1;transition:color .2s}.sidebar-close-btn:hover{color:var(--text-color)}.sidebar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;overflow:hidden;white-space:nowrap}.sidebar-logo .logo-icon{width:32px;height:32px;flex-shrink:0}.sidebar-logo .logo-text{font-size:18px;font-weight:600;color:var(--text-color);opacity:1;transition:opacity .2s ease,width .2s ease}.sidebar.collapsed .logo-text{opacity:0;width:0}.sidebar-nav{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:10px 0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav a{display:flex;align-items:center;padding:9px 25px;color:var(--text-color-secondary);text-decoration:none;gap:12px;transition:background-color .2s,color .2s;white-space:nowrap;overflow:hidden;font-size:13px}.sidebar-nav a:hover{background-color:var(--card-background-color);color:var(--text-color)}.sidebar-nav a.active{background-color:var(--primary-color);color:#fff;font-weight:500}.sidebar-nav .nav-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.sidebar-nav .nav-text{opacity:1;transition:opacity .2s ease,width .2s ease}.sidebar.collapsed .nav-text{opacity:0;width:0}.sidebar-nav .nav-category{display:flex;align-items:center;justify-content:space-between;padding:12px 25px;color:var(--text-color);text-decoration:none;gap:12px;cursor:pointer;transition:background-color .2s;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden}.sidebar-nav .nav-category:hover{background-color:var(--card-background-color)}.sidebar-nav .nav-category.category-active{color:var(--secondary-color)}.sidebar-nav .category-title{display:flex;align-items:center;gap:12px}.sidebar-nav .category-chevron{transition:transform .3s ease;font-size:12px}.sidebar-nav .category-chevron.open{transform:rotate(90deg)}.submenu{list-style:none;padding:0;margin:0;overflow:hidden;max-height:0;transition:max-height .35s ease-in-out;background-color:#0000001a}.submenu li a{padding-left:45px!important}.collapsed-tool-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;margin:3px auto;border-radius:8px;color:var(--text-color-secondary);text-decoration:none;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;position:relative}.collapsed-tool-item:hover{background-color:var(--card-background-color);color:var(--text-color);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.collapsed-tool-item.active{background-color:var(--primary-color);color:#fff;font-weight:500;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.collapsed-tool-item .nav-icon{font-size:18px;line-height:1}.sidebar.collapsed .nav-category{display:none}.sidebar-footer{padding:10px 0;border-top:1px solid var(--border-color);margin-top:auto}.settings-wrapper{position:relative;padding:0 15px;margin-bottom:5px}.sidebar.collapsed .settings-wrapper{padding:0 5px}.settings-btn{display:flex;align-items:center;gap:15px;background-color:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-color-secondary);width:100%;padding:8px 10px;font-size:14px;cursor:pointer;text-align:left;transition:background-color .2s,color .2s;box-sizing:border-box;overflow:hidden}.settings-btn:hover{background-color:var(--card-background-color);color:var(--text-color)}.sidebar.collapsed .settings-btn{justify-content:center;padding:8px}.settings-flyout{position:absolute;bottom:calc(100% + 8px);left:15px;right:15px;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px;box-shadow:0 8px 25px #0000004d;z-index:1002;display:flex;flex-direction:column;gap:4px}.sidebar.collapsed .settings-flyout{left:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%);right:auto;width:200px}.settings-flyout a,.settings-flyout button{width:100%;box-sizing:border-box;text-align:left;padding:10px 12px;border-radius:6px;text-decoration:none;color:var(--text-color-secondary);background:none;border:none;cursor:pointer;font-family:inherit;font-size:14px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.settings-flyout a:hover,.settings-flyout button:hover{background-color:var(--background-color);color:var(--text-color)}.flyout-separator{height:1px;background-color:var(--border-color);margin:4px 0}.settings-flyout .flyout-upgrade-btn{background-color:#ffc400!important;color:var(--background-color)!important;font-weight:600;text-align:center;box-shadow:0 4px 15px #ffab0066;margin-bottom:4px;transform:translateY(-2px)}.settings-flyout .flyout-upgrade-btn:hover{background-color:#ffd040!important;color:var(--background-color)!important;box-shadow:0 6px 20px #ffab0080;transform:translateY(-4px)}.sidebar-toggle{display:flex;align-items:center;gap:15px;background:none;border:none;color:var(--text-color-secondary);width:100%;padding:12px 25px;font-size:14px;cursor:pointer;text-align:left}.sidebar-toggle:hover{color:var(--text-color)}.sidebar.collapsed .sidebar-toggle .nav-icon{transform:scaleX(-1)}header{display:flex;justify-content:space-between;align-items:center;height:70px}header h1{margin:0;line-height:1}header h1 a{color:var(--text-color);text-decoration:none;display:flex;align-items:center}.logo-svg{height:40px;width:auto}header nav{display:flex;gap:10px;align-items:center}header nav a,header nav button{color:var(--text-color-secondary);text-decoration:none;padding:8px 16px;border-radius:8px;transition:background-color .2s ease,color .2s ease;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}header nav a:hover,header nav button:hover{background-color:var(--card-background-color);color:var(--text-color)}header nav .signup-btn{background-color:var(--primary-color);color:#fff}header nav .signup-btn:hover{background-color:var(--secondary-color)}.upgrade-btn-nav{background-color:var(--premium-color);color:var(--background-color)!important;font-weight:600;box-shadow:0 2px 10px #ffab004d}.upgrade-btn-nav:hover{background-color:#ffc400!important;color:var(--background-color)!important}.header-profile-pic{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);margin-left:10px}.premium-badge{background-color:var(--success-color);color:var(--text-color);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.mode-selector{display:flex;margin-bottom:20px;background-color:var(--card-background-color);border-radius:var(--border-radius);padding:8px;gap:8px;width:100%}.mode-selector button{flex:1;background:transparent;border:none;color:var(--text-color-secondary);font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.mode-selector button.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #8a3ffc66}main:not(.page-container){display:grid;grid-template-columns:1fr 1fr;gap:30px}[dir=rtl] main:not(.page-container){grid-template-columns:1fr 1fr}.controls-column,.results-column{display:flex;flex-direction:column;gap:20px}.page-container{width:100%}.page-title{font-size:24px;font-weight:600;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:15px}.page-header{text-align:center;margin-bottom:30px}.page-header .page-title{border-bottom:none;margin-bottom:10px;font-size:28px}.page-header .page-description{color:var(--text-color-secondary);font-size:16px;max-width:600px;margin:0 auto}.card{background-color:var(--card-background-color);border-radius:var(--border-radius);padding:25px;border:1px solid var(--border-color)}.card-modern{background:linear-gradient(145deg,#3a2c73,#2a1c53);border:1px solid transparent;position:relative}.card-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:linear-gradient(145deg,var(--primary-color),var(--border-color))}.config-separator{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:25px 0}.card-header{display:flex;align-items:center;margin-bottom:20px;gap:15px}.step-number{background-color:var(--primary-color);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.card-header h3{margin:0;font-size:18px;font-weight:600;flex-grow:1}[dir=rtl] .card-header h3{text-align:right}.upload-area{position:relative;border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:30px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:var(--primary-color);background-color:#312163}.upload-area.drag-over{border-color:var(--primary-color);background-color:#312163;border-style:solid;transform:scale(1.02);box-shadow:0 0 20px #8a3ffc66}.upload-area.drag-over p{color:var(--text-color)}.upload-icon{font-size:30px;color:var(--secondary-color);margin-bottom:10px}.upload-area p{margin:0 0 5px;font-weight:500}.upload-area span{font-size:12px;color:var(--text-color-secondary)}.thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.thumbnail{position:relative;width:70px;height:70px}.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:8px}.thumbnail .thumbnail-ref-name{position:absolute;top:4px;left:4px;background-color:#1a103ccc;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.thumbnail button{position:absolute;background-color:#1a103cb3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:24px;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background-color .2s,transform .2s}.thumbnail button:hover{transform:scale(1.1)}.thumbnail .remove-btn{top:-8px;right:-8px;background-color:var(--danger-color)}.thumbnail .remove-btn:hover{background-color:#e0446f}[dir=rtl] .thumbnail .remove-btn{right:auto;left:-8px}.thumbnail .edit-btn{bottom:5px;right:5px;background-color:var(--primary-color)}.thumbnail .edit-btn:hover{background-color:var(--secondary-color)}.thumbnail .edit-btn .magic-wand{font-size:12px}[dir=rtl] .thumbnail .edit-btn{right:auto;left:5px}.referenced-images-container{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.referenced-images-container h4{font-size:14px;font-weight:500;color:var(--text-color-secondary);margin:0 0 10px}.form-group{margin-bottom:20px}.card-modern .form-group{margin-bottom:0}.form-group label,.form-group-horizontal h4{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--text-color-secondary)}input[type=text],input[type=email],input[type=number],input[type=password],input[type=date],input[type=tel],textarea,select{width:100%;background-color:#1a103c;border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-color);font-family:var(--font-family);font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}input[type=date]{color-scheme:dark}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=date]:focus,input[type=tel]:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #8a3ffc40;outline:none}textarea{resize:vertical;min-height:80px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c6c6c6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:1em;padding-right:2.5rem}.prompt-with-helper{position:relative}.image-ref-helper{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background-color:var(--background-color);padding:8px;border-radius:0 0 8px 8px;margin-top:-8px;border:1px solid var(--border-color);border-top:none}.image-ref-helper .helper-label{font-size:12px;color:var(--text-color-secondary);font-weight:500}.image-ref-helper button{background-color:var(--card-background-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.image-ref-helper button:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.image-ref-helper button img{width:20px;height:20px;object-fit:cover;border-radius:4px}.phone-input-group{display:flex;gap:10px}.phone-input-group select{width:auto;flex-shrink:0}.phone-input-group input{flex-grow:1}.ai-suggestion-wrapper{position:relative}.suggestion-popup-loader{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background-color:var(--card-background-color);border:1px solid var(--border-color);padding:15px 20px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0003;z-index:10;display:flex;align-items:center;gap:15px;width:max-content}.suggestion-popup-loader:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:var(--border-color) transparent transparent transparent}.suggestion-popup-loader .mini-loader-orb{width:30px;height:30px;position:relative;border-radius:50%;background:radial-gradient(circle,var(--secondary-color) 0%,var(--primary-color) 100%);animation:pulse 2s infinite ease-in-out}.suggestion-popup-loader .mini-loader-text{font-size:14px;color:var(--text-color);font-weight:500}.ai-suggestion-btn{background-color:#1a103c;border:1px solid var(--border-color);color:var(--secondary-color);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:background-color .2s;position:relative}.ai-suggestion-btn:hover{background-color:#312163}.ai-suggestion-btn .magic-wand{color:#e5c5ff}.add-prompt-btn{background:none;border:1px solid var(--border-color);width:100%;padding:12px;border-radius:8px;color:var(--text-color-secondary);font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.add-prompt-btn:hover{background-color:#312163;border-color:var(--secondary-color)}.form-group-horizontal{display:flex;justify-content:space-between;align-items:center;cursor:default}[dir=rtl] .form-group-horizontal{flex-direction:row-reverse}.enhancer-text p{font-size:12px;color:var(--text-color-secondary);margin:0}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a3d7a;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(22px)}[dir=rtl] input:checked+.slider:before{transform:translate(-22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:disabled+.slider{cursor:default}.segmented-control{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px}.feature-note{display:block;font-size:12px;color:var(--text-color-secondary);margin-top:10px;text-align:center;line-height:1.4}.segmented-control button{background-color:#241849;border:1px solid #3c2d6e;color:var(--text-color-secondary);padding:12px 8px;border-radius:10px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:500;position:relative;width:100%;height:100%;min-height:70px}.segmented-control button:hover:not(.active):not(:disabled){border-color:var(--secondary-color);background-color:#312163}.segmented-control button.active{background-color:#6038c5;border-color:#8a3ffc;color:var(--text-color);box-shadow:0 0 15px -2px #8a3ffc99}.segmented-control button span{font-weight:500;font-size:14px}.segmented-control button small{font-size:12px;color:#a79fbf}.segmented-control button.active small{color:#e5dfff}.segmented-control button:disabled{background-color:#241849;border-color:#3c2d6e;color:#5a507a;cursor:not-allowed;opacity:.6;box-shadow:none}.segmented-control button:disabled:hover{background-color:#241849;border-color:#3c2d6e}.segmented-control button:disabled .aspect-icon{border-color:#5a507a}.aspect-icon-wrapper{position:relative;display:flex;justify-content:center;align-items:center;height:32px}.aspect-ratio-control .aspect-icon{height:24px;width:24px;border:2px solid #8278a5;border-radius:4px;transition:border-color .2s}.aspect-ratio-control button.active .aspect-icon{border-color:#fff}.premium-locked-wrapper.locked button .aspect-icon{border-color:#5a507a}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.aspect-icon.square{width:24px;height:24px}.aspect-icon.landscape{width:28px;height:16px}.aspect-icon.portrait{width:16px;height:28px}.aspect-icon.standard{width:24px;height:18px}.aspect-icon.tall{width:18px;height:24px}.form-group small{display:block;font-size:12px;color:var(--text-color-secondary);margin-top:8px}.generate-btn{background-color:var(--primary-color);color:#fff;width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-btn:hover{background-color:var(--secondary-color)}.generate-btn:disabled{background-color:var(--border-color);cursor:not-allowed}.api-key-warning{font-size:12px;color:var(--danger-color);text-align:center;margin-top:15px;line-height:1.5;padding:0 10px}.generation-counter{font-size:12px;color:var(--text-color-secondary);text-align:center;margin-top:15px;line-height:1.5;padding:0 10px;margin-bottom:0}.results-placeholder{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-color-secondary)}.result-images{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.result-image-wrapper{display:flex;flex-direction:column;border-radius:var(--border-radius);background:var(--card-background-color);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.image-container{position:relative;cursor:zoom-in}.result-image-wrapper img{display:block;width:100%;height:auto;border-radius:var(--border-radius) var(--border-radius) 0 0}.prompt-overlay{position:absolute;bottom:0;left:0;right:0;padding:25px 10px 10px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}.prompt-overlay p{margin:0;font-size:12px;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.image-actions-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card-background-color);border-top:1px solid var(--border-color);gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;min-width:0}.action-btn.magic-edit-btn,.action-btn.download-btn{padding:10px;min-width:40px;flex:0 0 auto}.action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.action-btn svg{width:14px;height:14px;flex-shrink:0}.action-btn .magic-icon,.action-btn .download-icon{font-size:14px;flex-shrink:0}.action-btn span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-all-btn{padding:8px 16px;font-size:14px;flex-shrink:0;display:flex;align-items:center;gap:8px}.download-all-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.action-btn.magic-edit-btn.locked{position:relative}.action-btn .premium-lock-icon-overlay{position:absolute;top:-2px;right:-2px;background:#f44;color:#fff;border-radius:50%;width:14px;height:14px;font-size:8px;display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.result-image-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 25px #8a3ffc26}.image-container:hover .prompt-overlay{opacity:1}}@media(max-width:768px){.image-actions-bottom{padding:10px 12px;gap:6px}.action-btn{padding:6px 8px;font-size:12px;gap:4px}.action-btn.magic-edit-btn,.action-btn.download-btn{padding:8px;min-width:36px}.action-btn svg{width:12px;height:12px}.action-btn .magic-icon,.action-btn .download-icon{font-size:12px}}footer{text-align:center;margin-top:30px;color:var(--text-color-secondary);font-size:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links-container{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center;margin:0 auto}.footer-link{color:var(--text-color-secondary);text-decoration:none;padding:5px 10px;border-radius:5px;font-size:14px;transition:all .2s ease}.footer-link:hover{color:var(--text-color);background-color:var(--card-background-color)}.footer-right-container{display:flex;align-items:center;gap:15px}.footer-contact-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;margin:0 5px;padding:5px 10px;border-radius:5px;font-family:inherit;font-size:14px;transition:all .2s ease}.footer-contact-btn:hover{color:var(--text-color);background-color:var(--card-background-color)}.version-info{font-size:12px;opacity:.6}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.auth-modal-content{background:var(--card-background-color);padding:30px;border-radius:var(--border-radius);position:relative;border:1px solid var(--border-color);max-height:95vh;display:flex;flex-direction:column;width:450px}.userprofile-modal-content{background:var(--card-background-color);padding:30px;border-radius:var(--border-radius);position:relative;border:1px solid var(--border-color);max-height:95vh;display:flex;flex-direction:column}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-color-secondary);font-size:24px;cursor:pointer}[dir=rtl] .close-button{right:auto;left:15px}.modal-title{margin-top:0;text-align:center;margin-bottom:20px}.modal-input{margin-bottom:15px}.auth-buttons button{flex:1;padding:12px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-primary{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);transition:all .2s ease}.btn-primary:hover:not(:disabled){background-color:var(--secondary-color);border-color:var(--secondary-color)}.btn-primary:disabled{background-color:var(--border-color);border-color:var(--border-color);cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:var(--background-color);border-color:var(--text-color)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;border-color:var(--border-color);color:var(--text-color-secondary)}.auth-buttons .btn-secondary{padding:12px;font-size:16px}.google-signin-btn{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;color:#333;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s;margin-top:15px}.google-signin-btn:hover{background-color:#f2f2f2}.error-message{color:#ff4d4d;background-color:#ff4d4d1a;padding:10px;border-radius:8px;margin-top:15px;text-align:center;font-size:14px}.upgrade-prompt-message{text-align:center;color:var(--text-color-secondary);line-height:1.6;margin-bottom:20px}.auth-tabs{display:flex;margin-bottom:20px;background-color:var(--background-color);border-radius:8px;padding:5px}.auth-tabs button{flex:1;background:transparent;border:none;color:var(--text-color-secondary);padding:10px;font-size:16px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.auth-tabs button.active{background-color:var(--primary-color);color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.form-row-split{display:flex;gap:15px}.form-row-split .form-group{flex:1}.auth-form .auth-buttons{margin-top:10px}.auth-form .form-group{margin-bottom:0}.form-description{text-align:center;color:var(--text-color-secondary);line-height:1.5;margin-bottom:20px;font-size:14px}.auth-links{text-align:center;margin-top:15px}.auth-link{color:var(--secondary-color);text-decoration:none;font-size:14px;font-weight:500}.auth-link:hover{text-decoration:underline}.notification-modal{max-width:420px;text-align:center}.notification-icon{font-size:40px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:4px solid}.notification-icon.success{background-color:#10b9811a;color:var(--success-color);border-color:var(--success-color)}.notification-icon.error{background-color:#c426531a;color:var(--danger-color);border-color:var(--danger-color)}.notification-icon.info{background-color:#3b82f61a;color:#3b82f6;border-color:#3b82f6}.notification-icon.premium-feature-icon{background-color:#ffab001a;color:var(--premium-color);border-color:var(--premium-color)}.notification-message{color:var(--text-color-secondary);line-height:1.6;margin-bottom:25px;white-space:pre-wrap;text-align:center}.notification-modal .auth-buttons{justify-content:center}.notification-modal .auth-buttons button{min-width:120px;flex:0}.suggestion-loader-content{background:var(--card-background-color);padding:30px 40px;border-radius:var(--border-radius);width:90%;max-width:320px;text-align:center;border:1px solid var(--border-color)}.suggestion-loader-content .modal-title{margin:0 0 20px}.suggestion-loader-content .creative-loader{gap:15px}.suggestion-loader-content .loader-orb{width:60px;height:60px}.suggestion-loader-content .particle{transform-origin:3px 30px}.image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;box-sizing:border-box}.image-preview-content{position:relative}.image-preview-content img{display:block;max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px}.image-preview-content .close-button{color:#fff;top:-10px;right:-10px;font-size:30px;text-shadow:0 0 5px black}[dir=rtl] .image-preview-content .close-button{right:auto;left:-10px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000bf;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;width:48px;height:48px;font-size:20px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;z-index:10}.gallery-nav:hover:not(:disabled){background-color:#8a3ffce6;border-color:#8a3ffccc;box-shadow:0 6px 20px #8a3ffc66;transform:translateY(-50%) scale(1.05)}.gallery-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-nav.prev-btn{left:20px}[dir=rtl] .gallery-nav.prev-btn{left:auto;right:20px}.gallery-nav.next-btn{right:20px}[dir=rtl] .gallery-nav.next-btn{right:auto;left:20px}@media(max-width:768px){.gallery-nav{width:44px;height:44px;font-size:18px}.gallery-nav.prev-btn{left:10px}.gallery-nav.next-btn{right:10px}[dir=rtl] .gallery-nav.prev-btn{left:auto;right:10px}[dir=rtl] .gallery-nav.next-btn{right:auto;left:10px}.gallery-counter{top:15px;padding:6px 12px;font-size:13px}}.gallery-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#000000bf;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.image-edit-modal{max-width:95vw;overflow:auto;max-height:90vh}.image-edit-container{display:flex;gap:20px;margin-bottom:20px}.image-display{flex:1;position:relative;min-width:0;display:flex;flex-direction:column}.image-label{text-align:center;margin-bottom:10px;font-weight:500;color:var(--text-color-secondary)}.image-display .inpainting-canvas{width:100%;height:auto;border-radius:var(--border-radius);background-color:var(--background-color);display:block}.edited-image-placeholder{width:100%;border-radius:var(--border-radius);background-color:var(--background-color);display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);position:relative;overflow:hidden;flex-grow:1;min-height:200px}.edited-image-placeholder img{width:100%;height:100%;object-fit:contain}.inpainting-controls{display:flex;align-items:center;gap:15px;margin-top:15px}.inpainting-controls label{font-size:14px;color:var(--text-color-secondary);margin:0}.inpainting-controls input[type=range]{flex-grow:1}.inpainting-controls button{flex-shrink:0;padding:8px 12px}.edited-image-placeholder .placeholder-text{color:var(--text-color-secondary);text-align:center;padding:20px}.edited-image-placeholder .creative-loader{transform:scale(.8)}.edited-image-placeholder .loader-orb{width:60px;height:60px}.edited-image-placeholder .particle{transform-origin:3px 30px}.history-item-wrapper{position:relative;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;aspect-ratio:1 / 1}.history-item-wrapper img{display:block;width:100%;height:100%;object-fit:cover}.history-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 15px 15px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);color:#fff;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:flex-end}.history-item-wrapper:hover .history-item-overlay{opacity:1}.history-item-prompt{font-size:13px;line-height:1.5;margin:0 0 15px;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item-actions{display:flex;gap:10px}.history-item-actions button{flex:1;padding:8px 10px;font-size:12px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.history-item-actions .remix-btn{background-color:var(--primary-color);color:#fff}.history-item-actions .remix-btn:hover{background-color:var(--secondary-color)}.history-item-actions .delete-btn{background-color:var(--danger-color);color:#fff}.history-item-actions .delete-btn:hover{background-color:#e0446f}.history-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.history-toolbar{display:flex;justify-content:flex-end;gap:15px;margin-bottom:20px;align-items:center}.history-item-wrapper.selection-mode{cursor:pointer}.history-item-wrapper.selection-mode:hover .history-item-overlay{opacity:0}.selection-checkbox{position:absolute;top:10px;left:10px;width:24px;height:24px;background-color:#1a103cb3;border:2px solid #fff;border-radius:50%;z-index:12;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:transparent;font-size:16px;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.history-item-wrapper.selected .selection-checkbox{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.history-item-wrapper.selected{transform:scale(.95);box-shadow:0 0 0 3px var(--primary-color)!important}.history-item-wrapper.selected img{opacity:.7}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:30px}.pagination-controls button{padding:8px 16px}.pagination-controls span{font-weight:500;color:var(--text-color-secondary)}.upscale-page{max-width:800px;margin:0 auto}.upscale-layout{display:flex;flex-direction:column;gap:20px}.upscale-page-upload-area{width:100%;box-sizing:border-box}.upscale-results-subheader{text-align:center;margin-bottom:15px;font-weight:500;color:var(--text-color-secondary)}.image-comparison-slider{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--border-radius);background-color:var(--background-color);border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.comparison-image-after-wrapper{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;pointer-events:none}.comparison-slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fffc;cursor:ew-resize;z-index:10;transform:translate(-50%);box-shadow:0 0 10px #00000080}.comparison-slider-handle:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fffc;color:var(--background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.image-comparison-slider .placeholder-text{color:var(--text-color-secondary);padding:20px;text-align:center}.replacement-page{max-width:800px;margin:0 auto}.replacement-layout{display:flex;flex-direction:column;gap:20px}.replacement-editor-area{position:relative;width:100%;background-color:var(--background-color);border-radius:var(--border-radius);overflow:hidden;-webkit-user-select:none;user-select:none;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;min-height:400px}.replacement-editor-area .base-image{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}.replacement-result-image{width:100%;border-radius:var(--border-radius);margin-top:15px}.replacement-upload-object-btn{width:100%;padding:12px;font-size:14px;font-weight:500}.cursor-magic-select{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L9.5 9.5 2 12l7.5 2.5L12 22l2.5-7.5L22 12l-7.5-2.5z"></path><path d="M22 2l-2.5 2.5"></path><path d="M14 6l-1 1"></path></svg>') 12 12,crosshair}.character-page{max-width:1000px;margin:0 auto}.character-page .page-header{display:flex;justify-content:space-between;align-items:center;text-align:left}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.character-card{background-color:var(--card-background-color);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.character-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.character-card img{width:100%;height:200px;object-fit:cover;background-color:var(--background-color)}.character-card-content{padding:15px}.character-card h4{margin:0 0 15px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-actions{display:flex;gap:10px}.character-card-actions button{flex:1;padding:8px 12px;font-size:12px;border-radius:6px}.character-creation-card .card-header{justify-content:space-between}.character-creation-card textarea{resize:none;overflow-y:hidden;transition:height .1s ease-out}.prompt-helper-container{margin-top:15px}.prompt-helper-container label{display:block;font-size:13px;font-weight:500;color:var(--text-color-secondary);margin:0 0 10px}.character-sheet-preview{margin-top:20px;text-align:center}.character-sheet-preview img{max-width:100%;max-height:400px;border-radius:var(--border-radius);border:1px solid var(--border-color)}.character-sheet-actions{display:flex;justify-content:center;gap:15px;margin-top:15px}.empty-character-list{text-align:center;padding:40px;color:var(--text-color-secondary)}.empty-character-list p{margin-bottom:20px}.active-character-card{border:2px solid var(--primary-color);box-shadow:0 0 15px #8a3ffc4d}.active-character-card .card-header{align-items:center;gap:15px}.active-character-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.active-character-card h3{margin:0;font-size:16px;flex-grow:1}.background-page{max-width:900px;margin:0 auto}.background-layout{display:flex;flex-direction:column;gap:20px}.background-controls{display:flex;flex-direction:column;gap:15px;margin-top:15px}.background-tool-selector{display:flex;gap:10px}.background-tool-selector button{flex:1;font-size:14px}.background-results{margin-top:20px}.background-comparison-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.background-image-wrapper{display:flex;flex-direction:column;gap:10px;text-align:center}.background-image-wrapper h4{margin:0;font-size:16px;font-weight:500;color:var(--text-color-secondary)}.background-image-wrapper img{width:100%;height:auto;border-radius:var(--border-radius);background-color:var(--background-color);border:1px solid var(--border-color)}.preset-options-container{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.preset-options-container label{font-size:14px;font-weight:500;color:var(--text-color-secondary);margin:0}.color-swatches-container{display:flex;flex-wrap:wrap;gap:10px}.color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid var(--card-background-color);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0003}.color-swatch:hover{transform:scale(1.1);box-shadow:0 0 10px #fff3}.preset-suggestions-container{display:flex;flex-wrap:wrap;gap:10px}.preset-suggestion-btn{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color-secondary);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.preset-suggestion-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.object-generator-page{max-width:900px;margin:0 auto}.object-generator-layout{display:flex;flex-direction:column;gap:20px}.style-presets-container{display:flex;flex-wrap:wrap;gap:10px}.style-preset-btn{background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color-secondary);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.style-preset-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.object-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:15px;border-radius:var(--border-radius);background-image:linear-gradient(45deg,#312163 25%,transparent 25%),linear-gradient(-45deg,#312163 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#312163 75%),linear-gradient(-45deg,transparent 75%,#312163 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.object-result-item{position:relative;border-radius:var(--border-radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.object-result-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.object-result-item img{width:100%;height:auto;display:block;aspect-ratio:1 / 1;object-fit:contain}.object-result-actions{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(to top,rgba(26,16,60,.9) 0%,transparent 100%);display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.object-result-item:hover .object-result-actions{opacity:1}.object-result-actions button{flex:1;padding:8px 10px;font-size:12px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;cursor:pointer}@media(max-width:1200px){.history-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.sidebar{position:fixed;left:-260px;z-index:1001;height:100%;box-shadow:10px 0 30px #0000004d}.sidebar.open{left:0}.sidebar.open .sidebar-close-btn{display:block}.sidebar.open .logo-text{opacity:1;width:auto}.sidebar-overlay{display:block}.main-content-area{margin-left:0!important}.app-wrapper{display:block}}@media(max-width:900px){main:not(.page-container){grid-template-columns:1fr;gap:20px}[dir=rtl] main:not(.page-container){grid-template-columns:1fr}.results-area{height:auto;min-height:400px}.result-images{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){header:not(.mobile-header){flex-direction:row;align-items:center;gap:15px}header:not(.mobile-header) h1{width:auto}header:not(.mobile-header) nav{order:3;width:auto;flex-wrap:nowrap;justify-content:flex-end}header:not(.mobile-header) nav a,header:not(.mobile-header) nav button{padding:8px 14px;font-size:14px}.image-edit-container{flex-direction:column}.inpainting-controls{flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}.profile-sidebar .card{display:flex;flex-wrap:wrap;align-items:center;gap:20px;text-align:left}.profile-sidebar .profile-picture-wrapper{margin:0;width:80px;height:80px;flex-shrink:0}.profile-sidebar .profile-text-content{flex-grow:1}.profile-sidebar .profile-picture-upload-btn{width:30px;height:30px;font-size:14px}.profile-sidebar h4{font-size:20px}.status-badge{margin-top:8px}.dashboard-main .form-row{flex-direction:column;align-items:stretch}.api-key-actions{flex-direction:column}.api-key-actions button{width:100%}footer{flex-direction:column;gap:15px}footer .footer-links-container,footer .footer-right-container{justify-content:center;width:100%}.form-row-split{flex-direction:column;gap:12px}}@media(max-width:600px){body{padding:0}.container{padding:10px}.card{padding:15px}.admin-toolbar{flex-direction:row;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.admin-toolbar .user-filter-controls{flex-direction:row;gap:10px;align-items:center;flex:1;min-width:0}.admin-toolbar .user-filter-controls .mode-selector{flex:0 0 auto;box-sizing:border-box}.search-bar{flex:0 0 auto;width:250px;min-width:200px}.auth-modal-content{padding:20px}.phone-input-group{flex-direction:column}.segmented-control button small{display:none}.background-comparison-container{grid-template-columns:1fr}.history-grid{gap:10px;grid-template-columns:1fr}.result-images{grid-template-columns:1fr;gap:20px}}.creative-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loader-orb{width:80px;height:80px;position:relative;border-radius:50%;background:radial-gradient(circle,var(--secondary-color) 0%,var(--primary-color) 100%);animation:pulse-inpage 2s infinite ease-in-out}.particle{position:absolute;width:6px;height:6px;background-color:var(--text-color-secondary);border-radius:50%;top:50%;left:50%;margin:-3px 0 0 -3px;transform-origin:3px 40px;animation:orbit-inpage 4s infinite linear}.particle:nth-child(2){animation-delay:-.5s}.particle:nth-child(3){animation-delay:-1s}.particle:nth-child(4){animation-delay:-1.5s}.particle:nth-child(5){animation-delay:-2s}.particle:nth-child(6){animation-delay:-2.5s}.particle:nth-child(7){animation-delay:-3s}.particle:nth-child(8){animation-delay:-3.5s}.loader-text{color:var(--text-color-secondary);font-size:14px;font-weight:500;max-width:200px;text-align:center}@keyframes pulse-inpage{0%,to{transform:scale(.95);box-shadow:0 0 #8a3ffcb3}70%{transform:scale(1);box-shadow:0 0 0 10px #8a3ffc00}to{transform:scale(.95)}}@keyframes orbit-inpage{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}.dashboard-page,.admin-page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.dashboard-page .page-title,.admin-page .page-title{text-align:center;border-bottom:none;margin-bottom:0;font-size:28px}.dashboard-grid{display:grid;grid-template-columns:250px 1fr;gap:30px}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-sidebar .card{padding:30px 20px;text-align:center}.profile-picture-wrapper{position:relative;width:120px;height:120px;margin:0 auto 15px}.profile-picture{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--border-color)}.profile-picture-upload-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;background:var(--primary-color);border-radius:50%;border:2px solid var(--card-background-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}.profile-sidebar h4{margin:0 0 5px;font-size:18px}.profile-sidebar p{margin:0;color:var(--text-color-secondary);font-size:14px}.status-badge{display:inline-block;padding:5px 12px;border-radius:15px;font-weight:600;font-size:12px;margin-top:15px;text-transform:uppercase}.status-badge.premium{background-color:var(--premium-color);color:#1a103c}.status-badge.free{background-color:var(--border-color);color:var(--text-color)}.dashboard-main{display:flex;flex-direction:column;gap:20px}.dashboard-main .card h3{margin-top:0;font-size:20px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.dashboard-main .card-description,.admin-page .card-description{color:var(--text-color-secondary);font-size:14px;line-height:1.6;margin-bottom:20px;margin-top:-10px}.form-row{display:flex;gap:15px;align-items:flex-end}.form-row .form-group{flex-grow:1;margin-bottom:0}.dashboard-main input[type=text],.dashboard-main input[type=password]{height:44px}.dashboard-main button.btn-primary,.dashboard-main button.btn-delete,.dashboard-main button.btn-secondary,.dashboard-main button.btn-success{height:44px;padding-left:24px;padding-right:24px;font-size:14px;font-weight:500;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1}.api-key-input-wrapper{position:relative;display:flex;align-items:center}.api-key-input-wrapper input{padding-right:80px}.show-hide-btn{position:absolute;right:1px;top:1px;bottom:1px;background-color:var(--border-color);border:none;color:var(--text-color);cursor:pointer;font-size:14px;border-radius:0 7px 7px 0;padding:0 15px}[dir=rtl] .show-hide-btn{right:auto;left:1px;border-radius:7px 0 0 7px}.api-key-actions{display:flex;gap:10px}.btn-delete{background-color:var(--danger-color);border:1px solid var(--danger-color);color:#fff}.btn-delete:hover:not(:disabled){background-color:#e0446f}.btn-delete:disabled{background-color:var(--border-color);cursor:not-allowed;opacity:.5}button.btn-success{background-color:var(--success-color)!important;color:#fff!important;border:1px solid var(--success-color);transition:all .2s ease;cursor:pointer}button.btn-success:hover{background-color:#15c68f!important;border-color:#15c68f!important}.upgrade-cta-card{text-align:center}.upgrade-cta-card h4{font-size:16px;margin-bottom:8px}.upgrade-cta-card p{font-size:14px;color:var(--text-color-secondary);margin-bottom:15px}.upgrade-cta-card .btn-primary{width:100%;background-color:var(--premium-color);color:#1a103c;border-color:var(--premium-color);font-weight:600;padding:14px;font-size:16px;transition:all .2s ease}.upgrade-cta-card .btn-primary:hover{background-color:#ffc400;border-color:#ffc400;transform:translateY(-2px);box-shadow:0 4px 15px #ffab004d}.activity-filters{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.activity-chart-container{display:flex;justify-content:space-around;align-items:flex-end;gap:10px;height:250px;width:100%;padding:0 10px 10px;border-bottom:1px solid var(--border-color);box-sizing:border-box}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;position:relative;height:100%}.chart-bar{width:60%;max-width:40px;background:linear-gradient(to top,var(--primary-color),var(--secondary-color));border-radius:6px 6px 0 0;transition:height .5s ease-out,background-color .3s}.chart-label{margin-top:10px;font-size:12px;color:var(--text-color-secondary);white-space:nowrap}.chart-bar-tooltip{position:absolute;top:-35px;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;opacity:0;visibility:hidden;transition:opacity .2s,top .2s;pointer-events:none;white-space:nowrap}.chart-bar-wrapper:hover .chart-bar{background:linear-gradient(to top,#a476f5,#b894f7)}.chart-bar-wrapper:hover .chart-bar-tooltip{opacity:1;visibility:visible;top:-40px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.admin-toolbar .user-filter-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-toolbar .user-filter-controls .mode-selector button{flex:none;min-width:80px;padding:10px 16px}.search-bar{position:relative;width:300px}.search-bar input{padding-left:40px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-color-secondary)}.user-table-wrapper{overflow-x:auto;width:100%}.user-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;min-width:600px}.user-table thead{background-color:var(--background-color)}.user-table th,.user-table td{padding:15px;vertical-align:middle}.user-table th{font-size:12px;font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.user-table tbody tr{transition:background-color .2s ease}.user-table tbody tr:hover{background-color:var(--background-color)}.user-table td{border-bottom:1px solid var(--border-color)}.user-table tbody tr:last-child td{border-bottom:none}.user-table .user-info{display:flex;align-items:center;gap:15px}.user-table .user-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-table .user-info span{display:block}.user-table .user-info .username{font-weight:500;color:var(--text-color)}.user-table .user-info .email{color:var(--text-color-secondary);font-size:12px}.user-table .action-buttons{display:flex;gap:10px}.user-table .action-buttons button{padding:6px 12px;font-size:12px;border-radius:6px}.settings-form .btn-primary{margin-top:10px;width:100%;padding:14px;font-size:16px}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr}.profile-sidebar .card{display:flex;flex-wrap:wrap;align-items:center;gap:20px;text-align:left}.profile-sidebar .profile-picture-wrapper{margin:0;width:80px;height:80px;flex-shrink:0}.profile-sidebar .profile-text-content{flex-grow:1}.profile-sidebar .profile-picture-upload-btn{width:30px;height:30px;font-size:14px}.profile-sidebar h4{font-size:20px}.status-badge{margin-top:8px}.dashboard-main .form-row{flex-direction:column;align-items:stretch}.api-key-actions{flex-direction:column}.api-key-actions button{width:100%}.admin-toolbar .user-filter-controls{flex-direction:row;align-items:center;width:auto;flex:1;min-width:0;gap:8px}.activity-filters{flex-direction:column;align-items:flex-start;gap:15px}}@media(max-width:600px){.admin-toolbar{flex-direction:row;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.admin-toolbar .user-filter-controls .mode-selector button{min-width:50px;padding:8px 12px;font-size:12px}.search-bar{width:200px;min-width:150px}}@media(max-width:480px){.admin-toolbar{gap:8px}.admin-toolbar .user-filter-controls{gap:6px}.admin-toolbar .user-filter-controls .mode-selector button{min-width:45px;padding:6px 10px;font-size:11px}.search-bar{width:160px;min-width:120px}}.magic-lighting-page,.headshot-page,.annotate-page{max-width:800px;margin:0 auto}.magic-lighting-page .segmented-control,.headshot-page .segmented-control{display:flex;flex-wrap:wrap;gap:10px}.magic-lighting-page .segmented-control .ratio-wrapper,.headshot-page .segmented-control .ratio-wrapper{display:flex;flex-grow:1}.magic-lighting-page .segmented-control button,.headshot-page .segmented-control button:has(span:only-child){flex-direction:row;min-height:auto;height:auto;padding:12px 16px;font-size:14px}.headshot-page .aspect-ratio-control button{flex-direction:column;min-height:70px;padding:12px 8px;gap:6px}.upgrade-page{padding:20px;max-width:1200px;margin:0 auto}.upgrade-page .page-header{text-align:center;margin-bottom:40px}.upgrade-page .page-title{font-size:2.5rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-page .page-description{font-size:1.2rem;color:var(--text-color-secondary);max-width:600px;margin:0 auto}.plans-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.plan-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:16px;padding:30px 24px;text-align:center;position:relative;transition:all .3s ease;min-height:500px;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:var(--primary-color)}.plan-card.premium{border:2px solid var(--primary-color);background:linear-gradient(135deg,#8a3ffc08,#8a3ffc14);transform:scale(1.05)}.plan-card.premium:hover{transform:scale(1.05) translateY(-4px)}.plan-card.disabled{opacity:.6;pointer-events:none}.most-popular-ribbon{position:absolute;top:-1px;left:50%;color:#fff;padding:6px 20px;border-radius:0 0 12px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-header{margin-bottom:30px}.plan-header h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-color)}.plan-price{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.plan-price span{font-size:1rem;color:var(--text-color-secondary);font-weight:400}.plan-savings{color:#22c55e;font-weight:600;font-size:.9rem;background:#22c55e1a;padding:4px 12px;border-radius:20px;display:inline-block}.features-list{list-style:none;padding:0;margin:0 0 30px;text-align:left;flex-grow:1}.features-list li{font-size:.95rem;color:var(--text-color);position:relative;padding:8px 0 8px 24px}.features-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700;font-size:1.1rem}.plan-footer{margin-top:auto}.plan-footer button{width:100%;padding:14px 20px;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.plan-footer .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.plan-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8a3ffc4d}.plan-footer .btn-primary:disabled{opacity:.6;transform:none;cursor:not-allowed}.plan-footer .btn-secondary{background:var(--card-background);color:var(--text-color);border:2px solid var(--border-color)}.plan-footer .btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.plan-footer .btn-secondary:disabled{opacity:.6;transform:none;cursor:not-allowed}.current-plan{background:#22c55e!important;color:#fff!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-spinner{display:inline-block;margin-right:8px;animation:spin 1s linear infinite}@media(max-width:1024px){.plans-container{grid-template-columns:1fr;gap:24px;max-width:500px;margin:0 auto 40px}.plan-card.premium{transform:none}.plan-card.premium:hover{transform:translateY(-4px)}}@media(max-width:768px){.upgrade-page{padding:16px}.upgrade-page .page-title{font-size:2rem}.upgrade-page .page-description{font-size:1rem}.plan-card{padding:24px 20px;min-height:auto}.most-popular-ribbon{font-size:11px;padding:4px 16px}}.copy-prompt-btn{position:absolute;top:10px;right:10px;background-color:#1a103ccc;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s cubic-bezier(.25,.46,.45,.94);opacity:.9;z-index:11}.copy-prompt-btn svg{width:18px;height:18px}.copy-prompt-btn:hover{background-color:var(--primary-color);transform:scale(1.1);border-color:var(--primary-color)}[dir=rtl] .copy-prompt-btn{right:auto;left:10px}.toolbar-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;flex-grow:1;justify-content:flex-end}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal-content.image-edit-modal{background-color:var(--background-color);border-radius:16px;box-shadow:0 10px 40px #0006;position:relative;display:flex;flex-direction:column;padding:20px;min-height:600px;max-height:90vh;min-width:800px;max-width:90vw}.modal-title{font-size:24px;font-weight:600;margin:0 0 20px;color:var(--text-color)}.image-edit-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100% - 50px);box-sizing:border-box}.image-display{background:var(--background-color-darker);border-radius:12px;padding:15px;display:flex;flex-direction:column;min-height:0}.inpainting-canvas{flex:1;min-height:0;background:#241849;border-radius:8px;width:100%;object-fit:contain}.inpainting-controls{margin-top:15px;display:flex;gap:10px;align-items:center}.inpainting-controls label{color:var(--text-color-secondary);font-size:14px;margin-right:10px}.inpainting-controls input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.inpainting-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:transform .1s}.inpainting-controls input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.edited-image-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#241849;border-radius:8px}.edited-image-placeholder img{max-width:100%;max-height:100%;object-fit:contain}.form-group{margin-top:15px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color-secondary);font-size:14px}.form-group textarea{width:100%;height:100px;padding:10px;border-radius:8px;background:#241849;border:1px solid var(--border-color);color:var(--text-color);font-size:14px;resize:none}.auth-buttons{display:flex;gap:10px;margin-top:15px}.auth-buttons button{flex:1;padding:10px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--secondary-color)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:#ffffff0d}.download-btn{display:flex;align-items:center;justify-content:center;gap:8px}.download-btn svg{width:16px;height:16px;stroke:currentColor}.error-message{color:var(--danger-color);background:#e0446f1a;padding:8px 12px;border-radius:6px;margin-top:10px;font-size:14px}.face-detection-status{position:absolute;top:15px;left:15px;background:#1a103ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:6px 10px;border-radius:6px;font-size:12px;color:var(--text-color);z-index:1}.image-label{color:var(--text-color);font-size:14px;margin-bottom:10px}.close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-color);font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:background .2s}.close-button:hover{background:#ffffff1a}.placeholder-text{color:var(--text-color-secondary);font-size:14px}.user-profile-modal .modal-body{display:flex;flex-direction:column;gap:24px}.user-profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-info-column,.profile-actions-column{display:flex;flex-direction:column;gap:24px}.profile-actions-column{border-left:1px solid var(--border-color);padding-left:30px}.user-profile-modal .modal-header{border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:10px}.profile-header{display:flex;align-items:center;gap:20px}.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.profile-header-info h4{margin:0 0 4px;font-size:18px;color:var(--text-color)}.profile-header-info p{margin:0;font-size:14px;color:var(--text-color-secondary)}.profile-details-grid{display:grid;grid-template-columns:1fr;gap:16px;background-color:var(--background-color);padding:16px;border-radius:8px;transition:all .3s ease-in-out;overflow:hidden}.profile-details-grid.collapsed{max-height:0;padding-top:0;padding-bottom:0;margin-top:-10px;opacity:0}.collapsible-details{background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.collapsible-header h5{margin:0;font-size:16px}.collapse-toggle{background:none;border:1px solid var(--border-color);color:var(--text-color-secondary);font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;line-height:1}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-color-secondary);font-weight:500}.detail-value{font-size:14px;color:var(--text-color);font-weight:600}.detail-value.mono{font-family:monospace;font-size:12px;font-weight:400;word-break:break-all}.premium-status{color:var(--premium-color)}.free-status{color:var(--text-color-secondary);font-weight:500}.admin-actions{padding-top:0}.admin-actions h5{margin:0 0 16px;font-size:16px;color:var(--text-color)}.subscription-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:flex-end}.subscription-form .form-group{margin:0}.full-width-group{grid-column:1 / -1}.half-width-group button{width:100%}.subscription-form label{font-size:12px;margin-bottom:6px}.subscription-form button{height:42px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.quick-actions button{width:100%;padding:12px}.form-separator{display:flex;align-items:center;text-align:center;color:var(--text-color-secondary);font-size:12px;font-weight:500;margin-bottom:16px}.form-separator:before,.form-separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.form-separator:not(:empty):before{margin-right:.5em}.form-separator:not(:empty):after{margin-left:.5em}@media(max-width:850px){.user-profile-layout{grid-template-columns:1fr}.profile-actions-column{border-left:none;padding-left:0;border-top:1px solid var(--border-color);padding-top:24px}}@media(max-width:600px){.profile-details-grid,.quick-actions{grid-template-columns:1fr}}.reset-link-container{margin-top:16px}.reset-link-container p{font-size:12px;color:var(--text-color-secondary);margin-bottom:8px}.link-display{display:flex;gap:8px}.link-display input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:13px;font-family:monospace;color:var(--text-color)}.link-display button{flex-shrink:0}.touch-up-page{max-width:100%;margin:0 auto}.touch-up-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.touch-up-image-column{position:sticky;top:20px}.image-comparison-slider{position:relative;width:100%;overflow:hidden;border-radius:var(--border-radius);background-color:var(--background-color);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;line-height:0}.image-comparison-slider .placeholder-text{color:var(--text-color-secondary);padding:20px;text-align:center;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.comparison-image.before{display:block;width:100%;height:auto;pointer-events:none}.comparison-image-after-wrapper{position:absolute;top:0;left:0;height:100%;overflow:hidden;pointer-events:none;z-index:2}.comparison-image.after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;max-width:none}.comparison-slider-handle{position:absolute;top:0;height:100%;width:4px;background-color:#ffffffe6;cursor:ew-resize;z-index:10;transform:translate(-50%);box-shadow:0 0 15px #0009;transition:background-color .2s ease}.comparison-slider-handle:hover{background-color:#fff}.comparison-slider-handle:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background-color:#ffffffe6;color:var(--background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:0 0 10px #0006;transition:transform .2s ease,background-color .2s ease}.comparison-slider-handle:hover:after{transform:translate(-50%,-50%) scale(1.1);background-color:#fff}.image-overlay-label{position:absolute;top:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:5;pointer-events:none}.before-label,.after-label{right:10px}.face-detection-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:8px;z-index:5;pointer-events:none}.touch-up-controls-column{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px;align-self:start}.touch-up-controls-column .card{padding:20px 25px}.preset-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preset-buttons .btn-secondary{padding-top:12px;padding-bottom:12px;font-weight:500}.preset-buttons .btn-secondary:hover:not(.active){background-color:var(--background-color);border-color:var(--secondary-color);color:var(--text-color)}.preset-buttons .btn-secondary.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 15px #8a3ffc66}.targeted-buttons{display:flex;flex-direction:column;gap:12px}.targeted-buttons .btn-secondary{padding-top:12px;padding-bottom:12px;font-weight:500}.targeted-buttons .btn-secondary:hover:not(.active){background-color:var(--background-color);border-color:var(--secondary-color);color:var(--text-color)}.targeted-buttons .btn-secondary.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 15px #8a3ffc66}.action-buttons{display:flex;gap:15px}.action-buttons button{flex:1}.placeholder-message{text-align:center;padding:20px;background-color:var(--background-secondary);border-radius:var(--border-radius);margin-bottom:15px}.placeholder-message p{color:var(--text-color-secondary);font-size:14px;margin:0;font-style:italic}@media(max-width:900px){.touch-up-layout{grid-template-columns:1fr}.touch-up-image-column,.touch-up-controls-column{position:static}}.artistic-page{max-width:800px;margin:0 auto}.prompt-enhancer-page{background-color:var(--background-color);min-height:100vh;padding:40px 20px;overflow-y:auto}.page-header{text-align:center;color:var(--text-color);margin-bottom:40px;animation:fadeInDown .6s ease-out}.page-title{font-size:2.5rem;font-weight:700;margin:0 0 10px;letter-spacing:-1px}.page-description{font-size:1.1rem;opacity:.95;margin:0;font-weight:300;color:var(--text-color-secondary)}.prompt-enhancer-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1400px;margin:0 auto}@media(max-width:1024px){.prompt-enhancer-layout{grid-template-columns:1fr;gap:25px}}.input-section,.output-section{display:flex;flex-direction:column;gap:20px}.card{background:var(--card-background-color);border-radius:15px;padding:25px;border:1px solid var(--border-color);box-shadow:0 10px 40px #0000004d;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.card-header h3{margin:0;font-size:1.1rem;color:var(--text-color);font-weight:600}.prompt-textarea{width:100%;min-height:120px;padding:15px;border:2px solid var(--border-color);border-radius:8px;font-family:var(--font-family);font-size:.95rem;resize:vertical;transition:border-color .3s ease;background-color:#ffffff0d;color:var(--text-color)}.prompt-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8a3ffc1a}.prompt-textarea:disabled{background-color:#0003;color:var(--text-color-secondary);cursor:not-allowed}.number-input-group{display:flex;flex-direction:column;gap:10px}.number-input{padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;text-align:center;transition:border-color .3s ease;background-color:#ffffff0d;color:var(--text-color)}.number-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8a3ffc1a}.number-input:disabled{background-color:#0003;color:var(--text-color-secondary);cursor:not-allowed}.number-hint{font-size:.85rem;color:var(--text-color-secondary);font-weight:500}.error-message{padding:12px 15px;background-color:#c426531a;color:#ff6b6b;border:1px solid rgba(196,38,83,.3);border-radius:8px;font-size:.9rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.generate-btn{padding:14px 28px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a3ffc66}.generate-btn:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 6px 20px #8a3ffc99}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.prompts-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.prompt-item{padding:15px;background:#8a3ffc0d;border-left:4px solid var(--primary-color);border-radius:8px;transition:all .3s ease;border:1px solid var(--border-color)}.prompt-item:hover{transform:translate(5px);box-shadow:0 5px 15px #8a3ffc33}.prompt-number{font-size:.85rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.prompt-text{margin:0 0 12px;color:var(--text-color);font-size:.95rem;line-height:1.6;word-break:break-word}.copy-btn{padding:8px 12px;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:var(--primary-color);color:#fff}.download-btn{padding:12px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a3ffc66}.download-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 6px 20px #8a3ffc99}.download-btn:active{transform:translateY(0)}.action-buttons-container{display:flex;gap:15px;justify-content:center;margin-top:30px;max-width:1400px;margin-left:auto;margin-right:auto;flex-wrap:wrap}.action-btn{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8a3ffc66}.send-to-generator-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.send-to-generator-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a3ffc99}.send-to-generator-btn:active{transform:translateY(0)}.download-prompts-btn{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.download-prompts-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.download-prompts-btn:active{transform:translateY(0)}.placeholder-text{text-align:center;color:var(--text-color-secondary);font-size:1rem;padding:30px 20px;margin:0;font-style:italic}
