:root{--background-color: #1a1a1a;--surface-color: #2c2c2e;--on-surface-color: #f2f2f7;--primary-color: #00b8a9;--primary-color-hover: #00a395;--primary-color-dark: #008a7a;--on-primary-color: #ffffff;--text-primary: #ffffff;--text-secondary: #aeb0b4;--border-color: #444446;--font-family: "Inter", sans-serif;--border-radius: 12px;--card-padding: 24px;--btn-transition: all .3s cubic-bezier(.4, 0, .2, 1);--btn-shadow-primary: 0 4px 15px rgba(0, 184, 169, .3);--btn-shadow-primary-hover: 0 8px 25px rgba(0, 184, 169, .4);--btn-shadow-secondary: 0 2px 8px rgba(0, 0, 0, .1);--btn-shadow-secondary-hover: 0 6px 20px rgba(0, 0, 0, .15);--btn-border-radius: 12px;--btn-border-radius-small: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background-color:var(--background-color);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:50}.app-title h1{font-size:1.75rem;font-weight:700;letter-spacing:-1px;background:linear-gradient(90deg,#f2f2f7,#aeb0b4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.app-title p{font-size:1rem;color:var(--text-secondary);margin:.5rem 0 0}.workspace-layout{display:flex;flex-grow:1;overflow:hidden}.control-panel{width:450px;flex-shrink:0;background-color:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.panel-content{overflow-y:auto;padding:var(--card-padding);display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}.panel-footer{padding:var(--card-padding);border-top:1px solid var(--border-color);background:var(--surface-color);flex-shrink:0}.card{background-color:var(--background-color);border-radius:var(--border-radius);padding:var(--card-padding);border:1px solid var(--border-color)}.card h2{font-size:1.25rem;font-weight:600;color:var(--on-surface-color);margin-bottom:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h2{margin-bottom:0;gap:.75rem;display:flex;align-items:center}.trends-placeholder{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:1rem 0}.trends-text{white-space:pre-wrap;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.trends-sources{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1rem}.trends-sources h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.trends-sources ul{list-style:none;padding-left:0}.trends-sources li{margin-bottom:.5rem}.trends-sources a{color:var(--primary-color);text-decoration:none;font-size:.85rem;transition:color .2s}.trends-sources a:hover{text-decoration:underline;color:var(--primary-color-hover)}.skeleton-container{display:flex;flex-direction:column;gap:.75rem}.skeleton{background-color:var(--border-color);border-radius:4px;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.skeleton-title{height:20px;width:40%}.skeleton-text{height:16px;width:90%}.skeleton-text:last-of-type{width:70%}@keyframes pulse{50%{opacity:.5}}.option-group{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.card .option-group:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0}.option-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;cursor:pointer;padding:0;text-align:left}.option-group-header h3{font-size:1rem;font-weight:500;color:var(--on-surface-color);margin:0}.chevron-icon{width:8px;height:8px;border-style:solid;border-color:var(--text-secondary);border-width:0 2px 2px 0;display:inline-block;transform:rotate(45deg);transition:transform .2s ease-in-out}.option-group.open .chevron-icon{transform:rotate(-135deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding-top .3s ease-out;padding-top:0}.option-group.open .collapsible-content{max-height:600px;transition:max-height .35s ease-in,padding-top .35s ease-in;padding-top:1.25rem}.option-subgroup{margin-bottom:1.5rem}.option-subgroup:last-child{margin-bottom:0}.option-subgroup h3{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:.75rem}.options-container{display:flex;flex-wrap:wrap;gap:.75rem}.option-chip{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:99px;cursor:pointer;transition:all .2s ease-in-out;font-size:.9rem;font-weight:500}.option-chip:hover{background-color:var(--border-color);color:var(--on-surface-color)}.option-chip.selected{background-color:var(--primary-color);color:var(--on-primary-color);border-color:var(--primary-color)}.input-method-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.upload-area{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-area.has-image{padding:1rem}.upload-area:hover{border-color:var(--primary-color)}.upload-area p{color:var(--text-secondary);font-weight:500}.upload-area img{max-width:100%;max-height:250px;border-radius:8px;object-fit:contain}.uploaded-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;width:100%}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);transition:border-color .3s ease}.image-preview-item:hover{border-color:var(--primary-color)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#f00c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background-color .3s ease}.remove-image-btn:hover{background-color:red}.add-more-images{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;background-color:var(--background-color)}.add-more-images:hover{border-color:var(--primary-color);background-color:#00b8a91a}.add-more-images span{font-size:2rem;color:var(--text-secondary);margin-bottom:.25rem}.add-more-images small{color:var(--text-secondary);font-size:.8rem;text-align:center}.product-input-group{display:flex;flex-direction:column;gap:.75rem;transition:opacity .3s ease}.product-input-group select,.version-select{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--on-surface-color);font-family:var(--font-family);font-size:.9rem}.product-input-group select:focus,.version-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00b8a94d}.product-input-group select:disabled{cursor:not-allowed}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.input-field select,.input-field textarea{width:100%}.textarea-notes{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--on-surface-color);font-family:var(--font-family);font-size:.9rem;min-height:80px;resize:vertical}.textarea-notes:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00b8a94d}.textarea-notes:disabled{cursor:not-allowed}.actions-container{display:flex;gap:.75rem;align-items:center;justify-content:center;padding:.5rem 0}.actions-container .btn{font-weight:600;letter-spacing:.025em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary-color);color:var(--on-primary-color);box-shadow:0 2px 8px #00b8a933}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00b8a94d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #00b8a933}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color);color:var(--on-surface-color);border-color:var(--primary-color)}.btn-tertiary{background-color:var(--surface-color);color:var(--on-surface-color);border:1px solid var(--border-color);width:100%;margin-top:1rem}.actions-container .btn-tertiary{width:auto;margin-top:0}.btn-tertiary:hover:not(:disabled){background-color:var(--primary-color);color:var(--on-primary-color);border-color:var(--primary-color)}.btn-icon{padding:.75rem;min-width:44px;min-height:44px;background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px}.btn-icon:hover:not(:disabled){background-color:var(--border-color);color:var(--primary-color);border-color:var(--primary-color)}.btn-danger{background-color:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444433}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn.loading{pointer-events:none}.btn.loading .btn-icon-svg{animation:spin 1s linear infinite}.btn .btn-icon-svg{width:20px;height:20px;flex-shrink:0}.btn-icon .btn-icon-svg{width:18px;height:18px}.canvas-area{flex-grow:1;overflow-y:auto;padding:var(--card-padding)}.canvas-title{font-size:1.75rem;font-weight:600;color:var(--on-surface-color);margin-bottom:1.5rem;padding-left:1rem}.results-view{height:100%;display:flex;flex-direction:column}.result-container{width:100%;flex-grow:1;display:flex;flex-direction:column}.placeholder-container{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem;width:100%}.result-item{background-color:var(--surface-color);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color)}.result-item-content{display:flex;flex-direction:column}.result-image-container{width:100%;background-color:#111}.result-image-container img{width:100%;height:auto;display:block}.result-description-container{padding:1.5rem;color:var(--text-secondary);display:flex;flex-direction:column}.result-description-container h4{color:var(--on-surface-color);font-size:1.1rem;margin-bottom:.5rem}.result-description-container p{font-size:.9rem;line-height:1.5;flex-grow:1}.result-description-container hr{border:none;height:1px;background-color:var(--border-color);margin:1rem 0}.loader-container{text-align:center;margin:auto}.loader{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.loader-text{margin-top:1rem;color:var(--text-secondary);font-weight:500}.error-message{color:#ff6b6b;background-color:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;padding:1rem;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-workspace{height:100%;display:flex;flex-direction:column}.chat-workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem}.chat-workspace-header .canvas-title{margin:0;padding:0}.chat-workspace-header .btn-secondary{font-size:.9rem;padding:.5rem 1rem}.chat-workspace-content{flex-grow:1;display:flex;gap:1.5rem;overflow:hidden;background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color)}.chat-image-panel{flex:1 1 60%;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;padding:1rem;min-width:0}.chat-image-panel img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.chat-conversation-panel{flex:1 1 40%;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden;border-left:1px solid var(--border-color);min-width:320px}.chat-history{flex-grow:1;overflow-y:auto;padding-right:1rem;margin-right:-1rem;display:flex;flex-direction:column;gap:1rem}.chat-message{padding:.75rem 1rem;border-radius:10px;max-width:90%;line-height:1.5;font-size:.9rem}.chat-message.user{background-color:var(--primary-color);color:var(--on-primary-color);align-self:flex-end;border-bottom-right-radius:2px}.chat-message.model{background-color:var(--border-color);color:var(--on-surface-color);align-self:flex-start;border-bottom-left-radius:2px}.chat-input-form{display:flex;gap:.5rem;margin-top:1rem;flex-shrink:0}.chat-input-form input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--on-surface-color);font-size:.9rem}.chat-input-form input:focus{outline:none;border-color:var(--primary-color)}.chat-input-form input:disabled{cursor:not-allowed}.chat-input-form button{background-color:var(--primary-color);color:var(--on-primary-color);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00b8a933}.chat-input-form button:hover:not(:disabled){background-color:var(--primary-color-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00b8a94d}.chat-input-form button:active:not(:disabled){transform:translateY(0)}.chat-input-form button:disabled{background-color:var(--border-color);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a;opacity:.5}.typing-indicator span{height:8px;width:8px;background-color:var(--text-secondary);border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-of-type(1){animation-delay:-.32s}.typing-indicator span:nth-of-type(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (min-width: 1200px){.result-item-content{flex-direction:row}.result-image-container{flex:0 0 50%}.result-description-container{flex:1 1 50%}}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:var(--background-color)}.login-card{background-color:var(--surface-color);border-radius:var(--border-radius);padding:3rem;border:1px solid var(--border-color);text-align:center;max-width:400px;width:100%}.login-card h2{font-size:1.5rem;font-weight:600;color:var(--on-surface-color);margin-bottom:.5rem}.login-card p{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.875rem 1.75rem;color:var(--on-surface-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.google-login-btn:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:var(--on-primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #00b8a933}.google-login-btn:active:not(:disabled){transform:translateY(0)}.google-login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-info{display:flex;align-items:center;gap:1rem;background-color:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;border:1px solid var(--border-color);margin-bottom:1rem}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.user-details h3{font-size:1.1rem;font-weight:600;color:var(--on-surface-color);margin:0 0 .25rem}.user-details p{font-size:.9rem;color:var(--text-secondary);margin:0}.logout-btn{background-color:var(--surface-color);color:var(--on-surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.logout-btn:hover:not(:disabled){background-color:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-btn:active:not(:disabled){transform:translateY(0)}.logout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.settings-modal{background-color:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-header h2{font-size:1.25rem;font-weight:600;color:var(--on-surface-color);margin:0}.close-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn:hover:not(:disabled){background-color:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.close-btn:active:not(:disabled){transform:translateY(0)}.close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-content{padding:1.5rem;flex-grow:1}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1.1rem;font-weight:600;color:var(--on-surface-color);margin:0 0 .75rem}.settings-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.settings-description a{color:var(--primary-color);text-decoration:none}.settings-description a:hover{text-decoration:underline}.api-key-input-group{display:flex;gap:.75rem;margin-bottom:1rem}.api-key-input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--on-surface-color);font-family:var(--font-family);font-size:.9rem}.api-key-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #00b8a94d}.api-key-input:disabled{opacity:.6;cursor:not-allowed}.test-btn{flex-shrink:0;padding:.75rem 1.5rem;font-size:.9rem}.message{padding:.75rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500}.message.success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.message.error{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.user-info-settings{display:flex;align-items:center;gap:1rem;background-color:var(--background-color);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.user-info-settings .avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.user-info-settings .user-details{flex-grow:1}.user-info-settings .user-details p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.user-info-settings .user-details strong{color:var(--on-surface-color)}.settings-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.settings-footer .btn{padding:.75rem 1.5rem;font-size:.9rem}.user-menu{position:relative;z-index:100}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:.5rem .75rem;cursor:pointer;transition:all .2s;color:var(--on-surface-color)}.user-menu-trigger:hover{background-color:var(--border-color);border-color:var(--primary-color)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:.9rem;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.chevron-down{transition:transform .2s;color:var(--text-secondary)}.chevron-down.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 10px 25px #0000004d;min-width:280px;z-index:1000;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:1rem;padding:1.5rem}.user-avatar-large{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-info{flex-grow:1;min-width:0}.user-name-large{font-size:1rem;font-weight:600;color:var(--on-surface-color);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background-color:var(--border-color);margin:0 1rem}.user-menu-items{padding:.5rem}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;background:transparent;border:none;border-radius:6px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;color:var(--on-surface-color);font-size:.9rem;text-align:left}.user-menu-item:hover{background-color:var(--background-color)}.user-menu-item.logout:hover{background-color:#ef44441a;color:#ef4444}.user-menu-item svg{flex-shrink:0;color:var(--text-secondary)}.user-menu-item.logout:hover svg{color:#ef4444}.user-menu-item span{font-weight:500}@media (max-width: 900px){.chat-workspace-content{flex-direction:column}.chat-image-panel{flex:1 1 50%}.chat-conversation-panel{flex:1 1 50%;border-left:none;border-top:1px solid var(--border-color)}.login-card{padding:2rem}.auth-container{padding:1rem}.app-header{padding:.75rem 1rem;flex-direction:column;align-items:flex-start;gap:1rem}.app-title{width:100%}.app-title h1{font-size:1.5rem}.app-title p{font-size:.9rem}.user-name{display:none}.user-menu-dropdown{min-width:260px;right:-.5rem}}@media (max-width: 1200px) and (min-width: 901px){.app-header{padding:1rem}.app-title h1{font-size:1.6rem}.app-title p{font-size:.95rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.prompt-review-modal{width:800px;max-width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-close:active{transform:translateY(0)}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.prompt-preview{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto}.prompt-preview pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.actions-container .btn{flex:0 0 auto;min-width:44px;min-height:44px}.actions-container .btn-primary{flex:1 1 auto;min-width:120px}@media (max-width: 768px){.modal-overlay{padding:1rem}.prompt-review-modal{width:100%}.actions-container{flex-direction:column;gap:.75rem}.actions-container .btn{width:100%;min-width:auto;padding:1rem 1.5rem;font-size:1rem}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column;gap:.75rem}.modal-footer .btn{width:100%;padding:1rem 1.5rem}.btn{padding:.875rem 1.75rem;font-size:1rem;min-height:48px}.btn-icon{min-width:48px;min-height:48px;padding:.875rem}.btn .btn-icon-svg{width:22px;height:22px}.google-login-btn{padding:1rem 1.75rem;font-size:1rem}.chat-input-form button{padding:.875rem 1.25rem;font-size:.9rem}}.result-image-container{position:relative;cursor:pointer;overflow:hidden;border-radius:8px}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.result-image-container:hover .image-overlay{opacity:1}.zoom-icon{font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.image-slider-modal{position:relative;width:95vw;height:95vh;max-width:1200px;max-height:900px;background-color:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.slider-close{position:absolute;top:1rem;right:1rem;z-index:10;background-color:#000000b3;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.slider-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--background-color);min-height:0}.slider-image-container{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem;height:100%;min-height:0}.slider-image{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#000000b3;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;z-index:5}.slider-nav:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #00b8a966}.slider-nav:active{transform:translateY(-50%) scale(1.05)}.slider-prev{left:1rem}.slider-next{right:1rem}.slider-info{padding:.75rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--surface-color);flex-shrink:0}.slider-counter{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:0}.slider-thumbnails{display:flex;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--background-color);border-top:1px solid var(--border-color);overflow-x:auto;justify-content:center;flex-shrink:0}.thumbnail{flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:var(--primary-color-hover)}@media (max-width: 768px){.image-slider-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.slider-image-container{padding:.5rem}.slider-image{max-width:calc(100% - 1rem);max-height:calc(100% - 1rem)}.slider-nav{width:40px;height:40px;font-size:1.5rem}.slider-prev{left:.5rem}.slider-next{right:.5rem}.slider-info,.slider-thumbnails{padding:.5rem 1rem}.thumbnail{width:50px;height:50px}.slider-close{top:.5rem;right:.5rem;width:35px;height:35px}.uploaded-images-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.remove-image-btn{width:20px;height:20px;font-size:14px;top:2px;right:2px}.add-more-images span{font-size:1.5rem}.add-more-images small{font-size:.7rem}}