.chat-workspace{grid-template-columns:260px minmax(0,1fr);gap:16px;padding:28px 0 64px;display:grid}.chat-workspace .checkout-banner{border:1px solid var(--line);background:#ffffff06;border-radius:10px;grid-column:1/-1;align-items:center;gap:12px;padding:12px 15px;font-size:13px;line-height:1.5;display:flex}.chat-workspace .checkout-banner .banner-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.chat-workspace .checkout-banner p{color:var(--muted-strong);flex:1;margin:0}.chat-workspace .checkout-banner button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;transition:color .2s,border-color .2s}.chat-workspace .checkout-banner button:hover{color:#fff;border-color:var(--muted)}.chat-workspace .checkout-banner.confirming{background:#1a73e814;border-color:#60a5fa4d}.chat-workspace .checkout-banner.confirming .banner-mark{color:#93c5fd;background:#1a73e82e}.chat-workspace .checkout-banner.success{background:#22c55e14;border-color:#22c55e52}.chat-workspace .checkout-banner.success .banner-mark{color:#4ade80;background:#22c55e2e}.chat-workspace .checkout-banner.pending{background:#fbbf2412;border-color:#fbbf2452}.chat-workspace .checkout-banner.pending .banner-mark{color:#fcd34d;background:#fbbf2429}.chat-workspace .sidebar{flex-direction:column;gap:12px;display:flex}.chat-workspace .sidebar .credit-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:9px;padding:18px;display:flex}.chat-workspace .sidebar .credit-card .card-heading{align-items:center;gap:8px;display:flex}.chat-workspace .sidebar .credit-card .card-heading .status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #22c55eb3}.chat-workspace .sidebar .credit-card .card-heading span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.chat-workspace .sidebar .credit-card>strong{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:38px;line-height:1}.chat-workspace .sidebar .credit-card small{color:var(--muted);margin-bottom:5px;font-size:11px}.chat-workspace .sidebar .thread-list{flex-direction:column;gap:4px;max-height:300px;display:flex;overflow-y:auto}.chat-workspace .sidebar .thread-list button{min-height:40px;color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 12px;font-size:12px;transition:background .2s,border-color .2s,color .2s;overflow:hidden}.chat-workspace .sidebar .thread-list button:hover{color:var(--muted-strong);background:#ffffff08}.chat-workspace .sidebar .thread-list button.active{border-color:var(--line);color:#fff;background:#ffffff0e}.chat-workspace .sidebar .activity-card{border:1px solid var(--line);background:#ffffff06;border-radius:10px;margin-top:auto;padding:16px}.chat-workspace .sidebar .activity-card h2{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:11px}.chat-workspace .sidebar .activity-card .activity-list{flex-direction:column;gap:10px;display:flex}.chat-workspace .sidebar .activity-card .activity-list div{color:var(--muted);text-transform:capitalize;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.chat-workspace .sidebar .activity-card .activity-list div strong{color:var(--muted-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chat-workspace .sidebar .activity-card .activity-list p{color:var(--muted);font-size:11px}.chat-workspace .chat-panel{border:1px solid var(--line);min-width:0;min-height:720px;max-height:calc(100vh - 124px);box-shadow:var(--shadow);background:#ffffff06;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.chat-workspace .chat-panel>header{border-bottom:1px solid var(--line);background:#ffffff04;padding:20px 22px}.chat-workspace .chat-panel>header .workspace-label{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chat-workspace .chat-panel>header .workspace-label .status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #22c55eb3}.chat-workspace .chat-panel>header .workspace-label span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.chat-workspace .chat-panel>header h1{margin-bottom:5px;font-size:22px;font-weight:650;line-height:1.25}.chat-workspace .chat-panel>header p{color:var(--muted);font-size:12px;line-height:1.6}.chat-workspace .chat-panel .messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chat-workspace .chat-panel .messages .empty-state{text-align:center;max-width:480px;margin:auto}.chat-workspace .chat-panel .messages .empty-state .empty-mark{color:#60a5fa;background:#1a73e814;border:1px solid #1a73e847;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.chat-workspace .chat-panel .messages .empty-state h2{margin-bottom:9px;font-size:22px}.chat-workspace .chat-panel .messages .empty-state p{color:var(--muted);font-size:13px;line-height:1.7}.chat-workspace .chat-panel .messages .message{border:1px solid var(--line);white-space:pre-wrap;border-radius:12px;max-width:min(760px,86%);padding:13px 15px;font-size:13px;line-height:1.7}.chat-workspace .chat-panel .messages .message.user{color:var(--muted-strong);background:#ffffff0d;align-self:flex-end}.chat-workspace .chat-panel .messages .message.assistant{color:#ffffffd6;background:#1a73e814;border-color:#1a73e838;align-self:flex-start}.chat-workspace .chat-panel .messages .message.assistant .streaming-loader{align-items:center;gap:4px;height:18px;display:inline-flex}.chat-workspace .chat-panel .messages .message.assistant .streaming-loader .dot{background-color:#fff9;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite both streaming-bounce}.chat-workspace .chat-panel .messages .message.assistant .streaming-loader .dot:first-child{animation-delay:-.32s}.chat-workspace .chat-panel .messages .message.assistant .streaming-loader .dot:nth-child(2){animation-delay:-.16s}.chat-workspace .chat-panel .error-bar{color:#fca5a5;background:#f871710e;border:1px solid #f8717133;border-radius:8px;justify-content:space-between;gap:12px;margin:0 18px 12px;padding:11px 13px;font-size:12px;display:flex}.chat-workspace .chat-panel .error-bar a{color:#60a5fa;font-weight:700}.chat-workspace .chat-panel .composer{border-top:1px solid var(--line);background:#00000024;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;display:grid}.chat-workspace .chat-panel .composer label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chat-workspace .chat-panel .composer textarea{border:1px solid var(--line);width:100%;min-height:62px;max-height:180px;color:var(--foreground);resize:vertical;background:#ffffff09;border-radius:9px;outline:none;padding:12px 13px;transition:border-color .2s,box-shadow .2s}.chat-workspace .chat-panel .composer textarea::placeholder{color:#ffffff4d}.chat-workspace .chat-panel .composer textarea:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #1a73e817}.chat-workspace .chat-panel .composer button{align-self:end}@media (max-width:900px){.chat-workspace{grid-template-columns:1fr}.chat-workspace .sidebar{grid-template-columns:minmax(0,1fr) auto;display:grid}.chat-workspace .sidebar .credit-card{grid-area:1/1/3}.chat-workspace .sidebar .thread-list,.chat-workspace .sidebar .activity-card{grid-column:1/-1}.chat-workspace .chat-panel{min-height:650px;max-height:none}}@media (max-width:620px){.chat-workspace{width:min(100% - 20px,1160px);padding-top:16px}.chat-workspace .sidebar{grid-template-columns:1fr}.chat-workspace .sidebar .credit-card,.chat-workspace .sidebar .thread-list,.chat-workspace .sidebar .activity-card{grid-area:auto/1}.chat-workspace .chat-panel{border-radius:10px}.chat-workspace .chat-panel .messages{padding:16px 12px}.chat-workspace .chat-panel .messages .message{max-width:94%}.chat-workspace .chat-panel .composer{grid-template-columns:1fr}.chat-workspace .chat-panel .composer button{width:100%}}@keyframes streaming-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}