:root{--color-text: #1a1a1a;--color-text-secondary: rgba(0,0,0,.4);--color-text-tertiary: rgba(0,0,0,.35);--color-bg-card: rgba(0,0,0,.06);--color-bg-hover: rgba(0,0,0,.04);--color-bg-panel: #fff;--color-bg-surface: #f0f0f0;--color-border: rgba(0,0,0,.1);--color-border-light: var(--color-border);--img-radius: 14px;--img-gap: 10px;--avatar-bg: #1a1a1a;--avatar-fg: #ffffff;--chevron-trigger-size: 22px;--color-bg-page: #fff;--flair-header-h: 60px;--flair-window-gap: 4px;--flair-drop-tint: rgba(201,178,124,.12);--studio-drop-tint: rgba(0,0,0,.07);--color-shadow: rgba(0,0,0,.15)}.dark-mode,.dark-mode-active{--color-text: #e5e5e5;--color-text-secondary: rgba(255,255,255,.4);--color-text-tertiary: rgba(255,255,255,.35);--studio-drop-tint: rgba(255,255,255,.1);--color-bg-card: rgba(255,255,255,.08);--color-bg-hover: rgba(255,255,255,.06);--color-bg-panel: #2a2a2a;--color-bg-surface: #333;--color-border: rgba(255,255,255,.1);--color-border-light: var(--color-border);--color-bg-page: #1a1a1a;--avatar-bg: #444444;--color-shadow: rgba(0,0,0,.4)}.flair-scroll::-webkit-scrollbar{width:8px;height:8px}.flair-scroll::-webkit-scrollbar-track{background:transparent}.flair-scroll::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.dark-mode .flair-scroll::-webkit-scrollbar-thumb,.dark-mode-active .flair-scroll::-webkit-scrollbar-thumb{background:#ffffff1a}.chat-load-placeholder{padding:24px 20px;text-align:center;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.ai-design-section{display:flex;height:100vh;height:100dvh;width:100vw;overflow:hidden;background-color:var(--color-bg-page);letter-spacing:.02em}.chat-main{flex-grow:1;display:flex;flex-direction:column;position:relative;height:100%;width:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);flex-shrink:0;position:fixed;top:0;left:var(--sidebar-width, 240px);right:0;z-index:100;transition:left .3s cubic-bezier(.2,0,0,1)}.chat-sidebar.collapsed~.chat-main .chat-header{left:var(--sidebar-width-collapsed, 60px)}.chat-version-label{font-family:Flair,Jost Fallback,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--text-h4);font-weight:400;letter-spacing:.05em;color:#000000d9;margin-left:35px;margin-right:auto;margin-top:2px;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-version-label .version-number{font-family:Flair,Jost Fallback,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--text-h4);font-weight:400;color:var(--color-text-secondary);margin-left:6px}.version-selector{position:relative;margin-left:35px}.version-selector-btn{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.version-selector-btn:hover{background:var(--color-bg-hover)}}.version-selector-btn:active,.version-selector.open .version-selector-btn{background:var(--color-bg-hover)}.version-selector-btn .chat-version-label{margin-left:0;pointer-events:none}.version-chevron{display:flex;align-items:center;color:var(--color-text-secondary);transition:transform .2s ease}.version-chevron .chevron-icon{width:var(--chevron-trigger-size);height:var(--chevron-trigger-size)}.version-selector.open .version-chevron,.studio-org-brand-wrap.open .version-chevron{transform:rotate(180deg)}.version-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--color-bg-panel);border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:200}.version-selector.open .version-dropdown,.studio-org-brand-wrap.open .version-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.version-dropdown-title{padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.version-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:14px;color:#111;cursor:default;transition:background .1s ease}@media(hover:hover)and (pointer:fine){.version-dropdown-item:hover{background:var(--color-bg-hover)}}.version-dropdown-item:active{background:var(--color-bg-hover)}.version-dropdown-check{display:none;align-items:center;color:#111;line-height:0;flex-shrink:0}.version-dropdown-item.selected .version-dropdown-check{display:inline-flex}.version-dropdown-label{display:flex;flex-direction:column;gap:2px}.version-dropdown-desc{font-size:12px;color:var(--color-text-secondary);font-weight:400}.chat-header-actions{display:flex;align-items:center;gap:8px;position:relative}.chat-header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#0009;transition:background .15s,color .15s}@media(hover:hover)and (pointer:fine){.chat-header-btn:hover{background:#0000000d;color:#000000d9}}.chat-header-actions:has(.chat-header-menu.active) .chat-header-btn{background:#0000000d;color:#000000d9}.chat-project-crumb{display:flex;align-items:center;gap:6px;max-width:240px;height:36px;padding:0 10px 0 6px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#000000d9;font-size:var(--text-h4);letter-spacing:.05em;font-family:Flair,Jost Fallback,PingFang SC,Microsoft YaHei,sans-serif;transition:background .15s,color .15s}.chat-project-crumb[hidden],.chat-header.has-project-crumb .version-selector{display:none}.chat-header.has-project-crumb .chat-project-crumb{margin-left:35px}@media(max-width:768px){.chat-header.has-project-crumb .chat-project-crumb{margin-left:-4px;padding-left:0;gap:2px}.chat-header.has-project-crumb .chat-project-crumb-icon{width:40px;justify-content:center}body.flair-project-crumb .mobile-menu-trigger{display:none!important}}.chat-project-crumb-icon{display:flex;align-items:center}.chat-project-crumb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.chat-project-crumb:hover{background:#0000000d}}.chat-project-crumb:active{background:#0000000d}.chat-header-btn svg{width:18px;height:18px}.chat-header-menu{display:none;position:absolute;right:0;top:100%;margin-top:8px;background:var(--color-bg-panel);box-shadow:0 4px 12px #0000001a;border-radius:8px;padding:4px;min-width:180px;z-index:1000}.chat-header-menu.active{display:block}.chat-menu-title{padding:8px 12px 4px 16px;font-size:12px;font-weight:400;color:#00000073;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.chat-menu-divider{height:1px;background:#00000014;margin:4px 0}.chat-menu-item{padding:8px 12px;font-size:14px;color:#000000d9;cursor:pointer;border-radius:4px;white-space:nowrap;transition:background .15s;display:flex;align-items:center;gap:8px}@media(hover:hover)and (pointer:fine){.chat-menu-item:hover{background:var(--color-bg-hover)}}.chat-menu-item--danger{color:#d32f2f}.chat-menu-item--danger .action-icon,.chat-menu-item--danger .action-icon svg{color:#d32f2f;stroke:#d32f2f}.chat-menu-item[data-action=settings-project] .action-icon svg,.studio-meeting-menu .project-menu-item[data-action=settings] .action-icon svg{width:24px!important;height:24px!important;transform:scale(.87);transform-origin:center}@media(hover:hover)and (pointer:fine){.chat-menu-item--danger:hover{background:#d32f2f14}}@media(max-width:768px){.chat-header{left:0!important}.version-selector{margin-left:44px}.chat-header-title{font-size:13px}.chat-title-text{max-width:200px}}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;margin:0;padding:60px 0 0;justify-content:center}.chat-container.has-messages{justify-content:flex-start}#initial-message .h1{font-family:EB Garamond,PingFang SC,Microsoft YaHei,Noto Sans SC,Noto Sans JP,sans-serif!important}#initial-message .prose>.h1+div{margin-top:6px!important}#initial-message{padding-bottom:24px}.chat-container.has-messages #initial-message{display:none}.chat-container:not(.has-messages) .chat-messages{display:none}.chat-messages{flex-grow:1;overflow-y:auto;padding:4rem 1rem 1rem;scroll-padding-top:4rem}.chat-messages .msg{display:flex;flex-direction:column;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:800px;align-items:flex-start}.chat-messages .msg.user{align-items:flex-end}.chat-messages .bubble{max-width:85%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;border:1px solid var(--color-border);background:var(--color-bg-panel);width:fit-content;display:inline-block}.chat-messages .msg.assistant .bubble{max-width:100%;width:100%;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.chat-messages .msg.user .bubble{background:#f9fafb;border-color:transparent}.chat-messages .bubble,.chat-messages .bubble .bubble-content,.chat-messages .bubble .bubble-text{text-align:left!important}.composer-bar{padding:1rem;padding-top:0}.dark-mode .ai-design-section{background-color:#212121}.dark-mode .chat-header{background:#212121;border-bottom-color:var(--color-border)}.dark-mode .chat-version-label{color:#ffffffd9}.dark-mode .version-dropdown{box-shadow:0 4px 24px #0006}.dark-mode .version-dropdown-item{color:#ffffffe6}.dark-mode .version-dropdown-check{color:#fff}.dark-mode .chat-header-btn{color:#fff9}.dark-mode .chat-project-crumb{color:#ffffffd9}@media(hover:hover)and (pointer:fine){.dark-mode .chat-project-crumb:hover{background:#ffffff14}}.dark-mode .chat-project-crumb:active{background:#ffffff14}@media(hover:hover)and (pointer:fine){.dark-mode .chat-header-btn:hover{background:#ffffff14;color:#ffffffd9}}.dark-mode .chat-header-actions:has(.chat-header-menu.active) .chat-header-btn{background:#ffffff14;color:#ffffffd9}.dark-mode .chat-header-menu{border-color:var(--color-border);box-shadow:0 4px 12px #0000004d}.dark-mode .chat-menu-title{color:#fff6}.dark-mode .chat-menu-divider{background:#ffffff14}.dark-mode .chat-menu-item{color:#ffffffd9}.dark-mode .chat-menu-item--danger{color:#ef5350}.dark-mode .chat-menu-item--danger .action-icon,.dark-mode .chat-menu-item--danger .action-icon svg{color:#ef5350;stroke:#ef5350}.dark-mode .chat-messages .bubble{border-color:var(--color-border)}.dark-mode .chat-messages .msg.assistant .bubble{background:transparent;border:none}.dark-mode .chat-messages .msg.user .bubble{background:#303030;border-color:transparent}.flair-cp{position:fixed;z-index:10000;width:220px;padding:10px;box-sizing:border-box;border-radius:14px;background:var(--color-bg-page);border:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow);display:flex;flex-direction:column;gap:10px;user-select:none;-webkit-user-select:none;touch-action:none}.flair-cp-sv{position:relative;height:120px;border-radius:0;cursor:crosshair;border:1px solid var(--color-border);background:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0),var(--cp-hue, #f00)}.flair-cp-row{display:flex;align-items:center;gap:8px}.flair-cp-row .flair-cp-hue{flex:1;min-width:0}.flair-cp-eyedropper{width:26px;height:26px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text);cursor:pointer;transition:background .15s}@media(hover:hover)and (pointer:fine){.flair-cp-eyedropper:hover{background:var(--color-bg-card)}}.flair-cp-eyedropper:active{background:var(--color-bg-card)}.flair-cp-hue{position:relative;height:12px;border-radius:6px;cursor:pointer;border:1px solid var(--color-border);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.flair-cp-sv-handle,.flair-cp-hue-handle{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}.flair-cp-hue-handle{top:50%;background:transparent}.flair-cp-rgb{display:flex;gap:6px}.flair-cp-rgb label{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.flair-cp-rgb input{width:100%;box-sizing:border-box;text-align:center;padding:5px 2px;font-family:inherit;font-size:12px;font-weight:400;color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;outline:none}.flair-cp-rgb input:focus{border-color:var(--color-text-tertiary)}.flair-cp-rgb span{font-size:11px;color:var(--color-text-secondary)}.chat-main.drag-over:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--flair-drop-tint);z-index:9999;pointer-events:none}.studio-main.brand-drop-hover:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--studio-drop-tint);z-index:9999;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ai-chat-base.css.map */