.dialog-overlay.svelte-19wk8e{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content.svelte-19wk8e{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dialog-header.svelte-19wk8e{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.dialog-header.svelte-19wk8e h2:where(.svelte-19wk8e){margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button.svelte-19wk8e{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button.svelte-19wk8e:hover{background:#f3f4f6;color:#111827}.dialog-body.svelte-19wk8e{padding:1.5rem;overflow-y:auto}.error-message.svelte-19wk8e{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;margin-bottom:1rem}.login-method-content.svelte-19wk8e{display:flex;flex-direction:column;gap:1rem}.method-description.svelte-19wk8e{margin:0;color:#6b7280;line-height:1.5}.text-input.svelte-19wk8e{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;box-sizing:border-box}.text-input.svelte-19wk8e:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-input.svelte-19wk8e:disabled{background:#f9fafb;cursor:not-allowed}.login-button.svelte-19wk8e{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.login-button.svelte-19wk8e:hover:not(:disabled){background:#2563eb}.login-button.svelte-19wk8e:disabled{opacity:.5;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Monaco,Courier New,monospace;background:#f2f2f2;color:#1a1a1a;height:100vh;overflow:hidden}.container{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.header{padding:20px 24px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;background:#fff}.header-left{display:flex;align-items:center;gap:16px}.logo{font-size:14px;font-weight:600;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.logo-symbol{font-size:10px;color:#666;font-weight:400}.header-controls{display:flex;align-items:center;gap:12px}.icon-button{background:transparent;border:1px solid #e5e5e5;padding:6px 10px;cursor:pointer;font-size:14px;border-radius:2px;transition:all .2s ease;line-height:1;color:#333}.icon-button:hover{background:#fafafa;border-color:#d0d0d0}.icon-button:active{transform:scale(.95)}.status{font-size:11px;color:#999;display:flex;align-items:center;gap:6px;position:relative}.status.hoverable{cursor:pointer}.status.hoverable:hover{color:#666}.status-dot{width:6px;height:6px;background:#666;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.ready{background:#4ade80}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.dashboard{flex:1;display:flex;overflow:hidden}.main-pane{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}input[type=text],select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:2px;background:#f9f9f9;font-family:Monaco,Courier New,monospace;font-size:12px;color:#1a1a1a}input[type=text]:focus,select:focus{outline:none;border-color:#333;background:#fff}button{padding:12px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:2px;font-family:Monaco,Courier New,monospace;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.03em}button:hover{background:#333}button:active{transform:scale(.98)}button:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}.primary-button{width:100%;text-align:center}.secondary-button{width:100%;text-align:center;background:#f0f0f0;color:#333;border:1px solid #e0e0e0}.secondary-button:hover{background:#e5e5e5}.auth-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500}.auth-status:before{content:"";width:8px;height:8px;border-radius:50%}.auth-status.authenticated{background:#e8f5e9;color:#2e7d32}.auth-status.authenticated:before{background:#4caf50}.auth-status.not-authenticated{background:#fff3e0;color:#e65100}.auth-status.not-authenticated:before{background:#ff9800}.auth-username{font-size:11px;color:#666;margin-left:8px}.profile-select-row{margin-bottom:8px}.profile-select{width:100%}.session-row.success{color:#2e7d32;font-size:11px;margin-top:8px}.session-row.error{color:#c62828;font-size:11px;margin-top:8px}.chat-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.chat-area::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.message{display:flex;flex-direction:column;gap:8px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{font-size:11px;color:#999;display:flex;align-items:center;gap:8px}.message-label{font-weight:500;text-transform:uppercase;letter-spacing:.05em}.message-time{color:#ccc}.message-content{padding:16px 18px;background:#fafafa;border:1px solid #f0f0f0;border-radius:2px;font-size:13px;line-height:1.6;color:#333;word-break:break-word}.message.assistant .message-content{background:#fff;border:1px solid #e5e5e5;color:#1a1a1a}.message-content p{margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content h1{font-size:18px}.message-content h2{font-size:16px}.message-content h3{font-size:14px}.message-content h4{font-size:13px}.message-content h5{font-size:12px}.message-content h6{font-size:11px}.message-content code{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:2px;padding:2px 5px;font-family:Monaco,Courier New,monospace;font-size:12px}.message-content pre{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:2px;padding:12px;margin:12px 0;overflow-x:auto}.message-content pre code{background:none;border:none;padding:0;font-size:11px}.message-content ul,.message-content ol{margin:12px 0;padding-left:24px}.message-content li{margin:4px 0}.message-content blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid #e5e5e5;background:#f9f9f9;color:#666}.message-content a{color:#20507a;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;margin:12px 0;width:100%}.message-content th,.message-content td{border:1px solid #e5e5e5;padding:6px 10px;text-align:left}.message-content th{background:#f5f5f5;font-weight:600}.message-content hr{border:none;border-top:1px solid #e5e5e5;margin:16px 0}.message-content img{max-width:100%;height:auto;border-radius:2px;margin:8px 0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ccc}.ascii-logo{font-size:9px;line-height:1.2;color:#e0e0e0;white-space:pre;font-family:Courier New,monospace}.empty-message{font-size:12px;color:#999}.input-area{border-top:1px solid #e5e5e5;padding:16px 24px;background:#fff}.input-container{display:flex;gap:12px;align-items:flex-end}.input-wrapper{flex:1;position:relative}textarea{width:100%;padding:12px 14px;border:1px solid #e5e5e5;background:#fafafa;border-radius:2px;font-family:Monaco,Courier New,monospace;font-size:13px;color:#1a1a1a;resize:none;min-height:44px;max-height:200px;line-height:1.5;transition:all .2s ease}textarea:focus{outline:none;border-color:#333;background:#fff}textarea::placeholder{color:#bbb}.approval-empty{font-size:12px;color:#999}.approval-list{display:flex;flex-direction:column;gap:12px}.approval-card{border:1px solid #e0e0e0;border-radius:3px;background:#fafafa;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:12px}.approval-card__title{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555}.approval-card__command{font-family:Monaco,Courier New,monospace;background:#fff;border:1px solid #e5e5e5;border-radius:2px;padding:6px 8px;font-size:11px;color:#333;word-break:break-all}.approval-card__meta{color:#777;font-size:11px}.approval-card__actions{display:flex;flex-wrap:wrap;gap:8px}.approval-card__actions button{flex:1;min-width:110px}.approval-card__actions button[data-variant=approve]{background:#1f7a4d}.approval-card__actions button[data-variant=session]{background:#20507a}.approval-card__actions button[data-variant=deny]{background:#a6362d}.approval-card__actions button[data-variant=abort]{background:#5b2c83}.approval-card__actions button[data-variant=approve]:hover{background:#236d49}.approval-card__actions button[data-variant=session]:hover{background:#1c4568}.approval-card__actions button[data-variant=deny]:hover{background:#8c2c24}.approval-card__actions button[data-variant=abort]:hover{background:#4c236f}.thinking{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:11px;color:#999;padding:12px 18px}#harmonic-canvas-container{width:100%;height:44px;background:#fff;border:1px solid #f0f0f0;border-radius:2px;overflow:hidden}.thinking-label{color:#999;font-size:11px}.conversations-sidebar{width:280px;background:#fafafa;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;transition:width .3s ease,margin-left .3s ease;overflow:hidden}.conversations-sidebar.folded{width:0;min-width:0;padding:0;border-right:none}.conversations-header{padding:16px 20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;background:#fff}.conversations-header h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#777;margin:0}.fold-button{transition:transform .3s ease}.conversations-sidebar.folded .fold-button{transform:rotate(180deg)}.conversations-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:transparent}.conversations-list::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.conversations-empty{padding:24px 16px;text-align:center;font-size:11px;color:#999}.conversation-item{padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:2px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.conversation-item:hover{background:#f5f5f5;border-color:#d0d0d0}.conversation-item.active{background:#f0f0f0;border-color:#333}.conversation-item__preview{font-size:11px;line-height:1.4;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.conversation-item__timestamp{font-size:10px;color:#999}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.logo[role=button]{cursor:pointer;transition:opacity .2s ease}.logo[role=button]:hover{opacity:.7}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--text-primary: #1a1a1a;--text-secondary: #666;--border-color: #e5e5e5;--border-color-dim: #f0f0f0;--card-bg: #ffffff;--card-bg-hover: #f5f5f5;--accent-color: #333;--accent-color-hover: #555;--accent-color-dim: rgba(51, 51, 51, .1);--success-color: #4caf50;--error-color: #c62828;--error-bg: rgba(198, 40, 40, .1);--warning-color: #e65100;--warning-color-dim: rgba(230, 81, 0, .1)}