.toggle-button.svelte-1q8a4qc{position:fixed;bottom:24px;right:24px;z-index:998;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#1a2a4a,#0d1829);border:2px solid rgba(140,255,222,.3);border-radius:50px;color:#8cffde;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0006,0 0 30px #8cffde1a}.toggle-button.svelte-1q8a4qc:hover{border-color:#8cffde99;box-shadow:0 4px 25px #00000080,0 0 40px #8cffde33;transform:translateY(-2px)}.toggle-button.active.svelte-1q8a4qc{background:linear-gradient(135deg,#1a3a5a,#0d2039);border-color:#8cffde;box-shadow:0 0 30px #8cffde66}.toggle-button.svelte-1q8a4qc .dabba-mark--fab{width:24px;height:24px;object-fit:contain;border-radius:7px;flex-shrink:0;box-shadow:0 0 0 1px #8cffde33}.button-text.svelte-1q8a4qc{font-family:Electrolize,monospace;font-size:14px;font-weight:600;letter-spacing:1px}.overlay-backdrop.svelte-1q8a4qc{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:999;display:flex;justify-content:flex-end;animation:svelte-1q8a4qc-fadeIn .2s ease}@keyframes svelte-1q8a4qc-fadeIn{0%{opacity:0}to{opacity:1}}.panel.svelte-1q8a4qc{width:480px;max-width:100vw;height:100vh;background:linear-gradient(180deg,#0d1829,#0a1220,#0d1829);border-left:2px solid rgba(140,255,222,.2);display:flex;flex-direction:column;animation:svelte-1q8a4qc-slideIn .3s ease;box-shadow:-10px 0 40px #00000080;position:relative}@keyframes svelte-1q8a4qc-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header.svelte-1q8a4qc{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1a2a4a,#0d1829);border-bottom:1px solid rgba(140,255,222,.2)}.header-left.svelte-1q8a4qc{display:flex;align-items:center;gap:12px}.aria-icon.svelte-1q8a4qc{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;animation:svelte-1q8a4qc-pulse 3s ease-in-out infinite;transition:filter .3s}.aria-icon.svelte-1q8a4qc .dabba-mark{width:100%;height:100%;object-fit:contain;border-radius:10px;box-shadow:0 0 0 1px #8cffde26}.aria-icon.svelte-1q8a4qc:not(.connected) .dabba-mark{opacity:.48;filter:grayscale(.2)}.aria-icon.connected.svelte-1q8a4qc .dabba-mark{opacity:1;filter:drop-shadow(0 0 10px rgba(140,255,222,.35))}@keyframes svelte-1q8a4qc-pulse{0%,to{opacity:1}50%{opacity:.72}}@media (prefers-reduced-motion: reduce){.aria-icon.svelte-1q8a4qc{animation:none}}.header-text.svelte-1q8a4qc h2:where(.svelte-1q8a4qc){margin:0;font-family:Electrolize,monospace;font-size:20px;color:#8cffde;letter-spacing:3px}.subtitle.svelte-1q8a4qc{font-size:10px;color:#8cffde80;letter-spacing:.5px}.header-actions.svelte-1q8a4qc{display:flex;gap:8px}.close-button.svelte-1q8a4qc{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(140,255,222,.2);border-radius:4px;color:#8cffde99;cursor:pointer;transition:all .2s}.close-button.svelte-1q8a4qc:hover{background:#ff4c4c33;border-color:#ff4c4c;color:#ff4c4c}.close-button.svelte-1q8a4qc svg:where(.svelte-1q8a4qc){width:16px;height:16px}.context-bar.svelte-1q8a4qc{display:flex;gap:16px;padding:8px 20px;background:#0000004d;border-bottom:1px solid rgba(140,255,222,.1);font-size:11px;flex-wrap:wrap}.context-item.svelte-1q8a4qc{display:flex;gap:4px}.context-item.svelte-1q8a4qc .label:where(.svelte-1q8a4qc){color:#8cffde80}.context-item.svelte-1q8a4qc .value:where(.svelte-1q8a4qc){color:#8cffde;font-family:Electrolize,monospace}.messages-area.svelte-1q8a4qc{flex:1;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.welcome.svelte-1q8a4qc{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#8cffdecc}.welcome.svelte-1q8a4qc p:where(.svelte-1q8a4qc){margin:8px 0;line-height:1.6}.welcome.svelte-1q8a4qc strong:where(.svelte-1q8a4qc){color:#8cffde}.suggestions.svelte-1q8a4qc{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-label.svelte-1q8a4qc{width:100%;font-size:11px;color:#8cffde66;margin-bottom:4px}.suggestion.svelte-1q8a4qc{padding:8px 14px;background:#8cffde1a;border:1px solid rgba(140,255,222,.2);border-radius:20px;color:#8cffde;font-size:12px;cursor:pointer;transition:all .2s}.suggestion.svelte-1q8a4qc:hover{background:#8cffde33;border-color:#8cffde66}.message.svelte-1q8a4qc{display:flex;flex-direction:column;gap:6px;max-width:95%}.message.user.svelte-1q8a4qc{align-self:flex-end}.message.assistant.svelte-1q8a4qc{align-self:flex-start}.message-header.svelte-1q8a4qc{display:flex;align-items:center;gap:8px;font-size:10px}.sender.svelte-1q8a4qc{color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.sender.aria.svelte-1q8a4qc{color:#8cffde}.model-tag.svelte-1q8a4qc{padding:2px 6px;background:#8cffde1a;border-radius:3px;font-size:9px;color:#8cffde80}.message-content.svelte-1q8a4qc{padding:12px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message.user.svelte-1q8a4qc .message-content:where(.svelte-1q8a4qc){background:#4c5b8e4d;border:1px solid rgba(76,91,142,.4);color:#ffffffe6}.message.assistant.svelte-1q8a4qc .message-content:where(.svelte-1q8a4qc){background:linear-gradient(135deg,#8cffde14,#8cffde08);border:1px solid rgba(140,255,222,.15);color:#ffffffe6}.message.streaming.svelte-1q8a4qc .message-content:where(.svelte-1q8a4qc){border-color:#8cffde4d}.streaming-indicator.svelte-1q8a4qc,.thinking.svelte-1q8a4qc{display:flex;gap:4px}.streaming-indicator.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc),.thinking.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc){width:6px;height:6px;background:#8cffde;border-radius:50%;animation:svelte-1q8a4qc-bounce 1.4s ease-in-out infinite}.streaming-indicator.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc):nth-child(2),.thinking.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc):nth-child(2){animation-delay:.2s}.streaming-indicator.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc):nth-child(3),.thinking.svelte-1q8a4qc .dot:where(.svelte-1q8a4qc):nth-child(3){animation-delay:.4s}@keyframes svelte-1q8a4qc-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.error-message.svelte-1q8a4qc{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ff4c4c1a;border:1px solid rgba(255,76,76,.3);border-radius:8px;color:#ff4c4c;font-size:13px}.error-message.svelte-1q8a4qc svg:where(.svelte-1q8a4qc){width:20px;height:20px;flex-shrink:0}.error-message.svelte-1q8a4qc span:where(.svelte-1q8a4qc){flex:1}.error-message.svelte-1q8a4qc button:where(.svelte-1q8a4qc){padding:4px 10px;background:transparent;border:1px solid rgba(255,76,76,.4);border-radius:4px;color:#ff4c4c;font-size:11px;cursor:pointer}.error-message.svelte-1q8a4qc button:where(.svelte-1q8a4qc):hover{background:#ff4c4c33}.controls-bar.svelte-1q8a4qc{display:flex;align-items:center;gap:18px;padding:8px 20px;background:#00000040;border-top:1px solid rgba(140,255,222,.08)}.control-group.svelte-1q8a4qc{display:flex;align-items:center;gap:8px}.control-label.svelte-1q8a4qc{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8cffde73}.preset-buttons.svelte-1q8a4qc{display:flex;gap:2px}.preset-buttons.svelte-1q8a4qc button:where(.svelte-1q8a4qc){padding:4px 10px;background:#0000004d;border:1px solid rgba(140,255,222,.15);color:#8cffde99;font-size:11px;font-family:Electrolize,monospace;cursor:pointer;transition:all .15s}.preset-buttons.svelte-1q8a4qc button:where(.svelte-1q8a4qc):first-child{border-radius:5px 0 0 5px}.preset-buttons.svelte-1q8a4qc button:where(.svelte-1q8a4qc):last-child{border-radius:0 5px 5px 0}.preset-buttons.svelte-1q8a4qc button:where(.svelte-1q8a4qc):not(:last-child){border-right:none}.preset-buttons.svelte-1q8a4qc button:where(.svelte-1q8a4qc):hover{background:#8cffde14;color:#8cffde}.preset-buttons.svelte-1q8a4qc button.active:where(.svelte-1q8a4qc){background:#8cffde2e;border-color:#8cffde80;color:#8cffde}.control-group.svelte-1q8a4qc select:where(.svelte-1q8a4qc){padding:4px 8px;background:#0006;border:1px solid rgba(140,255,222,.15);border-radius:5px;color:#8cffde;font-size:11px;font-family:Electrolize,monospace;cursor:pointer;outline:none}.control-group.svelte-1q8a4qc select:where(.svelte-1q8a4qc):focus{border-color:#8cffde66}.input-area.svelte-1q8a4qc{display:flex;gap:8px;padding:16px 20px;background:#0000004d;border-top:1px solid rgba(140,255,222,.1)}.input-area.svelte-1q8a4qc input:where(.svelte-1q8a4qc){flex:1;padding:12px 16px;background:#0006;border:1px solid rgba(140,255,222,.2);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .2s}.input-area.svelte-1q8a4qc input:where(.svelte-1q8a4qc):focus{border-color:#8cffde80}.input-area.svelte-1q8a4qc input:where(.svelte-1q8a4qc)::placeholder{color:#ffffff4d}.input-area.svelte-1q8a4qc input:where(.svelte-1q8a4qc):disabled{opacity:.5;cursor:not-allowed}.send-button.svelte-1q8a4qc{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3a5a,#0d2039);border:1px solid rgba(140,255,222,.3);border-radius:8px;color:#8cffde;cursor:pointer;transition:all .2s}.send-button.svelte-1q8a4qc:hover:not(:disabled){background:linear-gradient(135deg,#1a4a6a,#0d3049);border-color:#8cffde;box-shadow:0 0 20px #8cffde33}.send-button.svelte-1q8a4qc:disabled{opacity:.4;cursor:not-allowed}.send-button.svelte-1q8a4qc svg:where(.svelte-1q8a4qc){width:20px;height:20px}.cancel-button.svelte-1q8a4qc{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ff4c4c26;border:1px solid rgba(255,76,76,.4);border-radius:8px;color:#ff4c4c;font-size:14px;cursor:pointer;transition:all .2s}.cancel-button.svelte-1q8a4qc:hover{background:#ff4c4c40;border-color:#ff4c4c}.cancel-button.svelte-1q8a4qc svg:where(.svelte-1q8a4qc){width:18px;height:18px}.panel-footer.svelte-1q8a4qc{padding:8px 20px;background:#0003;border-top:1px solid rgba(140,255,222,.05);text-align:center}.model-info-bar.svelte-1q8a4qc{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px;font-family:Electrolize,monospace;font-size:9px;letter-spacing:.5px}.model-info-label.svelte-1q8a4qc{color:#8cffde59;font-weight:700;text-transform:uppercase;font-size:8px}.model-info-value.svelte-1q8a4qc{color:#8cffde99}.model-info-separator.svelte-1q8a4qc{color:#8cffde33}.hint.svelte-1q8a4qc{font-size:10px;color:#8cffde4d}kbd.svelte-1q8a4qc{padding:2px 6px;background:#8cffde1a;border:1px solid rgba(140,255,222,.2);border-radius:3px;font-family:monospace;font-size:10px}@media (max-width: 480px){.panel.svelte-1q8a4qc{width:100vw}.toggle-button.svelte-1q8a4qc{bottom:16px;right:16px;padding:10px 14px}.button-text.svelte-1q8a4qc{display:none}}