.clavue-chat{--cc-bg:#ffffff;--cc-bg-secondary:#f9f9f9;--cc-sidebar:#f9f9f9;--cc-sidebar-hover:#ececec;--cc-sidebar-active:#e8e8e8;--cc-text:#0d0d0d;--cc-text-secondary:#5d5d5d;--cc-text-tertiary:#8e8e8e;--cc-border:rgba(0,0,0,0.08);--cc-user-bubble:#f4f4f4;--cc-composer-bg:#ffffff;--cc-composer-border:rgba(0,0,0,0.12);--cc-composer-shadow:0 0 0 1px rgba(0,0,0,0.05),0 4px 6px rgba(0,0,0,0.02),0 12px 28px rgba(0,0,0,0.06);--cc-send:#0d0d0d;--cc-send-fg:#ffffff;--cc-send-disabled:#d9d9d9;--cc-accent:#10a37f;--cc-radius-composer:28px;--cc-sidebar-w:260px;--cc-content-max:48rem;--cc-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;color:var(--cc-text);background:var(--cc-bg);font-family:var(--cc-font);letter-spacing:-.011em}.clavue-chat.clavue-chat--dark,.dark .clavue-chat{--cc-bg:#212121;--cc-bg-secondary:#171717;--cc-sidebar:#171717;--cc-sidebar-hover:#212121;--cc-sidebar-active:#2f2f2f;--cc-text:#ececec;--cc-text-secondary:#b4b4b4;--cc-text-tertiary:#8e8e8e;--cc-border:rgba(255,255,255,0.08);--cc-user-bubble:#2f2f2f;--cc-composer-bg:#2f2f2f;--cc-composer-border:rgba(255,255,255,0.1);--cc-composer-shadow:0 0 0 1px rgba(255,255,255,0.06),0 8px 32px rgba(0,0,0,0.35);--cc-send:#ececec;--cc-send-fg:#0d0d0d;--cc-send-disabled:#4d4d4d;--cc-accent:#19c37d}.clavue-chat *{box-sizing:border-box}.clavue-chat-side{width:var(--cc-sidebar-w);background:var(--cc-sidebar);border-right:1px solid var(--cc-border);color:var(--cc-text)}.clavue-chat-side-item{border-radius:10px;color:var(--cc-text);transition:background .12s ease}.clavue-chat-side-item:hover{background:var(--cc-sidebar-hover)}.clavue-chat-side-item.is-active{background:var(--cc-sidebar-active)}.clavue-chat-new{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:10px;border:1px solid var(--cc-border);background:transparent;padding:.65rem .85rem;font-size:.875rem;font-weight:500;color:var(--cc-text);transition:background .12s ease}.clavue-chat-new:hover{background:var(--cc-sidebar-hover)}.clavue-chat-main{background:var(--cc-bg);color:var(--cc-text)}.clavue-chat-topbar{border-bottom:1px solid transparent;background:var(--cc-bg)}.clavue-chat-hero-title{font-size:clamp(1.75rem,4vw,2.125rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;color:var(--cc-text)}.clavue-chat-chip{border-radius:999px;border:1px solid var(--cc-border);background:transparent;padding:.5rem .9rem;font-size:.8125rem;color:var(--cc-text);transition:background .12s ease,border-color .12s ease}.clavue-chat-chip:hover{background:var(--cc-bg-secondary);border-color:color-mix(in srgb,var(--cc-text) 18%,transparent)}.clavue-chat-chip.is-active{background:var(--cc-text);border-color:var(--cc-text);color:var(--cc-bg)}.clavue-chat-user-bubble{background:var(--cc-user-bubble);color:var(--cc-text);border-radius:22px;padding:.65rem 1.05rem;font-size:1rem;line-height:1.625;max-width:min(100%,36rem)}.clavue-chat-assistant{font-size:1rem;line-height:1.75;color:var(--cc-text)}.clavue-chat-assistant .clavue-md p{margin:.4rem 0}.clavue-chat-assistant .clavue-md pre,.clavue-chat-code{margin:.75rem 0;overflow:hidden;border-radius:12px;border:1px solid var(--cc-border);background:#0d0d0d;color:#ececec}.clavue-chat.clavue-chat--dark .clavue-chat-assistant .clavue-md pre,.dark .clavue-chat-assistant .clavue-md pre{background:#0d0d0d}.clavue-chat-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.clavue-chat-actions:focus-within,.group:hover .clavue-chat-actions{opacity:1}.clavue-chat-action{display:inline-flex;height:28px;width:28px;align-items:center;justify-content:center;border-radius:8px;color:var(--cc-text-secondary);transition:background .12s ease,color .12s ease}.clavue-chat-action:hover{background:var(--cc-bg-secondary);color:var(--cc-text)}.clavue-chat-composer-wrap{background:linear-gradient(180deg,transparent 0,var(--cc-bg) 28%,var(--cc-bg) 100%)}.clavue-chat-composer{border-radius:var(--cc-radius-composer);border:1px solid var(--cc-composer-border);background:var(--cc-composer-bg);box-shadow:var(--cc-composer-shadow);transition:border-color .15s ease,box-shadow .15s ease}.clavue-chat-composer:focus-within{border-color:color-mix(in srgb,var(--cc-text) 22%,transparent)}.clavue-chat-composer textarea{width:100%;resize:none;border:0;background:transparent;color:var(--cc-text);font-size:1rem;line-height:1.5;outline:none;font-family:inherit}.clavue-chat-composer textarea::placeholder{color:var(--cc-text-tertiary)}.clavue-chat-send{display:inline-flex;height:36px;width:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--cc-send);color:var(--cc-send-fg);transition:opacity .12s ease,transform .12s ease}.clavue-chat-send:disabled{background:var(--cc-send-disabled);color:var(--cc-bg);cursor:not-allowed}.clavue-chat-send:not(:disabled):hover{transform:scale(1.04)}.clavue-chat-stop{display:inline-flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--cc-border);color:var(--cc-text);background:transparent}.clavue-chat-stop:hover{background:var(--cc-bg-secondary)}.clavue-chat-footer-note{color:var(--cc-text-tertiary);font-size:.6875rem;line-height:1.4;text-align:center}.clavue-chat-avatar{display:flex;height:28px;width:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--cc-text);color:var(--cc-bg);font-size:11px;font-weight:700}.clavue-chat-typing{display:inline-flex;gap:4px;align-items:center;padding:.35rem 0}.clavue-chat-typing span{height:6px;width:6px;border-radius:999px;background:var(--cc-text-tertiary);animation:clavue-chat-bounce 1.2s ease-in-out infinite}.clavue-chat-typing span:nth-child(2){animation-delay:.15s}.clavue-chat-typing span:nth-child(3){animation-delay:.3s}@keyframes clavue-chat-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.clavue-chat-search{display:flex;align-items:center;gap:.45rem;border-radius:10px;border:1px solid var(--cc-border);background:var(--cc-bg);padding:.45rem .65rem;color:var(--cc-text-tertiary)}.clavue-chat-search input{width:100%;border:0;background:transparent;color:var(--cc-text);font-size:12.5px;outline:none}.clavue-chat-capability{border-radius:16px;border:1px solid var(--cc-border);background:var(--cc-bg);padding:.85rem .9rem;text-align:left;transition:background .12s ease,border-color .12s ease,transform .12s ease}.clavue-chat-capability:hover{background:var(--cc-bg-secondary);border-color:color-mix(in srgb,var(--cc-text) 16%,transparent);transform:translateY(-1px)}.clavue-chat-capability.is-active{border-color:color-mix(in srgb,var(--cc-text) 35%,transparent);background:var(--cc-bg-secondary);box-shadow:0 0 0 1px color-mix(in srgb,var(--cc-text) 8%,transparent)}.clavue-chat-toolbtn{display:inline-flex;height:32px;align-items:center;gap:.3rem;border-radius:999px;border:1px solid transparent;padding:0 .65rem;color:var(--cc-text-secondary);font-size:12px;transition:background .12s ease,color .12s ease,border-color .12s ease}.clavue-chat-toolbtn.is-on,.clavue-chat-toolbtn:hover:not(:disabled){background:var(--cc-bg-secondary);color:var(--cc-text)}.clavue-chat-toolbtn.is-on{border-color:var(--cc-border)}.clavue-chat-toolbtn:disabled{opacity:.45;cursor:not-allowed}.clavue-chat-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;min-width:11.5rem;border-radius:14px;border:1px solid var(--cc-border);background:var(--cc-composer-bg);box-shadow:var(--cc-composer-shadow);padding:.35rem}.clavue-chat-menu--wide{min-width:15rem}.clavue-chat-menu button{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:.1rem;border-radius:10px;padding:.55rem .65rem;text-align:left;font-size:12.5px;color:var(--cc-text)}.clavue-chat-attach-chip,.clavue-chat-menu button.is-active,.clavue-chat-menu button:hover{background:var(--cc-bg-secondary)}.clavue-chat-attach-chip{display:inline-flex;max-width:100%;align-items:center;gap:.35rem;border-radius:999px;border:1px solid var(--cc-border);padding:.25rem .55rem;font-size:11px;color:var(--cc-text-secondary)}.clavue-chat-attach-chip button{color:var(--cc-text-tertiary);line-height:1}.clavue-chat-toast{position:fixed;bottom:5.5rem;left:50%;z-index:50;transform:translateX(-50%);background:var(--cc-text);color:var(--cc-bg);padding:.5rem .95rem;font-size:12.5px;font-weight:500;box-shadow:0 10px 30px rgba(0,0,0,.18)}.clavue-chat-mode-bar,.clavue-chat-toast{border-radius:999px;border:1px solid var(--cc-border)}.clavue-chat-mode-bar{display:inline-flex;background:var(--cc-bg-secondary);padding:2px}.clavue-chat-mode-bar button{border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500;color:var(--cc-text-secondary);transition:background .12s ease,color .12s ease}.clavue-chat-mode-bar button.is-active{background:var(--cc-bg);color:var(--cc-text);box-shadow:0 1px 2px rgba(0,0,0,.06)}.clavue-chat-select{appearance:none;border-radius:999px;border:1px solid var(--cc-border);background:var(--cc-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e8e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .65rem center;padding:.35rem 1.75rem .35rem .75rem;font-size:.8125rem;font-weight:500;color:var(--cc-text);outline:none}.clavue-chat-select:focus{border-color:color-mix(in srgb,var(--cc-text) 25%,transparent)}@media (max-width:767px){.clavue-chat-side{position:fixed;inset:0 auto 0 0;z-index:40;box-shadow:8px 0 32px rgba(0,0,0,.18)}}