.composer-initializing,.composer-initializing *,.composer-initializing *:before,.composer-initializing *:after{transition:none!important;animation:none!important}:root{--input-offset: 56px}.input-wrapper{display:flex;width:85%;max-width:700px;padding:10px 0;margin:0 auto}.composer-pill{position:relative;width:100%;display:flex;flex-direction:column;border:1px solid #ececec;border-radius:25px;background:var(--color-bg-panel);box-shadow:0 1px 6px #20212447;transition:box-shadow .3s ease-in-out}.composer-pill:focus-within{box-shadow:0 2px 8px #20212459}.composer-attachments{display:none;gap:7px;padding:7px 7px 6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.composer-attachments.show{display:flex}.attachment-chip{position:relative;width:52px;height:52px;border-radius:18px;overflow:hidden;background:#f3f3f3;flex:0 0 auto}.attachment-chip img{width:100%;height:100%;object-fit:cover;display:block}.composer-attachments.is-1 .attachment-chip{width:150px;height:150px;border-radius:18px}.attachment-remove{position:absolute;top:7px;right:7px;width:18px;height:18px;border-radius:999px;padding:0;border:none;background:#000;color:#fff;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .12s ease,transform .12s ease}.attachment-edit{position:absolute;top:7px;right:29px;width:18px;height:18px;border-radius:999px;padding:0;border:none;background:#000;color:#fff;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .12s ease,transform .12s ease}.attachment-edit svg{width:12px;height:12px;display:block}@media(hover:hover){.attachment-edit:hover{opacity:1}}.attachment-remove-icon{display:flex;align-items:center;justify-content:center;line-height:0}@media(hover:hover){.attachment-remove:hover{opacity:1}}.composer-row{position:relative;display:flex;align-items:flex-end;min-height:48px}.chat-input{box-sizing:border-box;width:100%;padding-left:var(--input-offset);padding-right:var(--input-offset);border:none;outline:none;background:transparent;color:#000;font-size:14px;resize:none}.composer-row .chat-input{min-height:48px;padding-top:14px;padding-bottom:14px;line-height:1.4;overflow-y:hidden}.chat-input::-webkit-scrollbar{width:8px}.chat-input::-webkit-scrollbar-track{background:var(--color-bg-panel);box-shadow:inset 0 49px 0 0 var(--color-bg-panel)}.chat-input::-webkit-scrollbar-thumb{background-color:#ececec;border-radius:4px}.chat-input::-webkit-scrollbar-button{display:block}.typing-placeholder{position:absolute;left:var(--input-offset);bottom:13px;font-size:14px;color:#888;pointer-events:none;white-space:nowrap;overflow:hidden}.chat-button{position:absolute;right:7px;bottom:7px;width:34px;height:34px;background:transparent;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .16s ease}.chat-button .send-bg{fill:#a8a8a8}.chat-button.has-text .send-bg{fill:#000}@media(hover:hover){.chat-button:hover .send-bg{fill:#8c8c8c}.chat-button.has-text:hover .send-bg{fill:#111}}.chat-button.is-generating .send-bg{fill:#000}@media(hover:hover){.chat-button.is-generating:hover .send-bg{fill:#000}}.chat-button svg{width:34px;height:34px;display:block}.chat-button .send-bg{rx:17;ry:17}.logo-svg-1{height:.74em;width:auto;transform:translateY(-.4px)}.loading{font-size:16px;color:#555}@media(max-width:768px){.composer-pill{border-top:none}.composer-bar{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:20;background-color:var(--color-bg-panel);padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-bg-panel)}.chat-container:not(.has-messages) .composer-bar{position:relative;bottom:auto;left:auto;right:auto;width:auto;z-index:auto;background-color:transparent;padding-bottom:0;border-top:none}.project-composer-bar.composer-bar,.images-composer-bar.composer-bar{position:relative;bottom:auto;left:auto;right:auto;width:auto;z-index:auto;background-color:transparent;padding-bottom:0;border-top:none}.chat-messages{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}}.plus-menu__divider{height:1px;background:#e5e5e5;margin:6px 12px}.plus-menu__item{position:relative}.plus-menu__check{display:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#c9b27c;line-height:0}.plus-menu__item.active .plus-menu__check{display:flex;align-items:center}.plus-menu__item.active .plus-menu__icon,.plus-menu__item.active .plus-menu__label{color:#c9b27c}#menuJudgementBtn.active .plus-menu__icon,#menuJudgementBtn.active .plus-menu__label{color:#059669}#menuJudgementBtn.active .plus-menu__icon svg{fill:#059669}#menuJudgementBtn.active .plus-menu__check{color:#059669}#menuJudgementBtn.active .plus-menu__check svg{stroke:#059669}#projectMenuJudgementBtn.active .plus-menu__icon,#projectMenuJudgementBtn.active .plus-menu__label{color:#059669}#projectMenuJudgementBtn.active .plus-menu__icon svg{fill:#059669}#projectMenuJudgementBtn.active .plus-menu__check{color:#059669}#projectMenuJudgementBtn.active .plus-menu__check svg{stroke:#059669}.judgement-mode-chip{display:none;align-items:center;gap:8px;height:28px;padding:0 8px;border:none;border-radius:14px;background:transparent;font-size:14px;color:#059669;cursor:pointer;transition:all .15s ease}.judgement-mode-chip.active{display:inline-flex}.judgement-mode-chip:hover{background:#ecfdf5}.judgement-mode-chip__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;position:relative;cursor:pointer;border-radius:50%;transition:background .1s ease}.judgement-mode-chip__icon svg{width:24px;height:24px}.judgement-mode-chip__icon-judge{display:flex;align-items:center;justify-content:center}.judgement-mode-chip__icon-close{display:none;align-items:center;justify-content:center}.judgement-mode-chip__icon-close svg{width:10px;height:10px}.judgement-mode-chip:hover .judgement-mode-chip__icon-judge{display:none}.judgement-mode-chip:hover .judgement-mode-chip__icon-close{display:flex}.judgement-mode-chip:hover .judgement-mode-chip__icon{background:#05966940}.judgement-mode-chip__label{font-weight:500;white-space:nowrap}.image-mode-chip{display:none;align-items:center;gap:8px;height:28px;padding:0 8px;border:none;border-radius:14px;background:transparent;font-size:14px;color:#c9b27c;cursor:pointer;transition:all .15s ease}.image-mode-chip.active{display:inline-flex}.image-mode-chip:hover{background:#faf6ed}.image-mode-chip__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;position:relative;cursor:pointer;border-radius:50%;transition:background .1s ease}.image-mode-chip__icon svg{width:24px;height:24px;stroke:currentColor;fill:none}.image-mode-chip__icon-image{display:flex;align-items:center;justify-content:center}.image-mode-chip__icon-close{display:none;align-items:center;justify-content:center}.image-mode-chip__icon-close svg{width:10px;height:10px}.image-mode-chip:hover .image-mode-chip__icon-image{display:none}.image-mode-chip:hover .image-mode-chip__icon-close{display:flex}.image-mode-chip:hover .image-mode-chip__icon{background:#c9b27c40}.image-mode-chip__label{font-weight:500;white-space:nowrap}.composer-row.image-mode-active,.composer-row.search-mode-active,.composer-row.judgement-mode-active{display:flex;flex-direction:column;min-height:auto;padding-bottom:8px}.composer-row.image-mode-active .chat-input,.composer-row.search-mode-active .chat-input,.composer-row.judgement-mode-active .chat-input{order:1;padding-left:16px;padding-right:16px;padding-bottom:8px;min-height:40px}.composer-row.image-mode-active .typing-placeholder,.composer-row.search-mode-active .typing-placeholder,.composer-row.judgement-mode-active .typing-placeholder{left:16px;bottom:auto;top:14px}.composer-tools-row{display:contents}.composer-row.image-mode-active .composer-tools-row,.composer-row.search-mode-active .composer-tools-row,.composer-row.judgement-mode-active .composer-tools-row{display:flex;align-items:center;align-self:stretch;gap:4px;order:2;height:36px;padding:0 7px}.composer-row.image-mode-active .composer-tools-row .plus-button,.composer-row.search-mode-active .composer-tools-row .plus-button,.composer-row.judgement-mode-active .composer-tools-row .plus-button{position:static;flex-shrink:0}.composer-row.image-mode-active .chat-button,.composer-row.search-mode-active .chat-button,.composer-row.judgement-mode-active .chat-button{position:absolute;right:7px;bottom:6px;top:auto}.composer-row.image-mode-active .plus-menu,.composer-row.search-mode-active .plus-menu,.composer-row.judgement-mode-active .plus-menu{bottom:44px}@media(max-width:768px){.image-mode-chip{height:26px;padding:0 6px;font-size:12px}.image-mode-chip__icon{width:14px;height:14px}.image-mode-chip__icon svg{width:24px;height:24px}.image-mode-chip__icon-close svg{width:9px;height:9px}.judgement-mode-chip{height:26px;padding:0 6px;font-size:12px}.judgement-mode-chip__icon{width:14px;height:14px}.judgement-mode-chip__icon svg{width:24px;height:24px}.judgement-mode-chip__icon-close svg{width:9px;height:9px}.composer-row.image-mode-active .chat-input,.composer-row.search-mode-active .chat-input,.composer-row.judgement-mode-active .chat-input{padding-left:14px;padding-right:14px}.composer-row.image-mode-active .typing-placeholder,.composer-row.search-mode-active .typing-placeholder,.composer-row.judgement-mode-active .typing-placeholder{left:14px}}.finalized-badge{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#00000073;padding:4px 0;letter-spacing:.02em}.composer-bar.is-finalized .composer-pill{background:#f5f5f5;border-color:#e0e0e0;pointer-events:none;opacity:.7}.composer-bar.is-finalized .chat-input{background:transparent;color:var(--color-text-tertiary);cursor:not-allowed}.composer-bar.is-finalized .plus-button,.composer-bar.is-finalized .chat-button{opacity:.4;pointer-events:none}.composer-bar.is-finalized .typing-placeholder{display:none}.dark-mode .composer-pill{border-color:#ffffff1a;box-shadow:0 1px 6px #0006}.dark-mode .composer-pill:focus-within{box-shadow:0 2px 8px #00000080}.attachment-chip-pdf,.attachment-chip-doc,.attachment-chip-spreadsheet,.attachment-chip-audio,.attachment-chip-video,.attachment-chip-ppt,.attachment-chip-archive,.attachment-chip-code{width:auto;height:auto;display:flex;align-items:center;gap:10px;padding:7px 36px 7px 7px;border-radius:18px;background:var(--color-bg-card)}.composer-attachments.is-1 .attachment-chip-pdf,.composer-attachments.is-1 .attachment-chip-doc,.composer-attachments.is-1 .attachment-chip-spreadsheet,.composer-attachments.is-1 .attachment-chip-audio,.composer-attachments.is-1 .attachment-chip-video,.composer-attachments.is-1 .attachment-chip-ppt,.composer-attachments.is-1 .attachment-chip-archive,.composer-attachments.is-1 .attachment-chip-code{width:auto;height:auto;border-radius:18px}.attachment-pdf-icon,.attachment-doc-icon,.attachment-spreadsheet-icon,.attachment-audio-icon,.attachment-video-icon,.attachment-ppt-icon,.attachment-archive-icon,.attachment-code-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.attachment-pdf-icon svg,.attachment-doc-icon svg,.attachment-spreadsheet-icon svg,.attachment-audio-icon svg,.attachment-video-icon svg,.attachment-ppt-icon svg,.attachment-archive-icon svg,.attachment-code-icon svg{width:18px;height:18px}.attachment-pdf-icon{background:#e5322d}.attachment-doc-icon{background:#2b579a}.attachment-spreadsheet-icon{background:#217346}.attachment-audio-icon{background:#f59e0b}.attachment-video-icon{background:#7c3aed}.attachment-ppt-icon{background:#d24726}.attachment-archive-icon{background:#c2410c}.attachment-code-icon{background:#334155}.attachment-pdf-name,.attachment-doc-name,.attachment-spreadsheet-name,.attachment-audio-name,.attachment-video-name,.attachment-ppt-name,.attachment-archive-name,.attachment-code-name{font-size:12px;font-weight:500;line-height:1.3;color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pdf-sub,.attachment-doc-sub,.attachment-spreadsheet-sub,.attachment-audio-sub,.attachment-video-sub,.attachment-ppt-sub,.attachment-archive-sub,.attachment-code-sub{font-size:11px;font-weight:400;color:var(--color-text-secondary)}.attachment-chip-pdf .attachment-remove,.attachment-chip-doc .attachment-remove,.attachment-chip-spreadsheet .attachment-remove,.attachment-chip-audio .attachment-remove,.attachment-chip-video .attachment-remove,.attachment-chip-ppt .attachment-remove,.attachment-chip-archive .attachment-remove,.attachment-chip-code .attachment-remove{top:7px;right:7px;transform:none;background:#000}.attachment-chip.attachment-processing{pointer-events:none}.attachment-chip.attachment-processing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;border-radius:inherit;z-index:4}.attachment-chip-pdf.attachment-processing:before,.attachment-chip-doc.attachment-processing:before,.attachment-chip-spreadsheet.attachment-processing:before,.attachment-chip-ppt.attachment-processing:before,.attachment-chip-archive.attachment-processing:before,.attachment-chip-audio.attachment-processing:before,.attachment-chip-code.attachment-processing:before,.attachment-chip-video.attachment-processing:before{inset:auto;top:7px;left:7px;width:40px;height:40px;border-radius:10px}.attachment-progress-ring{position:absolute;z-index:5;transform:rotate(-90deg)}.attachment-chip .attachment-progress-ring{top:50%;left:50%;margin:-12px 0 0 -12px}.attachment-chip-pdf .attachment-progress-ring,.attachment-chip-doc .attachment-progress-ring,.attachment-chip-spreadsheet .attachment-progress-ring,.attachment-chip-audio .attachment-progress-ring,.attachment-chip-video .attachment-progress-ring,.attachment-chip-ppt .attachment-progress-ring,.attachment-chip-archive .attachment-progress-ring,.attachment-chip-code .attachment-progress-ring{top:27px;left:27px;margin:-12px 0 0 -12px}.chat-button.is-processing{pointer-events:none;opacity:.4}.dark-mode .attachment-chip.attachment-processing:before{background:#00000073}.dark-mode .attachment-chip{background:transparent}.dark-mode .attachment-chip-pdf,.dark-mode .attachment-chip-doc,.dark-mode .attachment-chip-spreadsheet,.dark-mode .attachment-chip-audio,.dark-mode .attachment-chip-video,.dark-mode .attachment-chip-ppt,.dark-mode .attachment-chip-archive,.dark-mode .attachment-chip-code{background:#000}.dark-mode .attachment-chip-pdf .attachment-remove,.dark-mode .attachment-chip-doc .attachment-remove,.dark-mode .attachment-chip-spreadsheet .attachment-remove,.dark-mode .attachment-chip-audio .attachment-remove,.dark-mode .attachment-chip-video .attachment-remove,.dark-mode .attachment-chip-ppt .attachment-remove,.dark-mode .attachment-chip-archive .attachment-remove,.dark-mode .attachment-chip-code .attachment-remove{background:#555}.dark-mode .chat-input{color:#e5e5e5}.dark-mode .chat-input::-webkit-scrollbar-thumb{background-color:#ffffff26}.dark-mode .typing-placeholder{color:#ffffff59}.dark-mode .chat-button .send-bg{fill:#555}.dark-mode .chat-button.has-text .send-bg{fill:#fff}@media(hover:hover){.dark-mode .chat-button:hover .send-bg{fill:#777}.dark-mode .chat-button.has-text:hover .send-bg{fill:#eee}}.dark-mode .chat-button.is-generating .send-bg{fill:#fff}.dark-mode .loading{color:#ffffff80}.dark-mode .plus-menu__divider{background:#ffffff14}.dark-mode .finalized-badge{color:#ffffff73}.dark-mode .composer-bar.is-finalized .composer-pill{background:#1a1a1a;border-color:#ffffff0f}.dark-mode .image-mode-chip:hover{background:#c9b27c26}.dark-mode .judgement-mode-chip{color:#6ee7b7}.dark-mode .judgement-mode-chip:hover{background:#05966926}.dark-mode .judgement-mode-chip:hover .judgement-mode-chip__icon{background:#6ee7b740}.dark-mode #menuJudgementBtn.active .plus-menu__icon,.dark-mode #menuJudgementBtn.active .plus-menu__label{color:#6ee7b7}.dark-mode #menuJudgementBtn.active .plus-menu__icon svg{fill:#6ee7b7}.dark-mode #menuJudgementBtn.active .plus-menu__check svg{stroke:#6ee7b7}.dark-mode #projectMenuJudgementBtn.active .plus-menu__icon,.dark-mode #projectMenuJudgementBtn.active .plus-menu__label{color:#6ee7b7}.dark-mode #projectMenuJudgementBtn.active .plus-menu__icon svg{fill:#6ee7b7}.dark-mode #projectMenuJudgementBtn.active .plus-menu__check svg{stroke:#6ee7b7}@media(max-width:768px){.dark-mode .composer-bar{background-color:#212121;border-top-color:#212121}}@media(max-width:768px){.composer-attachments{justify-content:flex-start}.attachment-chip{width:100px;height:100px}.attachment-chip-pdf,.attachment-chip-doc,.attachment-chip-spreadsheet,.attachment-chip-audio,.attachment-chip-video,.attachment-chip-ppt,.attachment-chip-archive,.attachment-chip-code{flex-direction:column;align-items:center;justify-content:flex-start;width:100px;height:100px;padding:7px 8px 8px;gap:6px;text-align:center}.composer-attachments.is-1 .attachment-chip-pdf,.composer-attachments.is-1 .attachment-chip-doc,.composer-attachments.is-1 .attachment-chip-spreadsheet,.composer-attachments.is-1 .attachment-chip-audio,.composer-attachments.is-1 .attachment-chip-video,.composer-attachments.is-1 .attachment-chip-ppt,.composer-attachments.is-1 .attachment-chip-archive,.composer-attachments.is-1 .attachment-chip-code{width:100px;height:100px}.attachment-pdf-name,.attachment-doc-name,.attachment-spreadsheet-name,.attachment-audio-name,.attachment-video-name,.attachment-ppt-name,.attachment-archive-name,.attachment-code-name{max-width:80px;font-size:11px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-all}.attachment-chip-pdf>div,.attachment-chip-doc>div,.attachment-chip-spreadsheet>div,.attachment-chip-audio>div,.attachment-chip-video>div,.attachment-chip-ppt>div,.attachment-chip-archive>div,.attachment-chip-code>div{align-items:center}.attachment-chip .attachment-remove{top:7px;right:7px;transform:none}.attachment-chip-pdf.attachment-processing:before,.attachment-chip-doc.attachment-processing:before,.attachment-chip-spreadsheet.attachment-processing:before,.attachment-chip-ppt.attachment-processing:before,.attachment-chip-archive.attachment-processing:before,.attachment-chip-audio.attachment-processing:before,.attachment-chip-code.attachment-processing:before,.attachment-chip-video.attachment-processing:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:inherit}.attachment-chip-pdf .attachment-progress-ring,.attachment-chip-doc .attachment-progress-ring,.attachment-chip-spreadsheet .attachment-progress-ring,.attachment-chip-audio .attachment-progress-ring,.attachment-chip-video .attachment-progress-ring,.attachment-chip-ppt .attachment-progress-ring,.attachment-chip-archive .attachment-progress-ring,.attachment-chip-code .attachment-progress-ring{top:50%;left:50%;margin:-12px 0 0 -12px}}.shared-chat-banner{display:flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13px;color:#00000080;font-family:Flair,sans-serif;text-align:center;line-height:1.4}.dark-mode .shared-chat-banner{color:#ffffff73}@media(max-width:768px){.shared-chat-banner{font-size:11px;padding:6px 20px}}.branch-divider{display:flex;align-items:center;gap:12px;padding:16px 0;width:85%;max-width:700px;margin:0 auto}.branch-divider:before,.branch-divider:after{content:"";flex:1;height:1px;background:#0000001a}.branch-divider-text{font-size:12px;color:var(--color-text-secondary);white-space:nowrap;font-family:Flair,sans-serif}.branch-divider-link{color:#0000008c;text-decoration:underline;text-underline-offset:2px}@media(hover:hover)and (pointer:fine){.branch-divider-link:hover{color:#000c}}.branch-divider-link:active{color:#000c}.dark-mode .branch-divider:before,.dark-mode .branch-divider:after{background:#ffffff1a}.dark-mode .branch-divider-text{color:#ffffff59}.dark-mode .branch-divider-link{color:#ffffff80}@media(hover:hover)and (pointer:fine){.dark-mode .branch-divider-link:hover{color:#ffffffbf}}.dark-mode .branch-divider-link:active{color:#ffffffbf}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ai-chat-composer.css.map */