.chat-panel{display:flex;flex-direction:column;flex:0 0 400px;width:400px;min-width:0;min-height:0;border-radius:var(--radius-xl) 0 0 var(--radius-xl);height:100%;background:var(--chrome-bg)}.chat-panel-head{position:relative;display:flex;align-items:center;gap:8px;flex:none;padding:16px 12px 8px}.chat-panel-actions{margin-left:auto;flex:none;display:flex;align-items:center;gap:6px}.chat-panel-title{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:4px 8px;font:inherit;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.chat-panel-title.is-static{cursor:default}.chat-session-menu{position:relative;flex:none}.chat-session-list{position:absolute;right:0;top:calc(100% + 4px);z-index:20;width:280px;max-height:320px;overflow-y:auto;padding:4px;border-radius:16px;background:var(--bg-panel);box-shadow:var(--shadow-lg, 0 12px 32px rgba(8, 10, 14, .18))}.chat-session-empty{padding:8px 12px;font-size:12px;color:var(--text-muted)}.chat-session-item{display:flex;align-items:center;gap:4px;width:100%;padding:2px 4px 2px 0;border-radius:8px}.chat-session-item:hover{background:var(--bg-subtle)}.chat-session-item.is-active{background:var(--accent-subtle)}.chat-session-item-open{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;padding:4px 6px 4px 10px;border:none;background:transparent;font:inherit;font-size:13px;color:var(--text-primary);text-align:left;cursor:pointer}.chat-session-meta{flex:none;font-size:11px;color:var(--text-muted)}.chat-panel-transcript{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.chat-panel-composer{flex:none;padding:8px 12px 12px}.chat-composer{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:16px;background:var(--bg-subtle);outline:2px solid transparent;outline-offset:-1px;transition:outline-color .15s ease}.chat-composer:focus-within{outline-color:var(--accent-ring)}@property --chat-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.chat-composer{position:relative;isolation:isolate}.chat-composer:before,.chat-composer:after{content:"";position:absolute;border-radius:inherit;background:conic-gradient(from var(--chat-ring-angle),#ff5ea8,#ff9d4d,#ffe45c,#7ef0a4,#4fd1ff,#7a5cff,#e05cff,#ff5ea8);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s ease;pointer-events:none}.chat-composer:before{inset:0;padding:1px;filter:blur(.8px) saturate(.85);z-index:1}.chat-composer:after{inset:-16px;border:10px solid transparent;padding:6px;border-radius:32px;background-clip:padding-box;filter:blur(8px) saturate(.9);z-index:-1}.chat-composer.is-working:before{opacity:.38;animation:chat-ring-spin 9s linear infinite}.chat-composer.is-working:after{opacity:.2;animation:chat-ring-spin 9s linear infinite}.chat-composer.is-working:focus-within{outline-color:transparent}@keyframes chat-ring-spin{to{--chat-ring-angle: 360deg}}@media(prefers-reduced-motion:reduce){.chat-composer.is-working:before,.chat-composer.is-working:after{animation:none}}.chat-composer-input{min-width:0}.chat-composer-foot{display:flex;align-items:center;gap:8px}.chat-composer-chip{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.chat-panel.is-sheet{flex:1 1 auto;width:100%;height:100%;background:transparent;border-radius:0}@media(max-width:767px){.chat-panel{flex-basis:100%;width:100%}}.chat-composer-field{width:100%;border:none;background:transparent;font:inherit;font-size:13px;line-height:1.5;color:var(--text-primary);resize:none;outline:none}.chat-composer-field:focus-visible{box-shadow:none}.chat-composer-field::placeholder{color:var(--text-muted)}.chat-panel.is-filled{flex:1 1 auto;width:auto}.copilot-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 16px 20px;display:flex;flex-direction:column;gap:20px}.copilot-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 18px;font-size:13px;color:var(--text-tertiary);text-align:center}.copilot-empty p{margin:0;max-width:300px}.copilot-starters{display:flex;flex-direction:column;align-items:center;gap:6px}.copilot-starter{padding:4px 10px;border:1px solid transparent;border-radius:999px;background:var(--bg-subtle);font:inherit;font-size:12px;color:var(--text-secondary);text-align:left;cursor:pointer}.copilot-starter:hover{border-color:var(--accent);color:var(--accent)}.chat-shimmer-text{display:inline-block;background:linear-gradient(100deg,var(--text-muted) 30%,var(--text-primary) 50%,var(--text-muted) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:chat-shimmer-sweep 1.8s linear infinite}@keyframes chat-shimmer-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.chat-shimmer-text{animation:none;color:var(--text-muted);background:none}}.chat-working{font-size:12.5px;padding:2px 0}.copilot-thought{display:flex;flex-direction:column;gap:4px}.copilot-thought-head{display:flex;align-items:center;gap:6px;padding:4px 8px;border:none;background:transparent;font:inherit;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;text-align:left;width:fit-content}.copilot-thought-head:hover{color:var(--text-secondary)}.copilot-thought-body{margin-left:25px;padding-left:10px;border-left:2px solid var(--border);font-size:12px;line-height:1.55;color:var(--text-muted);white-space:pre-wrap}.copilot-msg{display:flex;flex-direction:column;gap:8px;font-size:13px}.copilot-prose,.copilot-msg .agent-markdown{padding:2px 8px;font-size:13px;line-height:1.65;color:var(--text-primary)}.copilot-prose.is-error{color:var(--status-error)}.chat-working{padding-left:8px}.chat-hover>.copilot-user{max-width:none}.copilot-user{margin:0;align-self:flex-end;max-width:85%;padding:10px 16px;border-radius:18px 18px 6px;background:var(--accent-subtle);color:var(--text-primary);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg-meta{display:flex;align-items:center;gap:6px;height:16px;margin-bottom:-16px;padding:0 4px;font-size:11px;line-height:16px;color:var(--text-tertiary);opacity:0;transition:opacity .12s ease}.chat-msg-meta>button{height:16px;width:16px}.chat-msg-meta.is-end{justify-content:flex-end}.copilot-msg>.chat-msg-meta{margin-top:-6px}.chat-hover:hover .chat-msg-meta,.chat-msg-meta:focus-within{opacity:1}@media(hover:none){.chat-msg-meta{opacity:1}}.copilot-tool{border-radius:12px;overflow:hidden;background:var(--bg-subtle);flex:none}.copilot-tool.is-error{background:color-mix(in srgb,var(--status-error) 10%,var(--bg-subtle))}.copilot-tool-head{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:none;background:transparent;font:inherit;font-size:12px;cursor:pointer;text-align:left}.copilot-tool-name{font-weight:600;color:var(--text-secondary);flex:none}.copilot-tool-summary{flex:1;min-width:0;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-tool-body{padding:12px 14px;border-top:1px solid var(--border);background:var(--bg-panel);max-height:320px;overflow-y:auto}.copilot-error{padding:0 16px 8px;font-size:12px;color:var(--status-error);margin:0}.copilot-context{flex:1;min-width:0;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copilot-media-head{flex-direction:column;align-items:stretch;gap:2px;padding:8px 10px 6px}.copilot-media-title{display:flex;align-items:center;gap:6px;min-width:0}.copilot-media-chevron{margin-left:auto;color:var(--text-muted);flex:none}.copilot-media-subtitle{font-size:12px;line-height:1.4;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.copilot-media-grid{display:grid;gap:4px;padding:0 10px 10px;grid-template-columns:1fr}.copilot-media-grid[data-count="2"],.copilot-media-grid[data-count="3"],.copilot-media-grid[data-count="4"]{grid-template-columns:1fr 1fr}.copilot-media-thumb{display:block;border-radius:10px;overflow:hidden;background:var(--bg-inset, var(--bg-panel));aspect-ratio:4 / 3}.copilot-media-grid[data-count="1"] .copilot-media-thumb{aspect-ratio:auto;max-height:260px}.copilot-media-thumb img{display:block;width:100%;height:100%;object-fit:cover}.copilot-media-more{align-self:center;justify-self:start;font-size:11px;color:var(--text-muted);padding:2px 8px;border-radius:999px;background:var(--bg-panel)}.copilot-media-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);padding:6px 10px;border-radius:8px;background:var(--bg-panel);justify-self:start}.copilot-media-skeleton{margin:0 10px 10px;height:120px;border-radius:10px;background:linear-gradient(100deg,var(--bg-panel) 30%,color-mix(in srgb,var(--bg-panel) 70%,var(--text-muted)) 50%,var(--bg-panel) 70%);background-size:250% 100%;animation:chat-shimmer-sweep 1.8s linear infinite}@media(prefers-reduced-motion:reduce){.copilot-media-skeleton{animation:none}}.agent-markdown{overflow-wrap:break-word;line-height:1.65}.agent-markdown p{margin:0 0 10px}.agent-markdown p:last-child{margin-bottom:0}.agent-markdown h3,.agent-markdown h4,.agent-markdown h5,.agent-markdown h6{margin:12px 0 6px;font-weight:600;font-size:1em;color:var(--text-primary)}.agent-markdown code{font-family:var(--font-mono, ui-monospace, monospace);font-size:.85em;background:var(--bg-subtle);border-radius:5px;padding:1px 5px}.agent-markdown pre{background:var(--bg-subtle);border-radius:10px;padding:12px;overflow-x:auto;font-size:12px;margin:0 0 8px}.agent-markdown pre code{background:none;padding:0;font-size:inherit}.agent-markdown ul,.agent-markdown ol{margin:0 0 10px;padding-left:22px}.agent-markdown ul{list-style:disc}.agent-markdown ol{list-style:decimal}.agent-markdown ul ul{list-style:circle}.agent-markdown li{margin:4px 0;padding-left:2px}.agent-markdown li::marker{color:var(--text-muted)}.agent-markdown ul:last-child,.agent-markdown ol:last-child{margin-bottom:0}.agent-markdown a{color:var(--accent);text-decoration:none}.agent-markdown a:hover{text-decoration:underline}
