.frameChatView{position:fixed;inset:86px 0 0;display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:var(--bg,#0f1113);z-index:2}.frameChatTop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 10px;border-bottom:1px solid var(--line,#2d3238);background:color-mix(in srgb,var(--bg,#0f1113) 94%,transparent);backdrop-filter:blur(14px)}.frameChatTitle{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900;letter-spacing:.02em;min-width:0}.frameChatTitle small{font-size:11px;font-weight:650;color:var(--muted,#8f959a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.frameConnectionDot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8b8f94;box-shadow:0 0 0 3px rgba(139,143,148,.12)}.frameConnectionDot.ok{background:#55bf74;box-shadow:0 0 0 3px rgba(85,191,116,.14)}.frameConnectionDot.bad{background:#c95656;box-shadow:0 0 0 3px rgba(201,86,86,.14)}.frameConnectionDot.wait{background:#c79a55}.frameChatFeed{min-height:0;overflow-y:auto;padding:18px 14px 24px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.frameChatWelcome{display:flex;gap:12px;align-items:flex-start;max-width:680px;margin:auto auto 28px;color:var(--muted,#aeb3b8);padding:18px}.frameChatWelcome strong{display:block;color:var(--text,#f6f7f8);font-size:20px;margin-bottom:6px}.frameChatWelcome p{margin:0;line-height:1.5}.frameChatOrb{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:rgba(196,123,52,.16);color:#d79045;font-size:20px}.frameChatMessage{display:flex;width:100%}.frameChatMessage.fromUser{justify-content:flex-end}.frameChatMessage.fromFrame{justify-content:flex-start}.frameChatBubble{position:relative;max-width:min(84%,680px);border-radius:22px;padding:12px 14px;background:var(--panel2,#202429);border:1px solid var(--line,#343a40)}.fromUser .frameChatBubble{background:rgba(196,123,52,.18);border-color:rgba(196,123,52,.36)}.fromFrame.hasPlan .frameChatBubble{max-width:min(94%,720px);border-color:rgba(196,123,52,.52)}.frameChatTime{display:block;text-align:right;color:var(--muted,#8f959a);font-size:10px;margin:-2px 0 5px}.frameChatText{white-space:pre-wrap;line-height:1.45;font-size:16px}.frameChatPlan{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line,#343a40)}.frameChatPlanRow{padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.035);line-height:1.4}.frameChatPlanRow.dangerPlan{border:1px solid rgba(196,67,67,.48)}.frameChatActions{display:flex;gap:8px;margin-top:11px}.frameChatActions .btn{min-height:42px;padding:10px 14px}.frameChatLinks,.frameChatSources{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.frameChatLinks button,.frameChatSources a{border:1px solid rgba(196,123,52,.5);border-radius:999px;background:rgba(196,123,52,.12);color:var(--text,#f6f7f8);padding:8px 11px;text-decoration:none;font-size:13px;font-weight:800}.frameChatSources a{border-color:var(--line,#343a40);background:transparent;color:var(--muted,#aeb3b8)}.frameChatStatus{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:13px;font-weight:800}.frameChatStatus.applied{color:#68bf80}.frameChatStatus.error{color:#df7777}.frameChatStatus.cancelled{color:var(--muted,#8f959a)}.frameChatStatus button{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;padding:0}.frameThinking .frameChatBubble{padding:11px 14px}.frameThinkingRow{display:flex;align-items:center;gap:6px;color:var(--muted,#aeb3b8);font-size:14px}.frameThinkingRow span{margin-right:2px}.frameThinkingRow i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:frameThink 1.05s infinite ease-in-out}.frameThinkingRow i:nth-child(2){animation-delay:.14s}.frameThinkingRow i:nth-child(3){animation-delay:.28s}.frameThinkingRow i:nth-child(4){animation-delay:.42s}@keyframes frameThink{0%,60%,100%{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:1}}.frameChatComposer{display:grid;grid-template-columns:42px minmax(0,1fr) 42px 42px;gap:7px;align-items:end;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg,#0f1113);border-top:1px solid var(--line,#2d3238)}.frameComposerField{min-width:0}.frameChatComposer textarea{width:100%;min-height:42px;max-height:132px;resize:none;overflow-y:hidden;border:1px solid var(--line,#343a40);border-radius:22px;background:var(--panel,#181b1f);color:var(--text,#f6f7f8);padding:10px 14px;font:inherit;line-height:1.35;box-sizing:border-box}.frameChatComposer textarea:focus{outline:none;border-color:rgba(196,123,52,.65);box-shadow:0 0 0 2px rgba(196,123,52,.10)}.frameVoicePanel{height:42px;border:1px solid rgba(196,123,52,.55);border-radius:22px;background:rgba(196,123,52,.1);display:flex;align-items:center;gap:9px;padding:7px 11px;color:var(--text,#f6f7f8)}.frameVoicePanel[hidden]{display:none}.frameVoicePanel strong{font-size:13px}.frameVoicePanel small{margin-left:auto;color:var(--muted,#aeb3b8);font-variant-numeric:tabular-nums}.frameComposerField.voiceActive textarea{display:none}.frameVoiceBars{height:24px;display:flex;align-items:center;gap:2px}.frameVoiceBars i{display:block;width:2px;height:6px;border-radius:2px;background:#d79045;animation:frameVoiceWave .72s calc(var(--bar)*-.055s) infinite ease-in-out alternate}@keyframes frameVoiceWave{0%{height:4px;opacity:.45}45%{height:20px;opacity:1}100%{height:8px;opacity:.7}}.frameComposerIcon,.frameSendBtn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line,#343a40);background:var(--panel,#181b1f);color:var(--text,#f6f7f8);font-size:20px;padding:0}.frameSendBtn{background:#c47b34;border-color:#c47b34;color:#fff;font-size:24px;font-weight:800}.frameSendBtn:disabled{opacity:.6}.frameComposerIcon.recording{background:#7f2525;border-color:#b84d4d;color:#fff;font-size:16px}.light .frameChatView,.light .frameChatComposer{background:#f4f1eb}.light .frameChatTop{background:rgba(244,241,235,.94)}.light .frameChatBubble{background:#f0ede7}.light .fromUser .frameChatBubble{background:#f3e1cd}.light .frameChatComposer textarea,.light .frameComposerIcon{background:#fff}.light .frameChatPlanRow{background:rgba(0,0,0,.03)}@media(max-width:560px){.frameChatView{inset:78px 0 0}.frameChatFeed{padding:12px 10px 18px}.frameChatBubble{max-width:88%;font-size:16px}.fromFrame.hasPlan .frameChatBubble{max-width:96%}.frameChatComposer{grid-template-columns:40px minmax(0,1fr) 40px 40px;padding-left:10px;padding-right:10px}.frameComposerIcon,.frameSendBtn{width:40px;height:40px}.frameChatComposer textarea,.frameVoicePanel{min-height:40px}.frameChatActions .btn{flex:1}.frameChatTitle small{max-width:34vw}.frameTestButton{font-size:9px!important}}
