.inline-chat{display:flex;flex-direction:column;gap:.75rem;min-height:0;min-width:0;color:var(--color-text);background:var(--app-surface)}.inline-chat-header,.inline-chat-actions{display:flex;align-items:center;gap:.65rem}.inline-chat-header-actions{display:flex;align-items:center;gap:.4rem}.inline-chat-header{justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--app-border)}.inline-chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent;padding:0 1rem;display:flex;flex-direction:column;gap:1rem;max-height:24rem}.inline-chat-message{padding:.7rem .85rem;background:var(--surface-1);border-radius:.75rem;max-width:100%;min-width:0}.inline-chat-message.is-user{align-self:flex-end;background:var(--app-surface);border:1px solid var(--app-border)}.inline-chat-message>strong{font-size:.75rem}.inline-chat-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;margin-top:.25rem}.inline-chat-composer{border:1px solid var(--control-border);border-radius:1rem;padding:.65rem .85rem;background:var(--app-surface)}.inline-chat-textarea{display:block;width:100%;border:0;resize:vertical;min-height:5rem;max-height:15rem;background:transparent;color:var(--color-text);caret-color:var(--color-text);line-height:1.5}.inline-chat-textarea::placeholder{color:var(--ink-2,var(--color-text))}.inline-chat-textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.inline-chat-actions{padding-top:.5rem}.inline-chat-actions>small{color:var(--ink-2,var(--color-text));font-size:.7rem;flex:1;min-width:0}.inline-chat-icon,.inline-chat-attach{display:inline-flex;align-items:center;justify-content:center;position:relative;border:1px solid transparent;border-radius:.5rem;min-width:2.25rem;min-height:2.25rem;background:transparent;color:var(--color-text);cursor:pointer}.inline-chat-attach{overflow:hidden;flex:none}.inline-chat-attach input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.inline-chat-icon:hover:not(:disabled),.inline-chat-attach:hover:not(.is-disabled){background:var(--surface-1);border-color:var(--control-border)}.inline-chat-icon:focus-visible,.inline-chat-attach:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.inline-chat-icon:disabled,.inline-chat-attach.is-disabled{opacity:.45;cursor:default}.inline-chat-send{background:var(--color-text);color:var(--app-surface);border-radius:50%}.inline-chat-send:hover:not(:disabled){background:var(--ink-2,var(--color-text));color:var(--app-surface)}.inline-chat-file-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.inline-chat-file-list li{display:flex;align-items:center;gap:.45rem;max-width:100%;min-width:0;border:1px solid var(--control-border);border-radius:.5rem;padding:.15rem .5rem;font-size:.75rem}.inline-chat-file-list li>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15rem}.inline-chat-file-list small{white-space:nowrap;color:var(--ink-2,var(--color-text))}.inline-chat-file-list .inline-chat-icon{min-width:1.75rem;min-height:1.75rem}.inline-chat-pending-files{max-height:8rem;overflow-y:auto}.inline-chat-error{color:var(--status-error);white-space:pre-wrap;overflow-wrap:anywhere;padding:0 1rem;margin:0}.inline-chat-status{color:var(--ink-2,var(--color-text));font-size:.75rem;padding:0 1rem;margin:0}.studio-inline-chat-shell{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.studio-inline-chat-shell>.studio-workspace,.studio-inline-chat-shell>.expression-workspace,.studio-inline-chat-shell>.ui-workspace,.studio-inline-chat-shell>.ui-expression-layout{flex:1;min-width:0;min-height:0}.studio-inline-chat-pane{flex:0 0 clamp(19rem,28vw,27rem);min-height:0;overflow-y:auto;border-left:1px solid var(--app-border);background:var(--app-surface);padding:.75rem}.studio-inline-chat-pane .inline-chat-messages{max-height:none;flex:1}.studio-inline-chat-pane .inline-chat{height:100%}.studio-inline-chat-pane .inline-chat-composer{margin-top:auto}.moka-chat-v2{min-width:0;grid-column:auto;align-self:end;border-radius:1rem;overflow:hidden}.moka-chat-v2 .inline-chat-messages{max-height:15rem}.moka-chat-dialog{position:fixed;inset:0;z-index:2200;background:rgb(0 0 0/.45);display:flex;align-items:center;justify-content:center;padding:1rem}.moka-chat-dialog-content{width:min(56rem,100%);max-height:calc(100dvh - 2rem);overflow:hidden;background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem;padding:1rem}.moka-chat-dialog-content .inline-chat-messages{max-height:55dvh}@media(max-width:900px){.studio-inline-chat-shell{flex-direction:column;overflow-y:auto}.studio-inline-chat-pane{flex:0 0 auto;max-height:55dvh;border-left:0;border-top:1px solid var(--app-border)}.studio-inline-chat-pane .inline-chat-messages{max-height:20rem}.moka-chat-v2{grid-column:1/-1}.inline-chat-file-list li>span{max-width:10rem}}
.studio-inline-chat-editor{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.studio-inline-chat-editor>.studio-body,.studio-inline-chat-editor>.studio-declarations,.studio-inline-chat-editor>.es-workbench,.studio-inline-chat-editor>.uies-workbench,.studio-inline-chat-editor>.ui-body{flex:1;min-height:0}@media(max-width:900px){.studio-inline-chat-editor{flex:none;min-height:30rem}}
.inline-chat-message-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.inline-chat-message-header>strong{font-size:.75rem}.inline-chat-message-header .inline-chat-icon{flex:none;min-width:2rem;min-height:2rem}.inline-chat-message.is-reasoning .inline-chat-message-header>strong{font-weight:500}.inline-chat-next-actions{padding:.25rem 0 .5rem}.inline-chat-next-actions>strong{font-size:.85rem}.inline-chat-next-actions .inline-chat-choices{margin-top:.5rem}.inline-chat-choices button{cursor:pointer;overflow-wrap:anywhere;max-width:100%;line-height:1.45}.inline-chat-choices button:disabled{opacity:.45;cursor:default}
@media(max-width:900px){.studio-inline-chat-shell:has(.studio-inline-chat-pane){overflow:hidden}.studio-inline-chat-shell:has(.studio-inline-chat-pane)>.studio-inline-chat-editor{flex:1;min-height:0;overflow:hidden}.studio-inline-chat-shell:has(.studio-inline-chat-pane)>.studio-inline-chat-pane{flex:0 0 45%;max-height:55dvh;overflow:auto}.studio-inline-chat-pane .inline-chat-header{padding:.4rem}.studio-inline-chat-pane .inline-chat-textarea{min-height:3rem;max-height:7rem}}
.inline-chat-message.is-reasoning{background:transparent;color:var(--ink-2,var(--color-text));padding:.2rem .85rem;font-size:.85rem}.inline-chat-message.is-reasoning>strong{font-weight:500}.inline-chat-status{display:flex;align-items:flex-start;gap:.5rem;line-height:1.55;font-variant-numeric:tabular-nums}.inline-chat-status-icon{flex:none;width:1rem;text-align:center;line-height:inherit}.inline-chat-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.inline-chat-choices button{padding:.4rem .75rem;border:1px solid var(--control-border);border-radius:.5rem;background:var(--app-surface);color:var(--color-text);text-align:left}.inline-chat-choices button:hover:not(:disabled){background:var(--surface-1)}.inline-chat-choices button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.inline-chat-textarea::selection,.inline-chat-message-text::selection{background:var(--brand-strong);color:var(--app-surface)}
.inline-chat-messages[hidden]{display:none}.inline-chat-messages>*{flex-shrink:0}.inline-chat-activity{display:flex;flex-direction:column;gap:.65rem;min-width:0}.inline-chat-composer.is-docked{box-sizing:border-box;display:flex;flex-direction:column;gap:0;width:100%;height:var(--moka-composer-height,10rem);min-height:var(--moka-composer-height,10rem);max-height:var(--moka-composer-height,10rem);margin:0;overflow:hidden;color:var(--color-text)}.inline-chat-composer.is-docked .inline-chat-textarea{flex:1 1 0;min-height:2rem;max-height:none;height:0;resize:none;field-sizing:fixed;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}.inline-chat-composer.is-docked .inline-chat-actions{flex:none}.inline-chat-composer.is-docked .inline-chat-pending-files{flex:0 1 auto;min-height:0;max-height:3rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}
.inline-chat-status-view{display:grid;gap:.35rem;min-width:0;padding:0 1rem}.inline-chat-status-view>.inline-chat-status{padding:0}.inline-chat-reasoning{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:.35rem 1rem;border-radius:.5rem;background:transparent;color:var(--color-text);opacity:.6;font-size:.8125rem;line-height:1.55;white-space:nowrap}.inline-chat-reasoning:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.inline-chat-reasoning-text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}.inline-chat-reasoning-text::selection{background:var(--selection-bg);color:var(--selection-text)}
.inline-chat-message.is-web-search{display:flex;align-items:flex-start;gap:.5rem;background:transparent;color:var(--ink-2,var(--color-text));padding:.2rem .85rem;font-size:.8125rem;line-height:1.55}.inline-chat-message.is-web-search>.fa{flex:none;width:1rem;text-align:center;line-height:inherit}.inline-chat .inline-chat-message.is-web-search .inline-chat-message-text{flex:1;min-width:0;margin-top:0;white-space:normal}
.studio-chat .inline-chat-message.is-user{box-sizing:border-box;width:fit-content;max-width:85%;background:var(--surface-3);border:1px solid var(--control-border)}.studio-chat .inline-chat-message.is-user .inline-chat-message-text{max-height:7.75em;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--control-border) transparent}.studio-chat .inline-chat-message.is-assistant:where(:not(.is-question,.is-reasoning,.is-web-search)){box-sizing:border-box;align-self:stretch;width:100%;max-width:100%;background:var(--brand-soft);color:var(--color-text)}.studio-chat .inline-chat-message.is-question{box-sizing:border-box;align-self:flex-start;width:fit-content;max-width:85%;background:color-mix(in srgb,var(--surface-3) 75%,var(--action-bg));color:var(--color-text);border:1px solid var(--control-border)}.studio-chat .inline-chat-message.is-question .inline-chat-icon{color:inherit}.studio-chat .inline-chat-message.is-question .inline-chat-icon:hover:not(:disabled){color:var(--color-text)}