:root{--font-family-ar: "Tajawal", sans-serif;--font-family-en: "Inter", sans-serif}[data-theme=modern]{--bg-color: #F8F9FA;--bg-secondary-color: #FFFFFF;--text-color: #212529;--text-secondary-color: #6C757D;--primary-color: #4F46E5;--primary-hover-color: #4338CA;--accent-text-color: #FFFFFF;--border-color: #DEE2E6;--icon-color: #6C757D;--primary-color-shadow: rgba(79, 70, 229, .25);--primary-color-light: #e0e7ff;--primary-color-dark: #3730a3;--secondary-color-light: #f1f5f9;--secondary-color-dark: #64748b;--danger-color: #ef4444;--danger-hover-color: #dc2626;--warning-color: #f59e0b;--success-color: #10b981}[data-theme=modern].dark-theme{--bg-color: #121212;--bg-secondary-color: #1E1E1E;--text-color: #E0E0E0;--text-secondary-color: #A0A0A0;--primary-color: #BB86FC;--primary-hover-color: #9e47ff;--accent-text-color: #000000;--border-color: #2C2C2C;--icon-color: #A0A0A0;--primary-color-shadow: rgba(187, 134, 252, .25);--primary-color-light: #3c1e7a;--primary-color-dark: #e0cffc;--secondary-color-light: #424242;--secondary-color-dark: #bdbdbd}[data-theme=classic]{--bg-color: #f3e5f5;--bg-secondary-color: #FFFFFF;--text-color: #311b92;--text-secondary-color: #6a1b9a;--primary-color: #7B2CBF;--primary-hover-color: #5a189a;--accent-text-color: #FFFFFF;--border-color: #e1bee7;--icon-color: #6a1b9a;--primary-color-shadow: rgba(123, 44, 191, .2);--primary-color-light: #e9d5ff;--primary-color-dark: #5a189a;--secondary-color-light: #f3e5f5;--secondary-color-dark: #6a1b9a;--danger-color: #c62828;--danger-hover-color: #b71c1c;--warning-color: #f59e0b;--success-color: #10b981}[data-theme=classic].dark-theme{--bg-color: #3A2356;--bg-secondary-color: #4A2E6C;--text-color: #F2F1E8;--text-secondary-color: #B6A9C7;--primary-color: #A3FFE5;--primary-hover-color: #75e6c9;--accent-text-color: #2c1a40;--border-color: #6D5A85;--icon-color: #B6A9C7;--primary-color-shadow: rgba(163, 255, 229, .25);--primary-color-light: rgba(163, 255, 229, .15);--primary-color-dark: #4fcaa8;--secondary-color-light: rgba(182, 169, 199, .1);--secondary-color-dark: #B6A9C7;--danger-color: #E94560;--danger-hover-color: #ff7aa2;--warning-color: #f59e0b;--success-color: #10b981}[data-theme=brand]{--bg-color: #F8F9FA;--bg-secondary-color: #FFFFFF;--text-color: #212529;--text-secondary-color: #6C757D;--primary-color: var(--brand-color, #4F46E5);--primary-hover-color: var(--brand-hover-color, #4338CA);--accent-text-color: #FFFFFF;--border-color: #DEE2E6;--icon-color: #6C757D;--primary-color-shadow: var(--brand-shadow-color, rgba(79, 70, 229, .25));--primary-color-light: #e0e7ff;--primary-color-dark: #3730a3;--secondary-color-light: #f1f5f9;--secondary-color-dark: #64748b;--danger-color: #ef4444;--danger-hover-color: #dc2626;--warning-color: #f59e0b;--success-color: #10b981}[data-theme=brand].dark-theme{--bg-color: #121212;--bg-secondary-color: #1E1E1E;--text-color: #E0E0E0;--text-secondary-color: #A0A0A0;--primary-color: var(--brand-color, #BB86FC);--primary-hover-color: var(--brand-hover-color, #9e47ff);--accent-text-color: #FFFFFF;--border-color: #2C2C2C;--icon-color: #A0A0A0;--primary-color-shadow: var(--brand-shadow-color, rgba(187, 134, 252, .25));--primary-color-light: #3c1e7a;--primary-color-dark: #e0cffc;--secondary-color-light: #424242;--secondary-color-dark: #bdbdbd}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font-family:inherit}html[dir=rtl] body{font-family:var(--font-family-ar)}html[dir=ltr] body{font-family:var(--font-family-en)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.app-shell{width:100%;height:100vh;background-color:var(--bg-secondary-color);overflow:hidden;display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top)}.splash-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2.5rem;text-align:center}.splash-logo{width:120px;height:120px;margin-bottom:2rem}.dark-theme .splash-logo circle{fill:var(--bg-color)}.splash-title{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:.75rem;color:var(--text-color)}.splash-subtitle{font-size:.9rem;color:var(--text-secondary-color);margin-bottom:2.5rem;max-width:250px}.splash-actions{width:100%;display:flex;flex-direction:column;gap:1rem;max-width:400px}.splash-btn{width:100%;padding:1rem;font-size:1rem;font-weight:500;border-radius:1rem;cursor:pointer;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);transition:all .2s ease-in-out}.splash-btn:hover{border-color:var(--primary-color)}.splash-btn.guest{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--accent-text-color);font-weight:700}.splash-btn.guest:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;flex-shrink:0;background-color:#eee;position:relative;z-index:10;height:90px}.dark-theme .app-header{background-color:var(--bg-color)}.header-group{display:flex;align-items:center;gap:.75rem}.header-logo{width:28px;height:28px}.header-logo svg{width:100%;height:100%}.header-icon-btn{background:none;border:none;cursor:pointer;color:var(--icon-color);padding:.25rem}.header-icon-btn svg{width:22px;height:22px}.profile-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--bg-color);border:1px solid var(--border-color);object-fit:cover}.header-icon-btn[aria-label=Profile]{display:flex;align-items:center;gap:.25rem}.profile-arrow{width:16px;height:16px;color:var(--text-secondary-color)}.app-body{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.app-nav{width:100%;padding:0;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-shrink:0;background-color:#eee;padding-bottom:env(safe-area-inset-bottom);height:50px;position:relative;z-index:100;border-top:1px solid var(--border-color)}.dark-theme .app-nav{background-color:var(--bg-color)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;gap:.1rem;cursor:pointer;flex:1;padding:.25rem 0;position:relative;transition:transform .3s ease,color .3s ease}.nav-item.hide-on-mobile{display:none}.nav-item svg{width:20px;height:20px;color:var(--text-secondary-color);fill:none;transition:color .2s,fill .2s,transform .3s ease}.nav-item span{font-size:.8rem;font-weight:400;color:var(--text-secondary-color);transition:color .2s,opacity .2s;text-align:center}.nav-item:hover:not(.active) svg{transform:scale(1.2)}.nav-item:hover:not(.active) svg,.nav-item:hover:not(.active) span{color:var(--primary-color)}.nav-item.active svg{transform:scale(1.2);color:var(--primary-color);fill:var(--primary-color)}.nav-item.active span{color:var(--primary-color)}.main-content-wrapper{flex:1;overflow-y:auto;display:flex;-ms-overflow-style:none;scrollbar-width:none}.main-content-wrapper::-webkit-scrollbar{display:none}.main-content{flex-grow:1;padding:1rem 1rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.image-enhancer-title{font-size:1rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.enhancer-desktop-wrapper{display:flex;flex-direction:column;width:100%;flex-grow:1}.enhancer-desktop-wrapper .primary-btn{margin-top:auto}.enhancer-left-column,.enhancer-right-column{width:100%}.enhancer-left-column{display:flex;flex-direction:column;flex-grow:1}.image-upload-area{width:100%;aspect-ratio:4 / 3;max-height:450px;border-radius:1.5rem;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;margin-bottom:0rem;cursor:pointer;overflow:hidden;position:relative;border:2px dashed var(--border-color);transition:transform .2s ease-in-out,background-color .2s,border-color .2s}.image-upload-area:hover{transform:translateY(-2px);border-color:var(--primary-color)}.image-upload-area.dragging-over{transform:translateY(-2px) scale(1.02);border-color:var(--primary-hover-color);border-style:solid}.image-upload-area svg{width:60px;height:60px;color:var(--text-secondary-color)}.image-preview{width:100%;height:100%;object-fit:contain}.add-image-btn{display:none}.options-section{width:100%;margin-bottom:1rem}.options-section.disabled{opacity:.6;cursor:not-allowed}.section-title{font-size:1rem;font-weight:500;margin-bottom:.75rem;text-align:right;color:var(--text-secondary-color);padding-right:.25rem}.options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.enhancer-right-column .options-grid{grid-template-columns:repeat(2,1fr)}.options-grid.two-columns{grid-template-columns:repeat(2,1fr);gap:.75rem}.option-btn{background-color:var(--bg-color);color:var(--text-secondary-color);border:1px solid var(--border-color);padding:.6rem .5rem;font-size:.75rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease-in-out;text-align:center;font-weight:500}.option-btn:hover{border-color:var(--primary-color);color:var(--text-color)}.option-btn.active{background-color:var(--primary-color);color:var(--accent-text-color);border-color:var(--primary-color)}.icon-btn{display:flex;justify-content:center;align-items:center;padding:.75rem}.icon-btn svg{width:24px;height:24px}.primary-btn{background-color:var(--primary-color);color:var(--accent-text-color);border:none;width:100%;padding:1rem;font-size:1rem;font-weight:700;border-radius:1rem;cursor:pointer;transition:background-color .2s,opacity .2s}.primary-btn:hover{background-color:var(--primary-hover-color)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.product-generator-content{justify-content:flex-start;gap:1.5rem}.generator-form{width:100%;display:flex;flex-direction:column;gap:1rem}.product-name-input{width:100%;padding:1rem;font-size:1rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:1rem;text-align:right}.product-name-input::placeholder{color:var(--text-secondary-color)}.product-name-input:focus,.form-input:focus,.api-key-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-shadow)}.phone-input-group-reg:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-shadow)}.options-grid.three-columns{grid-template-columns:repeat(3,1fr)}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:.5rem;margin-bottom:.5rem}.enhancer-left-column .error-message{margin-top:-.5rem}.description-output-area{width:100%;margin-top:1rem;background-color:var(--bg-color);border-radius:1rem;padding:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.description-output{text-align:right;font-size:.9rem;line-height:1.6;color:var(--text-color);white-space:pre-wrap;min-height:100px;display:flex;justify-content:center;align-items:center}.output-actions{display:flex;gap:.75rem}.action-btn{flex-grow:1;padding:.75rem;font-size:.875rem;border-radius:.75rem;cursor:pointer;border:1px solid transparent;transition:all .2s ease-in-out}.copy-btn{background-color:transparent;border-color:var(--border-color);color:var(--text-secondary-color)}.copy-btn:hover{background-color:var(--border-color);color:var(--text-color)}.add-store-btn{background-color:var(--primary-color);color:var(--accent-text-color);border-color:var(--primary-color);font-weight:700}.add-store-btn:hover{background-color:var(--primary-hover-color)}.spinner{width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-content{justify-content:flex-start;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-bottom:1rem}.stats-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.stats-card:nth-child(3){grid-column:1 / -1}.stats-card-label{font-size:.8rem;color:var(--text-secondary-color)}.stats-card-value{font-size:2rem;font-weight:700;color:var(--text-color);line-height:1}.stats-card-action{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary-color);font-size:.75rem;padding:.3rem .8rem;border-radius:99px;cursor:pointer;margin-top:.5rem;transition:all .2s}.stats-card-action:hover{background-color:var(--border-color);color:var(--text-color)}.settings-content{justify-content:flex-start;gap:1.5rem;width:100%}.settings-section{width:100%;display:flex;flex-direction:column;gap:.75rem}.settings-section-title{font-size:1.25rem;font-weight:700;text-align:right;margin-bottom:.5rem}.settings-card{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.settings-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .2s ease-in-out}.settings-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.settings-item-icon{flex-shrink:0;color:var(--primary-color)}.dark-theme .settings-item-icon{color:var(--icon-color)}.settings-item-icon svg{width:28px;height:28px}.settings-item-text{flex-grow:1;text-align:right}.settings-item-text h3{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.1rem}.settings-item-text p{font-size:.8rem;color:var(--text-secondary-color)}.settings-item-arrow{flex-shrink:0;color:var(--text-secondary-color)}.settings-item-arrow svg{width:20px;height:20px;transform:scaleX(-1)}.theme-options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.theme-option{padding:1rem;border-radius:1rem;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease-in-out;background-color:var(--bg-secondary-color)}.theme-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.theme-option.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-shadow)}.theme-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.theme-name{font-size:1rem;font-weight:700}.theme-option-header .radio-checkmark{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center}.theme-option.active .radio-checkmark{border-color:var(--primary-color);background-color:var(--primary-color)}.theme-option.active .radio-checkmark:after{content:"";width:8px;height:8px;border-radius:50%;background-color:var(--accent-text-color)}.theme-preview{display:flex;height:30px;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.color-swatch{flex:1}.brand-color-picker-card{padding-top:1.5rem}.brand-color-picker-header{margin-bottom:1rem;text-align:right}.brand-color-picker-header h3{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.brand-color-picker-header p{font-size:.85rem;color:var(--text-secondary-color)}.color-input-container{display:flex;gap:.75rem;align-items:center;background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:.75rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.color-input-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-shadow)}.color-input-container input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;background-color:transparent;border:none;cursor:pointer;padding:0;border-radius:.5rem;overflow:hidden}.color-input-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-container input[type=color]::-webkit-color-swatch{border:none;border-radius:.5rem}.color-input-container input[type=text]{flex-grow:1;border:none;background:transparent;color:var(--text-color);font-size:1rem;outline:none;text-transform:uppercase}html[dir=rtl] .color-input-container input[type=text]{text-align:left;direction:ltr}.product-management-content{justify-content:flex-start;gap:1.5rem}.management-section{width:100%;display:flex;flex-direction:column;gap:.75rem}.image-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.gallery-item{position:relative;aspect-ratio:1 / 1;border-radius:.75rem;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:contain}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease-in-out}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-delete-btn{background:none;border:none;color:#fff;cursor:pointer}.gallery-delete-btn svg{width:24px;height:24px}.gallery-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.gallery-actions .action-btn{padding:.6rem;font-size:.75rem;background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary-color)}.gallery-actions .action-btn:hover{background-color:var(--border-color);color:var(--text-color)}.descriptions-table{width:100%;border-collapse:collapse;font-size:.75rem}.descriptions-table th,.descriptions-table td{padding:.5rem;border:1px solid var(--border-color);text-align:right;vertical-align:middle}.descriptions-table th{background-color:var(--bg-color);font-weight:700}.descriptions-table td:nth-child(2){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;color:var(--text-secondary-color)}.table-edit-input{width:100%;background-color:var(--bg-color);border:1px solid var(--primary-color);border-radius:.25rem;padding:.25rem;font-size:.75rem;color:var(--text-color)}.table-edit-input:focus{outline:none}.status-badge{padding:.2rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:capitalize}.status-badge.published{background-color:var(--primary-color-light);color:var(--primary-color-dark)}.status-badge.draft{background-color:var(--secondary-color-light);color:var(--secondary-color-dark)}.table-actions{display:flex;justify-content:center;align-items:center;gap:.25rem}.table-actions button{background:none;border:none;cursor:pointer;color:var(--text-secondary-color);padding:.25rem}.table-actions button:hover{color:var(--text-color)}.table-actions svg{width:16px;height:16px}.login-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2.5rem;position:relative}.back-btn{position:absolute;top:1.5rem;left:1.25rem;background:none;border:none;cursor:pointer;color:var(--icon-color);padding:.5rem}.back-btn svg{width:24px;height:24px}.login-title{font-size:1.75rem;font-weight:700;margin-bottom:2.5rem}.login-form{width:100%;display:flex;flex-direction:column;gap:1.5rem;max-width:400px}.form-group{width:100%;text-align:right}.form-label{display:block;font-size:.9rem;color:var(--text-secondary-color);margin-bottom:.5rem;padding-right:.5rem}.form-input{width:100%;padding:1rem;font-size:1rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);border-radius:1rem;text-align:right}.form-input::placeholder{color:var(--text-secondary-color)}.login-form .primary-btn{margin-top:1rem}.secondary-login-btn{background:transparent;border:none;color:var(--text-secondary-color);width:100%;padding:0;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s ease-in-out;margin-top:.5rem;text-align:center}.secondary-login-btn:hover{color:var(--primary-color);text-decoration:underline}.theme-switcher-row{display:flex;justify-content:space-between;align-items:center}.theme-switcher-row.disabled{opacity:.5;pointer-events:none}.theme-switcher-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500}.theme-switcher-label svg{width:20px;height:20px;color:var(--icon-color)}.theme-toggle-switch{width:50px;height:28px;background-color:var(--bg-color);border-radius:999px;padding:3px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;cursor:pointer;border:1px solid var(--border-color);display:flex;align-items:center;direction:ltr}.toggle-handle{width:22px;height:22px;background-color:var(--text-secondary-color);border-radius:999px;transition:transform .2s ease-in-out,background-color .2s ease-in-out;box-shadow:0 1px 3px #00000026;transform:translate(0)}.theme-toggle-switch.active{background-color:var(--primary-color);border-color:var(--primary-color)}.theme-toggle-switch.active .toggle-handle{transform:translate(20px);background-color:#fff}.dark-theme .theme-toggle-switch.active .toggle-handle,[data-theme=classic] .theme-toggle-switch.active .toggle-handle{background-color:var(--bg-secondary-color)}.profile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:90;animation:fadeIn .3s}.profile-sheet{position:fixed;bottom:50px;top:90px;left:0;right:0;width:100%;background-color:var(--bg-color);border-radius:1.5rem 1.5rem 0 0;padding:1.25rem;z-index:100;transform:translateY(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;pointer-events:none;-ms-overflow-style:none;scrollbar-width:none}.profile-sheet::-webkit-scrollbar{display:none}.profile-sheet.visible{transform:translateY(0);pointer-events:auto}.profile-sheet-board{background-color:var(--bg-secondary-color);border-radius:1rem;padding:.8rem 1rem;width:100%}.profile-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-board-title{font-size:1rem;font-weight:700}.edit-btn-wrapper{background-color:var(--bg-color);border-radius:.5rem;padding:.25rem;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.dark-theme .edit-btn-wrapper,[data-theme=classic] .edit-btn-wrapper,[data-theme=modern] .edit-btn-wrapper{background-color:var(--bg-secondary-color)}.edit-btn{background:none;border:none;color:var(--icon-color);cursor:pointer;display:flex}.edit-btn svg{width:20px;height:20px}.profile-fields{display:flex;flex-direction:column;gap:1rem}.profile-field{display:flex;flex-direction:column;gap:.25rem;text-align:right}.profile-field label{font-size:.75rem;color:var(--text-secondary-color);padding-right:.5rem}.profile-field input,.profile-field .phone-input-group{background-color:var(--bg-color);border-radius:.75rem;border:1px solid var(--border-color)}.profile-field input{width:100%;padding:.75rem 1rem;font-size:.9rem;color:var(--text-color)}.profile-field input:focus{outline:none}.profile-field input:disabled{color:var(--text-secondary-color);cursor:not-allowed}.phone-input-group{display:flex;align-items:stretch;gap:1px;overflow:hidden}.phone-input-group input{flex-grow:1;text-align:left;direction:ltr;min-width:0;border:none;background:none}.country-code-selector{flex-shrink:0;position:relative;display:flex;align-items:center;background-color:var(--bg-color);padding:0 .5rem 0 .75rem;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.country-code-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-color);font-size:.9rem;cursor:pointer;direction:ltr;padding:.75rem .25rem}.country-code-selector select:disabled{cursor:not-allowed;color:var(--text-secondary-color)}.country-code-selector select option{background:var(--bg-secondary-color);color:var(--text-color)}.dark-theme .country-code-selector select option,[data-theme=classic] .country-code-selector select option{background:var(--bg-color)}.select-arrow{pointer-events:none;color:var(--text-secondary-color);margin-right:.5rem}.select-arrow svg{width:12px;height:12px}.save-btn-container{display:flex;justify-content:flex-end;margin-top:1rem}.save-btn{width:auto;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--accent-text-color);border:none;font-size:.9rem;font-weight:700;border-radius:.75rem;cursor:pointer}.devices-board{display:flex;align-items:center;justify-content:space-between;gap:1rem}.devices-icon{width:36px;height:36px;flex-shrink:0;color:var(--icon-color)}.devices-icon svg{width:100%;height:100%}.devices-info{text-align:right}.devices-info h4{font-size:.9rem;font-weight:700;margin-bottom:.1rem}.devices-info p{font-size:.75rem;color:var(--text-secondary-color)}.profile-actions-board{display:flex;align-items:center;justify-content:space-between;gap:1rem}.profile-actions-info{text-align:right}.profile-actions-info h4{font-size:.9rem;font-weight:700;margin-bottom:.1rem}.profile-actions-info p{font-size:.75rem;color:var(--text-secondary-color)}.profile-actions-icons{display:flex;align-items:center;gap:.75rem}.profile-action-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.profile-action-btn svg{width:24px;height:24px}.profile-action-btn.edit-action{color:var(--icon-color)}.profile-action-btn.edit-action:hover{color:var(--primary-color)}.profile-action-btn.logout-action{color:var(--danger-color)}.profile-action-btn.logout-action:hover{color:var(--danger-hover-color)}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:0;color:var(--text-secondary-color);pointer-events:none}.image-upload-placeholder svg{width:60px;height:60px}.upload-main-text{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-top:.5rem}.upload-sub-text{margin-top:.75rem;font-size:.85rem;font-weight:500;color:var(--primary-color);border:2px solid var(--primary-color);padding:.5rem 1.25rem;border-radius:999px;transition:all .2s ease-in-out}.image-upload-area:hover .upload-sub-text{background-color:var(--primary-color);color:var(--bg-secondary-color)}.dark-theme .image-upload-area:hover .upload-sub-text,[data-theme=classic] .image-upload-area:hover .upload-sub-text{color:var(--text-color)}.clear-image-btn{position:absolute;top:.75rem;left:.75rem;background-color:#1119;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;padding:0;z-index:10}.clear-image-btn:hover{background-color:#111c}.clear-image-btn svg{width:18px;height:18px}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000d9;z-index:110;display:flex;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-preview-content{max-width:100%;max-height:100%;border-radius:1rem;display:flex;align-items:center;justify-content:center}.image-preview-content img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .2s ease-out;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-preview-content img.panning{cursor:grabbing}.close-preview-btn{position:absolute;top:1rem;right:1rem;background-color:#1e1e1eb3;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s;padding:0;z-index:112;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-preview-btn:hover{background-color:#111c;transform:scale(1.1)}.close-preview-btn svg{width:18px;height:18px}.image-preview-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#0000001f;border:1px solid rgba(0,0,0,0);border-radius:999px;padding:.5rem;display:flex;align-items:center;gap:.25rem;z-index:111;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000004d}.preview-control-btn{background:none;border:none;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.preview-control-btn:hover{background-color:#ffffff26}.preview-control-btn svg{width:22px;height:22px}.control-divider{width:1px;height:24px;background-color:#ffffff4d;margin:0 .5rem}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:120;display:flex;justify-content:center;align-items:flex-start;padding:1rem;animation:fadeIn .2s ease-in-out}.search-modal{background-color:var(--bg-secondary-color);border-radius:1.5rem;width:100%;max-width:600px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color)}.search-input-wrapper svg{width:20px;height:20px;color:var(--text-secondary-color);flex-shrink:0}.search-input{width:100%;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-color)}.search-input::placeholder{color:var(--text-secondary-color)}.search-results-body{padding:.5rem 0}.search-results-header{font-size:.8rem;font-weight:500;color:var(--text-secondary-color);padding:.5rem 1.5rem;text-align:right}.search-results-list{list-style:none}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:background-color .15s ease-in-out,transform .15s ease-in-out;border-radius:.5rem;margin:0 .5rem}.search-result-item.highlighted{background-color:var(--bg-color);transform:translate(4px)}.search-result-title{font-weight:500;color:var(--text-color);transition:color .15s ease-in-out}.search-result-item.highlighted .search-result-title{color:var(--primary-color)}.search-result-category{font-size:.8rem;color:var(--text-secondary-color)}.search-footer{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-color)}.key-hint{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary-color)}.key-hint kbd{background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.1rem .4rem;font-family:monospace;font-size:.8em}.key-hint-arrows{display:flex;gap:.2rem}.api-integration-content{justify-content:flex-start;gap:1rem}.content-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.content-header .image-enhancer-title{margin-bottom:0;font-size:1rem;font-weight:700;line-height:22px}.back-to-settings-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary-color);display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:color .2s}.back-to-settings-btn:hover{color:var(--text-color)}.back-to-settings-btn svg{width:16px;height:16px}.page-description{font-size:.9rem;color:var(--text-secondary-color);width:100%;text-align:right;margin-bottom:1rem}.api-card-grid{width:100%;display:grid;grid-template-columns:1fr;gap:1rem}.api-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem}.api-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.api-card-title{font-size:1.1rem;font-weight:700}.connection-status{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:99px}.connection-status.unlinked{background-color:#e5e7eb;color:#4b5563}.dark-theme .connection-status.unlinked{background-color:#4b5563;color:#e5e7eb}.connection-status.linked{background-color:#d1fae5;color:#065f46}.dark-theme .connection-status.linked{background-color:#065f46;color:#d1fae5}.api-card-body{display:flex;flex-direction:column;gap:.75rem}.api-key-input{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1px solid var(--border-color);background-color:var(--bg-secondary-color);color:var(--text-color);border-radius:.75rem;text-align:right;transition:all .2s}.api-key-input::placeholder{color:var(--text-secondary-color)}.api-key-input:disabled{background-color:var(--bg-color);opacity:.7}.connect-btn{align-self:flex-start;padding:.6rem 1.5rem;font-size:.875rem;border-radius:.75rem;cursor:pointer;border:none;background-color:var(--primary-color);color:var(--accent-text-color);font-weight:700;transition:all .2s}.connect-btn:hover:not(:disabled){background-color:var(--primary-hover-color)}.connect-btn:disabled{opacity:.6;cursor:not-allowed}.registration-screen .login-form{gap:1rem}.registration-screen .error-message{color:var(--danger-color);font-size:.75rem;text-align:right;padding-right:.5rem;margin-top:.25rem}.phone-input-group-reg{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;background-color:var(--bg-color);transition:border-color .2s,box-shadow .2s}.phone-input-group-reg .form-input{border:none;flex-grow:1;text-align:left;direction:ltr}.phone-input-group-reg .form-input:focus{box-shadow:none}.country-code-selector-reg{position:relative;display:flex;align-items:center;padding-left:.5rem}.country-code-selector-reg select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-color);font-size:1rem;cursor:pointer;direction:ltr;padding:1rem .5rem 1rem 0}.country-code-selector-reg select:focus{outline:none}.country-code-selector-reg select option{background:var(--bg-secondary-color);color:var(--text-color)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-left:3rem}.password-toggle-btn{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--icon-color);padding:.5rem}.password-toggle-btn svg{width:20px;height:20px}.password-strength-meter{display:flex;gap:.25rem;margin-top:.5rem;height:4px}.strength-bar{flex:1;background-color:var(--bg-color);border-radius:2px;transition:background-color .3s}.strength-bar.filled:nth-child(1){background-color:var(--danger-color)}.strength-bar.filled:nth-child(2){background-color:var(--warning-color)}.strength-bar.filled:nth-child(3){background-color:var(--success-color)}.terms-text{font-size:.75rem;color:var(--text-secondary-color);text-align:center;margin-top:.5rem}.terms-text a{color:var(--primary-color);text-decoration:none}.terms-text a:hover{text-decoration:underline}.header-search-container{position:relative;display:flex;align-items:center}.header-search-tooltip{display:none}.enhancement-result-area{width:100%;aspect-ratio:4 / 3;max-height:450px;border-radius:1.5rem;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;overflow:hidden;border:1px solid var(--border-color);color:var(--text-secondary-color)}.result-placeholder,.result-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;text-align:center}.result-placeholder svg{width:48px;height:48px}.result-loading .spinner{width:32px;height:32px}.processed-image-preview{width:100%;height:100%;object-fit:contain}.notification-bell-container{--color: var(--icon-color);--size: 22px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;width:var(--size);height:var(--size);-webkit-user-select:none;user-select:none;fill:var(--color);padding:.25rem;box-sizing:content-box}.notification-bell-container .bell-regular,.notification-bell-container .bell-solid{position:absolute;width:var(--size);height:var(--size);animation:keyframes-fill .5s}.notification-bell-container .bell-solid{display:none}.notification-bell-container input:checked~.bell-regular{display:none}.notification-bell-container input:checked~.bell-solid{display:block;fill:var(--primary-color)}.notification-bell-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{opacity:0}25%{transform:rotate(25deg)}50%{transform:rotate(-20deg) scale(1.2)}75%{transform:rotate(15deg)}}.tools-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.tool-card{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s ease-in-out;aspect-ratio:1 / 1}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.tool-card-icon{margin-bottom:.5rem;color:var(--primary-color)}.dark-theme .tool-card-icon{color:var(--icon-color)}.tool-card-icon svg{width:24px;height:24px}.tool-card-title{font-size:.9rem;font-weight:700;color:var(--text-color);margin-bottom:.15rem}.tool-card-desc{font-size:.65rem;color:var(--text-secondary-color)}.seo-tool-section{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;margin-top:1rem;overflow:hidden;transition:box-shadow .2s ease-in-out}.seo-tool-header{background:none;border:none;font-family:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:1.25rem;text-align:right;transition:background-color .2s}html[dir=ltr] .seo-tool-header{text-align:left}.seo-tool-header:hover{background-color:var(--bg-secondary-color)}.seo-tool-title-group{display:flex;align-items:center;gap:.75rem}.seo-tool-title-group h3{font-size:1.1rem;font-weight:700;margin:0}.seo-tool-header .tool-card-icon{margin-bottom:0}.seo-tool-content{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--border-color);animation:fadeInContent .4s ease-out}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.seo-tool-section h4{font-size:1rem;font-weight:700;text-align:right;margin-top:.5rem}html[dir=ltr] .seo-tool-section h4{text-align:left}.seo-tool-section p{font-size:.85rem;color:var(--text-secondary-color);margin-bottom:.5rem;text-align:right}html[dir=ltr] .seo-tool-section p{text-align:left}.sitemap-input-group{display:flex;gap:.75rem;flex-direction:column}.sitemap-input-group input{flex-grow:1;direction:ltr;text-align:left}.sitemap-input-group button{flex-shrink:0;padding:.75rem 1.5rem;font-size:.9rem}.sitemap-table td,.sitemap-table th{font-size:.8rem}.sitemap-table td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left}.chevron-icon{transition:transform .2s ease-in-out;color:var(--text-secondary-color)}.chevron-icon svg{width:20px;height:20px}.chevron-icon.open{transform:rotate(180deg)}.seo-instructions-list{text-align:right;padding:1.25rem;background-color:var(--bg-secondary-color);border-radius:1.5rem;border:1px solid var(--border-color);font-size:.8rem;line-height:1.6;margin:0;width:100%}html[dir=ltr] .seo-instructions-list{text-align:left}.seo-instructions-list h4{font-size:1rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.seo-instructions-list ul{list-style-type:decimal;padding-right:1.25rem;margin:0;display:flex;flex-direction:column;gap:.25rem}html[dir=ltr] .seo-instructions-list ul{padding-right:0;padding-left:1.25rem}.seo-instructions-list li{color:var(--text-secondary-color);margin-bottom:.25rem}.seo-instructions-list p{margin-top:.75rem;font-weight:500;font-size:.75rem;color:var(--text-secondary-color);border-top:1px solid var(--border-color);padding-top:.75rem}.seo-result-content{display:block!important;align-items:initial!important;justify-content:initial!important;text-align:right;width:100%;height:100%;overflow-y:auto;padding:0 .5rem;white-space:pre-wrap;font-family:inherit;line-height:1.7;font-size:.9rem}html[dir=ltr] .seo-result-content{text-align:left}.custom-generation-body .placeholder-text{color:var(--text-secondary-color)}@media (min-width: 768px){.sitemap-input-group{flex-direction:row;align-items:center}}.custom-generation-card{background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:1.5rem;padding:1.5rem;width:100%;display:flex;flex-direction:column;gap:1.25rem;height:100%}.result-card{gap:1rem}.custom-generation-header{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-align:right;width:100%;margin:0}html[dir=ltr] .custom-generation-header{text-align:left}.custom-generation-header .emoji{font-size:1.5rem}.custom-generation-card p{font-size:.9rem;color:var(--text-secondary-color);line-height:1.6;text-align:right;margin:0}html[dir=ltr] .custom-generation-card p{text-align:left}.prompt-textarea{width:100%;min-height:80px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;padding:1rem;font-size:.9rem;color:var(--text-color);resize:vertical;transition:border-color .2s,box-shadow .2s}html[dir=rtl] .prompt-textarea{text-align:right}html[dir=ltr] .prompt-textarea{text-align:left}.prompt-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-shadow)}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.option-btn.aspect-ratio-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;height:auto}.aspect-ratio-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.image-upload-grid>.options-section{display:flex;flex-direction:column}.image-upload-box{border:2px dashed var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:border-color .2s,transform .2s,border-style .2s;padding:.5rem;overflow:hidden;flex-grow:1;position:relative}.image-upload-box:hover{border-color:var(--primary-color)}.image-upload-box.dragging-over{border-color:var(--primary-hover-color);border-style:solid;transform:scale(1.02)}.image-upload-box svg{width:32px;height:32px;color:var(--text-secondary-color);margin-bottom:.5rem}.image-upload-box .upload-title{font-size:.8rem;font-weight:500;color:var(--text-color);margin-bottom:.25rem}.image-upload-box .upload-desc{font-size:.7rem;color:var(--text-secondary-color);line-height:1.4}.image-upload-remove-btn{position:absolute;top:.5rem;right:.5rem;background-color:#1119;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;padding:0;z-index:10}.image-upload-remove-btn:hover{background-color:#111c}.image-upload-remove-btn svg{width:14px;height:14px;margin:0}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.generate-btn svg{width:20px;height:20px}.result-card .custom-generation-body{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);border-radius:1rem;padding:0rem;min-height:0}.custom-generation-body.is-clickable{cursor:pointer}.result-card-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-secondary-color);text-align:center}.result-card-placeholder svg{width:48px;height:48px}.generated-image{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.result-card-title{color:#ff8a8a;font-size:1.25rem;font-weight:700}.result-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.custom-generation-card .result-card-title{margin:0}.result-view-options{display:flex;align-items:center;background-color:var(--bg-color);border-radius:.75rem;padding:4px;height:28px;align-self:center}.view-option-btn{background-color:transparent;border:none;padding:.25rem 1rem;font-size:.8rem;font-weight:500;border-radius:.6rem;cursor:pointer;color:var(--text-secondary-color);transition:all .2s ease-in-out;white-space:nowrap}.view-option-btn.active{background-color:var(--primary-color);color:var(--accent-text-color);box-shadow:0 2px 4px var(--primary-color-shadow)}.view-option-btn:not(.active):hover{color:var(--text-color)}.view-option-btn:disabled{opacity:.5;cursor:not-allowed}.result-image-wrapper{position:relative;width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.zoom-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0003;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark-theme .zoom-btn{background-color:#00000080;color:var(--text-color);border-color:#fff3}.result-image-wrapper:hover .zoom-btn{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.zoom-btn svg{width:24px;height:24px}.result-actions{display:flex;gap:.75rem;width:100%}.result-action-btn{flex-grow:1;height:35px;padding:0 1rem;font-size:1rem;font-weight:700;border-radius:1rem;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;gap:.5rem}.result-action-btn.primary{background:linear-gradient(to right,#ff8a8a,#ff5c5c);color:#fff;border:none}.result-action-btn.primary:hover{opacity:.9}.result-action-btn.secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.result-action-btn.secondary:hover{border-color:var(--text-secondary-color)}.result-action-btn svg{width:20px;height:20px}.result-loading-title{font-size:1.25rem;font-weight:700;color:var(--text-color)}.result-loading-subtitle{font-size:.875rem;color:var(--text-secondary-color)}.custom-generation-loading-spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(#FF8A8A 30%,transparent 50%);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);animation:custom-spin 1s linear infinite}@keyframes custom-spin{to{transform:rotate(360deg)}}.side-by-side-view{display:flex;gap:.5rem;width:100%;height:100%;padding:.5rem}.side-by-side-view .image-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.side-by-side-view .image-container span{font-size:.75rem;color:var(--text-secondary-color);font-weight:500}.side-by-side-view .generated-image{border:1px solid var(--border-color);width:100%;height:100%;max-height:calc(100% - 20px)}.slider-view-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.5rem}.slider-view-container .generated-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.slider-view-container .slider-image-top{clip-path:inset(0 calc(100% - var(--slider-position, 50%)) 0 0)}html[dir=rtl] .slider-view-container .slider-image-top{clip-path:inset(0 0 0 calc(100% - var(--slider-position, 50%)))}.slider-view-container:after{content:"";position:absolute;top:0;left:var(--slider-position, 50%);transform:translate(-50%);width:4px;height:100%;background-color:var(--primary-color);box-shadow:0 0 5px #00000080;cursor:col-resize;pointer-events:none;z-index:5}html[dir=rtl] .slider-view-container:after{left:auto;right:var(--slider-position, 50%);transform:translate(50%)}.comparison-slider{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;background:transparent;cursor:col-resize;z-index:10;margin:0;padding:0}.comparison-slider::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:100%;background:transparent}.comparison-slider::-moz-range-thumb{width:40px;height:100%;background:transparent;border:0;border-radius:0}.history-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.history-panel-overlay.visible{opacity:1;pointer-events:auto}.history-panel{position:fixed;top:0;bottom:0;width:90%;max-width:400px;background-color:var(--bg-color);z-index:151;box-shadow:-5px 0 15px #0000001a;transition:transform .3s ease-in-out;display:flex;flex-direction:column}html[dir=rtl] .history-panel{right:0;transform:translate(100%)}html[dir=ltr] .history-panel{left:0;transform:translate(-100%)}html[dir=rtl] .history-panel.open,html[dir=ltr] .history-panel.open{transform:translate(0)}.history-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top));border-bottom:1px solid var(--border-color);flex-shrink:0}.history-panel-header h2{font-size:1.25rem;font-weight:700}.history-panel-header button{background:none;border:none;color:var(--icon-color);cursor:pointer;padding:.25rem}.history-panel-header button svg{width:20px;height:20px}.history-list{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.history-empty{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:var(--text-secondary-color);font-size:.9rem;padding:2rem}.history-item{background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;cursor:pointer;transition:border-color .2s,transform .2s}.history-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.history-item-thumbnails{display:flex;gap:.5rem;justify-content:center}.thumbnail-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.history-item-thumbnail{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:.75rem;background-color:var(--bg-color)}.thumbnail-label{font-size:.65rem;color:var(--text-secondary-color);font-weight:500}.history-item-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.history-item-prompt{font-size:.8rem;color:var(--text-color);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}html[dir=ltr] .history-item-prompt{text-align:left}.history-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.history-item-actions button{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--icon-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.history-item-actions button:hover{color:var(--primary-color);border-color:var(--primary-color)}.history-item-actions button svg{width:18px;height:18px}.white-background-tool{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem}.white-background-tool-content{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:0}.white-bg-sidebar{display:flex;flex-direction:column;gap:1rem}.white-bg-controls{background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;height:auto}.white-bg-controls .form-group label{font-weight:500;font-size:.9rem;color:var(--text-color);margin-bottom:.25rem}.wbt-controls-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:flex-end}.white-bg-controls .actions-group{margin-top:auto;padding-top:.5rem}.white-background-tool .form-group{display:flex;flex-direction:column;gap:.5rem}.white-background-tool .form-group label{font-weight:500;font-size:.9rem;color:var(--text-color);text-align:right}html[dir=ltr] .white-background-tool .form-group label{text-align:left}.white-background-tool .image-upload-area{width:100%;aspect-ratio:16/10;border:2px dashed var(--border-color);border-radius:.75rem;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--bg-color);transition:all .2s;padding:.5rem;position:relative;overflow:hidden}.white-background-tool .image-upload-area:hover{border-color:var(--primary-color)}.white-background-tool .upload-preview-container{width:100%;height:100%;position:relative}.white-background-tool .image-preview{width:100%;height:100%;object-fit:contain;border-radius:.5rem}.white-background-tool .remove-image-btn{position:absolute;top:4px;right:4px;background-color:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;cursor:pointer}html[dir=ltr] .white-background-tool .remove-image-btn{right:auto;left:4px}.white-background-tool .upload-area-placeholder{text-align:center;color:var(--text-secondary-color)}.white-background-tool .upload-area-placeholder svg{color:var(--primary-color);margin-bottom:.5rem}.white-background-tool .upload-area-placeholder p{font-size:.9rem}.white-background-tool .upload-area-placeholder strong{color:var(--primary-color)}.white-background-tool .color-inputs{display:flex;gap:.75rem;align-items:center}.white-background-tool .color-inputs input[type=color]{width:40px;height:40px;border-radius:.5rem;border:1px solid var(--border-color);cursor:pointer;padding:0;background-color:transparent}.white-background-tool .white-bg-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem;cursor:pointer;transition:all .2s;color:var(--text-color);width:100%;justify-content:center;height:42px}.white-background-tool .white-bg-btn.active,.white-background-tool .white-bg-btn:hover{border-color:var(--primary-color);background-color:var(--primary-color-light);color:var(--primary-color-dark)}.white-background-tool .white-bg-btn.active{box-shadow:0 0 0 2px var(--primary-color-shadow)}.dark-theme .white-background-tool .white-bg-btn.active,.dark-theme .white-background-tool .white-bg-btn:hover{background-color:var(--primary-color-light);color:var(--text-color)}.white-background-tool .macro-control-wrapper{position:relative}.white-background-tool .macro-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem .75rem;cursor:pointer;text-align:right;color:var(--text-color)}.white-background-tool .macro-btn-content{display:flex;align-items:center;gap:.5rem;font-weight:500}.white-background-tool .macro-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:.75rem;padding:.75rem;z-index:10;box-shadow:0 4px 12px #0000001a}.white-background-tool .macro-menu-title{font-size:.8rem;font-weight:500;color:var(--text-secondary-color);margin-bottom:.5rem;text-align:right}html[dir=ltr] .white-background-tool .macro-menu-title{text-align:left}.white-background-tool .macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.white-background-tool .macro-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;border-radius:.5rem;border:2px solid transparent;cursor:pointer;transition:all .2s;background-color:var(--bg-color)}.white-background-tool .macro-item:hover,.white-background-tool .macro-item.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-shadow)}.white-background-tool .macro-item-placeholder{width:40px;height:40px;color:var(--text-color)}.white-background-tool .macro-item-label{font-size:.7rem;font-weight:500;color:var(--text-secondary-color)}.white-background-tool .actions-group{display:flex;gap:.5rem}.white-background-tool .generate-btn{flex-grow:1;background-color:var(--primary-color);color:var(--accent-text-color);border:none;padding:.75rem;font-size:1rem;font-weight:700;border-radius:.75rem;cursor:pointer;transition:all .2s}.white-background-tool .generate-btn:hover:not(:disabled){background-color:var(--primary-hover-color)}.white-background-tool .generate-btn:disabled{opacity:.6;cursor:not-allowed}.white-background-tool .icon-btn{flex-shrink:0;width:48px;height:48px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color)}.white-background-tool .download-actions-wrapper{position:relative}.white-background-tool .download-menu{position:absolute;bottom:100%;right:0;background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:.5rem;list-style:none;padding:.25rem;box-shadow:0 4px 12px #0000001a;z-index:10}.white-background-tool .download-menu li{padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.white-background-tool .download-menu li:hover{background-color:var(--bg-color)}.white-background-tool .output-area{flex:1.5;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:200px}.white-background-tool .output-area .loader{border:4px solid var(--bg-secondary-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.white-background-tool .output-area .error-message{color:var(--danger-color);padding:1rem;text-align:center;max-width:90%;font-size:.9rem}.white-background-tool .output-area .placeholder{color:var(--text-secondary-color);text-align:center}.white-background-tool .output-area .placeholder h2{font-size:1.1rem;font-weight:500;color:var(--text-color)}.white-background-tool .output-container{width:100%;height:100%;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.white-background-tool .view-mode-controls{display:flex;justify-content:center;gap:.5rem;padding:.25rem;background-color:var(--bg-secondary-color);border-radius:99px;align-self:center}.white-background-tool .view-mode-controls button{background:none;border:none;padding:.25rem 1rem;border-radius:99px;cursor:pointer;color:var(--text-secondary-color);font-size:.8rem;font-weight:500;transition:all .2s}.white-background-tool .view-mode-controls button.active{background-color:var(--primary-color);color:var(--accent-text-color)}.white-background-tool .output-image-wrapper{flex-grow:1;width:100%;min-height:0}.white-background-tool .generated-image-single{width:100%;height:100%;object-fit:contain}.white-background-tool .side-by-side-container{display:flex;gap:.5rem;width:100%;height:100%}html[dir=rtl] .white-background-tool .side-by-side-container{flex-direction:row-reverse}.white-background-tool .sbs-image-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem;text-align:center}.white-background-tool .sbs-image{width:100%;min-height:0;object-fit:contain;flex-grow:1}.white-background-tool .sbs-label{font-size:.75rem;color:var(--text-secondary-color)}.white-background-tool .comparison-container{position:relative;width:100%;height:100%;overflow:hidden}.white-background-tool .comparison-image-container{width:100%;height:100%;position:relative}.white-background-tool .comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.white-background-tool .comparison-top-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.white-background-tool .comparison-slider-line{position:absolute;top:0;bottom:0;width:3px;background-color:var(--primary-color);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.white-background-tool .comparison-slider-handle{width:32px;height:32px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center}.white-background-tool .comparison-slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.white-background-tool .history-section{background-color:var(--bg-secondary-color);padding:1rem;border-radius:1rem;border:1px solid var(--border-color)}.white-background-tool .history-section h2{font-size:1.1rem;margin-bottom:.75rem;text-align:right}html[dir=ltr] .white-background-tool .history-section h2{text-align:left}.white-background-tool .history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.white-background-tool .history-thumbnail{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.5rem;cursor:pointer;border:2px solid var(--border-color);transition:all .2s}.white-background-tool .history-thumbnail:hover,.white-background-tool .history-thumbnail.active{border-color:var(--primary-color);transform:scale(1.05)}.white-background-tool .zoom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s}.white-background-tool .zoom-modal-content{position:relative;max-width:90vw;max-height:80vh}.white-background-tool .zoom-modal-content img{width:100%;height:100%;object-fit:contain;max-height:80vh}.white-background-tool .zoom-modal-close{position:absolute;top:-30px;right:-10px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.white-background-tool .zoom-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer}.white-background-tool .zoom-modal-nav.prev{left:1rem}.white-background-tool .zoom-modal-nav.next{right:1rem}.white-background-tool .zoom-modal-nav:disabled{opacity:.3;cursor:not-allowed}.white-background-tool .zoom-modal-actions{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:1rem}.white-background-tool .download-format-btn{background-color:var(--bg-secondary-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem;font-weight:500;cursor:pointer}.add-product-container{position:relative}.add-product-btn{background-color:var(--primary-color);color:var(--accent-text-color);border:none;border-radius:.75rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.add-product-btn:hover{background-color:var(--primary-hover-color)}.add-product-btn svg{width:20px;height:20px;transition:transform .2s}.add-product-btn[aria-expanded=true] svg{transform:rotate(180deg)}.add-product-dropdown-menu{position:absolute;top:calc(100% + 8px);background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 12px #0000001a;z-index:10;width:300px;padding:.5rem;animation:fadeIn .2s ease-out}html[dir=rtl] .add-product-dropdown-menu{right:0;left:auto}html[dir=ltr] .add-product-dropdown-menu{left:0;right:auto}.add-product-dropdown-menu ul{list-style:none;margin:0;padding:0}.product-type-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.75rem;cursor:pointer;transition:background-color .2s}.product-type-item:hover{background-color:var(--bg-color)}.product-type-icon{flex-shrink:0;color:var(--primary-color)}.dark-theme .product-type-icon{color:var(--icon-color)}.product-type-icon svg{width:28px;height:28px}.product-type-text{text-align:right}html[dir=ltr] .product-type-text{text-align:left}.product-type-text h6{font-size:.9rem;font-weight:700;color:var(--text-color);margin:0 0 .15rem}.product-type-text span{font-size:.75rem;color:var(--text-secondary-color)}.new-badge{background-color:var(--danger-color);color:var(--accent-text-color);font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:99px;margin:0 .5rem;vertical-align:middle}.salla-image-upload-btn{padding:1rem;height:auto;min-height:50px;display:flex;align-items:center;justify-content:center;gap:.75rem}.salla-image-preview{max-width:40px;max-height:40px;border-radius:.5rem;object-fit:cover}.salla-analysis-result-area{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.salla-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.salla-result-title{font-size:.9rem;font-weight:700}.salla-result-copy-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary-color);padding:.25rem .75rem;font-size:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.salla-result-copy-btn:hover{background-color:var(--border-color);color:var(--text-color)}.salla-result-content{background-color:var(--bg-color);border-radius:.75rem;padding:.75rem;font-size:.85rem;line-height:1.6;white-space:pre-wrap;color:var(--text-secondary-color);max-height:200px;overflow-y:auto}.salla-result-content pre{margin:0;font-family:inherit;white-space:pre-wrap;overflow-wrap:break-word}.salla-result-spinner-container{display:flex;justify-content:center;align-items:center;min-height:100px}@media (min-width: 768px){.white-background-tool-content{flex-direction:row}.white-bg-sidebar{width:380px;flex-shrink:0}.wbt-controls-grid{grid-template-columns:1fr 1fr}.white-background-tool .image-upload-area{width:250px;height:250px;margin:0 auto}.white-background-tool .history-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 767px){.app-shell.nav-hidden .app-nav{display:none}.custom-generation-layout{flex-direction:column-reverse}.custom-generation-layout .enhancer-left-column{position:sticky;bottom:0;z-index:1;background:var(--bg-color);padding-top:.5rem;padding-bottom:1rem}.result-expanded .enhancer-left-column{position:fixed;top:0;right:0;left:0;background-color:var(--bg-color);z-index:200;padding:0;bottom:auto;display:flex;flex-direction:column}.result-expanded .enhancer-right-column{display:none}.result-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top));background-color:var(--bg-secondary-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.result-expanded-title{font-size:1.1rem;font-weight:700;margin:0}.result-back-btn{background:none;border:none;color:var(--text-color);display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.result-back-btn svg{width:20px;height:20px}[dir=rtl] .result-back-btn svg{transform:scaleX(-1)}.result-expanded .custom-generation-card{flex-grow:1;min-height:0;display:flex;flex-direction:column;border-radius:0;border:none;padding:0}.result-expanded .result-actions{padding:0 1rem calc(1rem + env(safe-area-inset-bottom))}.result-expanded .result-card-title{display:none}.result-expanded .custom-generation-body{flex-grow:1;min-height:0;border-radius:0}.result-view-options{transform:scale(.9)}.enhancer-result-expanded .enhancer-right-column{position:fixed;top:0;right:0;left:0;background-color:var(--bg-color);z-index:200;padding:0;bottom:auto;display:flex;flex-direction:column}.enhancer-result-expanded .enhancer-left-column{display:none}.enhancer-result-expanded .custom-generation-card{border-radius:0;border:none;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (min-width: 768px){#root{padding:2rem 0}.app-shell{max-width:1500px;width:95%;height:calc(100vh - 4rem);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color);padding-top:0}.main-content-wrapper{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.main-content-wrapper::-webkit-scrollbar{display:block;width:6px}.main-content-wrapper::-webkit-scrollbar-track{background:transparent}.main-content-wrapper::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:6px}.main-content-wrapper::-webkit-scrollbar-button{display:none}.app-body{flex-direction:row-reverse}.app-header{height:71px;padding:1.2rem 1.25rem}.app-nav{flex-direction:column;width:240px;height:auto;justify-content:flex-start;align-items:flex-start;padding:2rem 0;background-color:#dee2e6;position:relative;transition:width .3s ease-in-out;border-top:none}.dark-theme .app-nav{background-color:var(--bg-secondary-color)}html[dir=rtl] .app-nav{border-left:1px solid var(--border-color)}html[dir=ltr] .app-nav{border-right:1px solid var(--border-color)}.nav-item{flex-direction:row;width:calc(100% - 2rem);padding:.75rem 1.5rem;gap:1rem;justify-content:flex-start;flex:0;border-radius:.75rem;margin:.25rem 1rem;white-space:nowrap;transition:transform .3s ease,background-color .2s,padding .3s ease-in-out,gap .3s ease-in-out}.nav-item.hide-on-mobile{display:flex}.nav-item.active{background-color:var(--bg-color)}html[dir=rtl] .nav-item.active{transform:translate(4px)}html[dir=ltr] .nav-item.active{transform:translate(-4px)}.nav-item.active svg{color:var(--primary-color);fill:none;transform:scale(1.1)}.nav-item.active span{color:var(--primary-color)}.nav-item:hover:not(.active){background-color:var(--bg-color)}html[dir=rtl] .nav-item:hover:not(.active){transform:translate(4px)}html[dir=ltr] .nav-item:hover:not(.active){transform:translate(-4px)}.nav-item:hover:not(.active) svg{transform:scale(1.1)}.nav-item svg,.nav-item span{color:#6c757d}.nav-item svg{width:24px;height:24px;flex-shrink:0}.nav-item span{font-size:1rem;font-weight:500;transition:color .2s,opacity .2s,width .3s ease-in-out}.main-content{padding:2rem;width:100%}.image-enhancer-title{font-size:1rem;line-height:22px;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-card:nth-child(3){grid-column:auto}.image-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-sheet-overlay{display:none}.profile-sheet{position:absolute;top:78px;right:auto;bottom:auto;width:380px;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid var(--border-color);height:auto;transform:translateY(10px);opacity:0;pointer-events:none;transition:transform .2s ease-out,opacity .2s ease-out;z-index:99;padding:1.25rem;display:flex}.profile-sheet.visible{transform:translateY(0);opacity:1;pointer-events:auto}.profile-sheet:before,.profile-sheet:after{content:"";position:absolute;bottom:100%;border-style:solid;display:block}.profile-sheet:before{border-width:8px;border-color:transparent transparent var(--border-color) transparent}.profile-sheet:after{border-width:7px;border-color:transparent transparent var(--bg-color) transparent}html[dir=rtl] .profile-sheet{left:1.25rem}html[dir=ltr] .profile-sheet{right:1.25rem;left:auto}html[dir=rtl] .profile-sheet:before,html[dir=rtl] .profile-sheet:after{left:30px}html[dir=ltr] .profile-sheet:before,html[dir=ltr] .profile-sheet:after{right:30px;left:auto}.enhancer-desktop-wrapper{gap:2rem;align-items:stretch;padding-bottom:2rem}html[dir=rtl] .enhancer-desktop-wrapper{flex-direction:row-reverse}html[dir=ltr] .enhancer-desktop-wrapper{flex-direction:row}.enhancer-left-column{flex:1;display:flex;flex-direction:column}.enhancer-right-column{flex:1;gap:1.5rem;display:flex;flex-direction:column}.enhancer-left-column .image-upload-area{margin-bottom:0}.enhancer-desktop-wrapper .primary-btn{margin-top:.5rem;width:auto;padding:.5rem 7.8rem}.enhancer-desktop-wrapper .generate-btn{width:100%;padding:1rem}html[dir=rtl] .enhancer-desktop-wrapper .primary-btn{align-self:flex-start}html[dir=ltr] .enhancer-desktop-wrapper .primary-btn{align-self:flex-end}.enhancer-left-column .options-section{margin-top:1.5rem;margin-bottom:0}.enhancer-right-column .options-section,.enhancement-result-area{margin-bottom:0}.enhancer-right-column .options-grid{grid-template-columns:repeat(2,1fr)}.tools-card-grid{grid-template-columns:repeat(5,150px);gap:1rem;justify-content:center}.tool-card-icon svg{width:40px;height:40px}.search-overlay{align-items:center;padding-bottom:5rem}.api-card-grid{grid-template-columns:repeat(2,1fr)}.api-card-grid .api-card:nth-child(3){grid-column:1 / -1}.api-card-body{flex-direction:row;align-items:center}.connect-btn{flex-shrink:0}.header-search-tooltip{display:flex;align-items:center;gap:.5rem;position:absolute;top:calc(100% + 12px);left:50%;right:auto;transform:translate(-50%) translateY(-10px);background-color:var(--bg-color);color:var(--text-color);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);white-space:nowrap;font-size:.8rem;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1}.header-search-tooltip:before,.header-search-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-style:solid}.header-search-tooltip:before{border-width:8px;border-color:transparent transparent var(--border-color) transparent}.header-search-tooltip:after{border-width:7px;border-color:transparent transparent var(--bg-color) transparent}.header-search-tooltip kbd{background-color:var(--bg-secondary-color);border:1px solid var(--border-color);border-radius:.25rem;padding:.1rem .4rem;font-family:monospace;font-size:.8em}.header-search-container:hover .header-search-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.theme-options-grid{grid-template-columns:repeat(3,1fr)}.app-shell.nav-collapsed .app-nav{width:80px}.app-shell.nav-collapsed .nav-item span{opacity:0;pointer-events:none;width:0;overflow:hidden}.app-shell.nav-collapsed .nav-item{justify-content:center;width:calc(100% - 2rem);gap:0;padding:.75rem}.app-shell.nav-collapsed .nav-item.active,.app-shell.nav-collapsed .nav-item:hover:not(.active){transform:none}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:70px;background-color:var(--bg-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary-color);cursor:pointer;transition:all .2s ease-in-out;z-index:10}.sidebar-toggle-btn:hover{background-color:var(--primary-color);color:var(--accent-text-color)}.sidebar-toggle-btn svg{width:16px;height:16px;transition:transform .3s ease-in-out}[dir=ltr] .sidebar-toggle-btn{left:100%;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-left:none}[dir=rtl] .sidebar-toggle-btn{right:100%;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;border-right:none}[dir=ltr] .sidebar-toggle-btn svg{transform:none}[dir=rtl] .sidebar-toggle-btn svg{transform:scaleX(-1)}.app-shell.nav-collapsed .sidebar-toggle-btn svg{transform:scaleX(-1)}[dir=rtl] .app-shell.nav-collapsed .sidebar-toggle-btn svg{transform:none}}@media (min-width: 768px) and (max-width: 1023px){.tools-card-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tool-card-icon svg{width:32px;height:32px}.enhancer-desktop-wrapper.custom-generation-layout{flex-direction:column-reverse;gap:1.5rem}.api-card-grid{grid-template-columns:1fr}.api-card-grid .api-card:nth-child(3){grid-column:auto}}@media (min-width: 1024px){.main-content{padding:2rem 4rem}.api-card-grid{grid-template-columns:1fr}.api-card-grid .api-card:nth-child(3){grid-column:auto}}[dir=ltr] .back-btn{left:auto;right:1.25rem;transform:scaleX(-1)}[dir=ltr] .form-group,[dir=ltr] .registration-screen .error-message,[dir=ltr] .profile-field,[dir=ltr] .settings-section-title,[dir=ltr] .brand-color-picker-header{text-align:left}[dir=ltr] .form-label,[dir=ltr] .profile-field label{padding-right:0;padding-left:.5rem}[dir=ltr] .form-input,[dir=ltr] .product-name-input,[dir=ltr] .api-key-input,[dir=ltr] .descriptions-table th,[dir=ltr] .descriptions-table td{text-align:left}[dir=ltr] .phone-input-group-reg .form-input{text-align:right;direction:rtl}[dir=ltr] .country-code-selector-reg{padding-left:0;padding-right:.5rem}[dir=ltr] .country-code-selector-reg select{padding:1rem 0 1rem .5rem}[dir=ltr] .password-input-wrapper .form-input{padding-left:1rem;padding-right:3rem}[dir=ltr] .password-toggle-btn{left:auto;right:.5rem}[dir=ltr] .clear-image-btn{left:auto;right:.75rem}[dir=ltr] .section-title,[dir=ltr] .search-results-header,[dir=ltr] .page-description,[dir=ltr] .devices-info,[dir=ltr] .profile-actions-info,[dir=ltr] .settings-item-text{text-align:left}[dir=ltr] .stats-card{align-items:flex-start}[dir=ltr] .settings-item-arrow svg{transform:none}[dir=ltr] .save-btn-container{justify-content:flex-start}[dir=ltr] .back-to-settings-btn svg{transform:scaleX(-1)}[dir=ltr] .connect-btn{align-self:flex-end}[dir=ltr] .phone-input-group input{text-align:right}[dir=ltr] .country-code-selector{padding:0 .75rem 0 .5rem;border-radius:.75rem 0 0 .75rem}[dir=ltr] .select-arrow{margin-right:0;margin-left:.5rem}[dir=ltr] .phone-input-group{flex-direction:row-reverse}@media (min-width: 768px){[dir=ltr] .search-result-item.highlighted{transform:translate(-4px)}[dir=ltr] .search-footer{justify-content:flex-end}[dir=ltr] .nav-item svg{width:26.4px;height:26.4px;flex-shrink:0}[dir=ltr] .nav-item span{font-size:.95rem}}[data-theme=classic]:not(.dark-theme) .app-header,[data-theme=classic]:not(.dark-theme) .app-nav{background-color:var(--bg-secondary-color)}@media (min-width: 768px){[data-theme=classic]:not(.dark-theme) .app-nav{background-color:var(--bg-secondary-color)}[data-theme=classic]:not(.dark-theme) .app-nav .nav-item svg,[data-theme=classic]:not(.dark-theme) .app-nav .nav-item span{color:var(--text-secondary-color)}[data-theme=classic].dark-theme .app-nav .nav-item svg,[data-theme=classic].dark-theme .app-nav .nav-item span{color:var(--text-secondary-color)}[data-theme=classic].dark-theme .app-nav .nav-item.active svg,[data-theme=classic].dark-theme .app-nav .nav-item.active span,[data-theme=classic].dark-theme .app-nav .nav-item:hover:not(.active) svg,[data-theme=classic].dark-theme .app-nav .nav-item:hover:not(.active) span{color:var(--primary-color)}}