.app{height:var(--app-h);display:flex;overflow:hidden}.workspace{flex:1;min-width:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}#activeTitle{display:inline-block}.title-wave{color:var(--accent)}@keyframes syn-title-swap{0%{opacity:0;transform:translateY(5px) scale(.97);filter:blur(3px)}65%{opacity:1;transform:translateY(-1px) scale(1.01);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--text-2);font-size:21px}.icon-button:hover{background:var(--surface-2)}.chat{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:0 max(16px,calc((100% - 760px)/2))}.chat.has-messages{padding-top:20px}.chat:not(.has-messages){overflow:hidden}.empty-state{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 0}.empty-state h1{margin:17px 0 8px;font:700 16px/1.4 var(--mono);letter-spacing:-.035em}.messages{display:grid;align-content:start;grid-auto-rows:max-content;gap:14px;padding-bottom:8px}.composer-zone{min-width:0;padding:10px max(12px,calc((100% - 760px)/2)) var(--dock-gap);background:linear-gradient(transparent 0,var(--bg) 32%)}.composer{min-width:0;border-radius:var(--radius-md);box-shadow:0 18px 55px #463e3224}.steer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-bottom:6px;padding:4px 4px 4px 12px;border:1px solid var(--accent-soft);border-radius:999px;background:var(--surface-2)}.steer input{min-width:0;height:34px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.steer input::placeholder{color:var(--muted)}.steer-send{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--accent);color:#fff}.steer-send svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.steer-send:disabled{opacity:.5}.composer-content{position:relative;z-index:3;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:9px 10px 8px}.composer textarea{width:100%;min-height:42px;font-size:16px;line-height:1.35;padding:9px 6px 2px;border:0;outline:0;resize:none;background:transparent;color:var(--text);field-sizing:content;max-height:40vh}.composer textarea::placeholder{color:var(--muted)}.composer-actions{display:flex;align-items:center;gap:7px;min-height:36px;min-width:0}.chip{display:flex;align-items:center;gap:5px;height:34px;min-width:0;padding:0 11px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text-2);font:11px var(--mono);transition:background .16s ease}.chip:hover{background:var(--surface-3)}.chip:focus-visible{outline:0;box-shadow:0 0 0 3px var(--accent-glow)}.chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-model{flex:0 1 auto}.chip-sub{flex:0 0 auto;padding:2px 5px;border-radius:5px;background:var(--accent-soft);color:var(--accent-strong);font:9px var(--mono)}.chip-mode{flex:0 0 auto;margin-right:auto}.chip-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--muted)}.composer.agent-mode .chip-mode{background:var(--accent-soft);color:var(--accent-strong)}.composer.agent-mode .chip-dot{background:var(--accent)}.composer-button{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--text-2);font-size:21px}.composer-button:hover{background:var(--surface-2)}.send-button,.stop-button{display:grid;place-items:center;width:68px;min-width:68px;height:34px;border:0;border-radius:10px;background:var(--accent);color:#fff;box-shadow:0 7px 18px var(--accent-glow);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.send-button:hover,.stop-button:hover{background:var(--accent-hover);transform:scale(1.04)}.send-button:active{transform:scale(.92)}.send-button svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.send-button.is-running svg{display:none}.send-button.is-running:before{content:"";display:block;width:10px;height:10px;border-radius:2px;background:#fff;animation:stop-dot-pulse 1s ease-in-out infinite}@keyframes stop-dot-pulse{0%,to{transform:scale(.68);opacity:.72}50%{transform:scale(1);opacity:1}}.chat-list{display:grid;gap:3px}.chat-row{display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:3px}.chat-item{min-width:0;width:100%;padding:9px;border:0;border-radius:13px;background:transparent;color:var(--muted);text-align:left;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover,.chat-item.active{background:var(--surface-3);color:var(--text)}.chat-busy{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);animation:syn-pulse 1.6s ease-in-out infinite}.chat-item.is-busy{color:var(--text)}.chat-delete{width:27px;height:27px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:16px/1 var(--sans);opacity:.35;transition:opacity .16s ease,background .16s ease,color .16s ease}.chat-delete:hover,.chat-delete:focus-visible{opacity:1;background:var(--surface-3);color:var(--red);outline:0}