: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,.06);--color-bg-page: #fff;--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);--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,.06);--color-bg-page: #1a1a1a;--color-shadow: rgba(0,0,0,.4)}.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 rgba(0,0,0,.08);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,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,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:24px;height:24px}.version-selector.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{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-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}@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:var(--text-font-family),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"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 #e5e7eb;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:#ffffff14}.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}@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:#ffffff14;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:#ffffff14}.dark-mode .chat-messages .msg.assistant .bubble{background:transparent;border:none}.dark-mode .chat-messages .msg.user .bubble{background:#303030;border-color:transparent}.chat-main.drag-over:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#c9b27c1f;z-index:9999;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ai-chat-base.css.map */