.conv-panel{border-left:1px solid var(--openui-border-default);background:var(--openui-background);flex-direction:column;width:360px;min-width:360px;display:flex}.conv-header{padding:var(--openui-space-m)var(--openui-space-m-l);border-bottom:1px solid var(--openui-border-default);color:var(--openui-text-neutral-primary);font-size:13px;font-weight:600;font-family:var(--openui-font-body);justify-content:space-between;align-items:center;display:flex}.conv-collapse-btn{border-radius:var(--openui-radius-s);width:24px;height:24px;color:var(--openui-text-neutral-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.conv-collapse-btn:hover{background:var(--openui-highlight);color:var(--openui-text-neutral-primary)}.conv-collapsed{padding:var(--openui-space-m)var(--openui-space-xs);border-left:1px solid var(--openui-border-default);background:var(--openui-background);flex-direction:column;align-items:center;display:flex}.conv-expand-btn{align-items:center;gap:var(--openui-space-s);padding:var(--openui-space-s);border-radius:var(--openui-radius-m);color:var(--openui-text-neutral-tertiary);cursor:pointer;background:0 0;border:none;flex-direction:column;transition:background-color .15s,color .15s;display:flex}.conv-expand-btn:hover{background:var(--openui-highlight);color:var(--openui-text-neutral-primary)}.conv-badge{background:var(--openui-interactive-accent-default);color:var(--openui-text-accent-primary);border-radius:var(--openui-radius-full);min-width:18px;height:18px;font-size:10px;font-weight:600;font-family:var(--openui-font-body);justify-content:center;align-items:center;padding:0 4px;display:flex}.conv-messages{padding:var(--openui-space-m)var(--openui-space-m-l);flex:1;overflow:auto}.conv-msg{margin-bottom:var(--openui-space-m)}.conv-user-bubble{background:var(--openui-chat-user-response-bg);color:var(--openui-chat-user-response-text);padding:var(--openui-space-s)var(--openui-space-m);border-radius:var(--openui-radius-l);box-shadow:var(--openui-shadow-s);font-size:13px;line-height:1.4;font-family:var(--openui-font-body);margin-left:40px}.conv-assistant{margin-right:var(--openui-space-xl)}.conv-assistant-bubble{background:var(--openui-chat-assistant-response-bg);border:1px solid var(--openui-border-default);padding:var(--openui-space-s)var(--openui-space-m);border-radius:var(--openui-radius-l);color:var(--openui-chat-assistant-response-text);font-size:13px;line-height:1.5;font-family:var(--openui-font-body)}.conv-tools-badge{padding:var(--openui-space-xs)var(--openui-space-s-m);border-radius:var(--openui-radius-m);margin-bottom:var(--openui-space-xs);font-size:11px;font-family:var(--openui-font-body)}.conv-tools-runtime{background:var(--openui-success-background);border:1px solid var(--openui-border-success)}.conv-tools-live{background:var(--openui-highlight-subtle);border:1px solid var(--openui-border-default)}.conv-tools-label{color:var(--openui-text-success-primary);align-items:center;gap:var(--openui-space-2xs);margin-bottom:3px;font-weight:600;display:flex}.conv-tools-label-text{color:var(--openui-text-neutral-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.conv-tools-list{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.conv-tool-chip{padding:1px var(--openui-space-xs);border-radius:var(--openui-radius-xs);font-size:10px;font-family:var(--openui-font-code)}.conv-tool-done{background:var(--openui-success-background);color:var(--openui-text-success-primary)}.conv-tool-pending{background:var(--openui-alert-background);color:var(--openui-text-alert-primary)}.conv-tool-error{background:var(--openui-danger-background);color:var(--openui-text-danger-primary)}.conv-code-badge{align-items:center;gap:var(--openui-space-2xs);padding:var(--openui-space-3xs)var(--openui-space-s);border-radius:var(--openui-radius-m);background:var(--openui-success-background);color:var(--openui-text-success-primary);margin-top:var(--openui-space-2xs);font-size:11px;font-family:var(--openui-font-body);display:inline-flex}.conv-code-updating{background:var(--openui-purple-background);color:var(--openui-text-purple-primary)}.conv-thinking{background:var(--openui-chat-assistant-response-bg);border:1px solid var(--openui-border-default);padding:var(--openui-space-s)var(--openui-space-m);border-radius:var(--openui-radius-l);color:var(--openui-text-neutral-secondary);font-size:13px;font-family:var(--openui-font-body)}.conv-empty{color:var(--openui-text-neutral-tertiary);font-size:12px;font-style:italic}.conv-input-area{padding:var(--openui-space-m)var(--openui-space-m-l);border-top:1px solid var(--openui-border-default);background:var(--openui-foreground)}.conv-input-row{gap:var(--openui-space-s);display:flex}.conv-input{padding:var(--openui-space-s)var(--openui-space-m);border:1px solid var(--openui-border-default);border-radius:var(--openui-radius-m);background:var(--openui-sunk);color:var(--openui-text-neutral-primary);font-size:13px;font-family:var(--openui-font-body);outline:none;flex:1;transition:border-color .15s,box-shadow .15s}.conv-input:focus-visible{border-color:var(--openui-border-interactive-emphasis);box-shadow:0 0 0 3px color-mix(in srgb,var(--openui-border-accent-emphasis)22%,transparent)}.openui-icon-button.conv-send-btn,.openui-icon-button.conv-stop-btn{border-radius:var(--openui-radius-m);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .15s,color .15s,border-color .15s;display:flex}.openui-icon-button.conv-send-btn:focus-visible,.openui-icon-button.conv-stop-btn:focus-visible{outline:2px solid var(--openui-border-accent);outline-offset:2px}.openui-icon-button.conv-send-btn{background:var(--openui-interactive-accent-default);color:var(--openui-text-accent-primary)}.openui-icon-button.conv-send-btn:hover:not(:disabled){background:var(--openui-interactive-accent-hover)}.openui-icon-button.conv-send-btn:disabled{opacity:.4;cursor:not-allowed}.openui-icon-button.conv-stop-btn{background:var(--openui-highlight-subtle);color:var(--openui-text-neutral-secondary);border:1px solid var(--openui-border-default)}.openui-icon-button.conv-stop-btn:hover:not(:disabled){background:var(--openui-highlight);color:var(--openui-text-neutral-primary);border-color:var(--openui-border-interactive)}@media (max-width:768px){.conv-panel{border-left:none;border-top:1px solid var(--openui-border-default);width:100%;min-width:0;max-height:300px}.conv-collapsed{display:none}}
.gh-connect{--gh-chip-font:var(--openui-text-label-sm);--gh-chip-font-heavy:var(--openui-text-label-sm-heavy);width:min(100%,1120px);padding:clamp(40px,8vh,88px)var(--openui-space-xl)clamp(48px,8vh,88px);justify-content:center;margin:0 auto;display:flex}.gh-builder{align-items:center;gap:var(--openui-space-3xl);flex-direction:column;width:min(100%,980px);display:flex}.gh-builder-copy{align-items:center;gap:var(--openui-space-s);text-align:center;flex-direction:column;max-width:900px;display:flex}.gh-builder-title{align-items:center;gap:var(--openui-space-s);color:var(--openui-text-neutral-primary);font-family:var(--openui-font-body);text-wrap:balance;letter-spacing:-.02em;flex-direction:column;margin:0;font-size:32px;font-weight:500;line-height:1.4;display:flex}.gh-builder-inline{justify-content:center;align-items:center;gap:var(--openui-space-m);flex-wrap:wrap;display:flex}.gh-builder-inline-single{width:100%}.gh-inline-copy{color:var(--openui-text-neutral-secondary)}.gh-inline-input,.gh-inline-select-wrap{justify-content:center;align-items:center;gap:var(--openui-space-s);max-width:100%;padding:0 0 var(--openui-space-s);border-bottom:1px solid var(--openui-border-interactive);transition:border-color .15s,color .15s;display:inline-flex;position:relative}.gh-inline-input:focus-within,.gh-inline-select-wrap:focus-within{border-bottom-color:var(--openui-border-interactive-emphasis)}.gh-inline-input{width:fit-content}.gh-inline-input-with-avatar{padding-left:var(--openui-space-s)}.gh-inline-inputControl{min-width:1ch;max-width:min(14ch,32vw);display:inline-grid}.gh-inline-inputSizer,.gh-inline-input-field{grid-area:1/1}.gh-inline-inputSizer{visibility:hidden;white-space:pre;font:inherit;line-height:inherit}.gh-inline-avatar{border-radius:var(--openui-radius-full);flex-shrink:0;width:28px;height:28px}.gh-inline-input-field{width:100%;min-width:0;color:var(--openui-text-neutral-primary);font:inherit;line-height:inherit;text-align:center;background:0 0;border:none;outline:none;padding:0}.gh-inline-input-field::placeholder{color:var(--openui-text-neutral-tertiary)}.gh-inline-select-dropdown{width:fit-content;min-width:0;max-width:min(22ch,48vw)}.gh-error{color:var(--openui-text-danger-primary);font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);text-align:center}.gh-reset-button:focus-visible,.gh-generate-button:focus-visible,.gh-inline-input-field:focus-visible,.gh-inline-selectButton:focus-visible,.gh-dropdownOption:focus-visible{outline:2px solid var(--openui-border-accent);outline-offset:3px}.gh-inline-selectButton{justify-content:center;align-items:center;gap:var(--openui-space-s);width:fit-content;min-width:0;max-width:100%;color:var(--openui-text-neutral-tertiary);cursor:pointer;font:inherit;line-height:inherit;background:0 0;border:none;padding:0;display:inline-flex}.gh-inline-selectButton-filled{color:var(--openui-text-neutral-primary)}.gh-inline-selectValue{align-items:center;gap:var(--openui-space-s);white-space:nowrap;min-width:0;display:inline-flex}.gh-inline-selectLeading{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gh-inline-selectText{align-items:baseline;gap:var(--openui-space-xs);min-width:0;display:inline-flex}.gh-inline-selectPlaceholder{color:var(--openui-text-neutral-tertiary)}.gh-inline-selectLabel{color:inherit}.gh-inline-selectDescription{color:var(--openui-text-neutral-tertiary);font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing)}.gh-inline-selectChevron{color:var(--openui-text-neutral-tertiary);flex-shrink:0;transition:transform .15s}.gh-inline-selectChevron-open{transform:rotate(180deg)}.gh-dropdownMenu{top:calc(100% + var(--openui-space-s));z-index:20;width:max-content;min-width:min(360px,88vw);max-width:min(420px,92vw);padding:var(--openui-space-s);border:1px solid var(--openui-border-default);border-radius:calc(var(--openui-radius-3xl) + 6px);background:var(--openui-foreground);box-shadow:var(--openui-shadow-xl);position:absolute;left:50%;transform:translate(-50%)}.gh-dropdownOption{justify-content:space-between;align-items:center;gap:var(--openui-space-s);width:100%;padding:var(--openui-space-s)var(--openui-space-m);border-radius:var(--openui-radius-2xl);color:var(--openui-text-neutral-primary);cursor:pointer;text-align:left;background:0 0;border:none;transition:background-color .15s;display:flex}.gh-dropdownOption:hover,.gh-dropdownOption-selected{background:var(--openui-highlight-subtle)}.gh-dropdownOptionContent{align-items:center;gap:var(--openui-space-s);min-width:0;display:inline-flex}.gh-dropdownOptionLeading{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gh-dropdownOptionCopy{flex-direction:column;gap:2px;min-width:0;display:flex}.gh-dropdownOptionLabel{color:var(--openui-text-neutral-primary);font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.gh-dropdownOptionDescription{color:var(--openui-text-neutral-secondary);font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing)}.gh-dropdownOptionCheck{color:var(--openui-text-neutral-secondary);flex-shrink:0}.gh-dropdown-avatar{border-radius:var(--openui-radius-full);width:28px;height:28px}.gh-dropdown-icon{border-radius:var(--openui-radius-full);background:var(--openui-highlight-subtle);justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;line-height:1;display:inline-flex}.gh-start-actions{justify-content:center;align-items:center;gap:var(--openui-space-s);width:auto;display:flex}.gh-reset-button,.gh-generate-button{width:fit-content;min-width:0}.gh-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.gh-builder-title{font-size:clamp(34px,7vw,48px)}.gh-inline-inputControl{max-width:min(12ch,36vw)}.gh-inline-select-dropdown{max-width:min(20ch,60vw)}}@media (max-width:768px){.gh-connect{padding:var(--openui-space-2xl)var(--openui-space-m-l)var(--openui-space-2xl)}.gh-builder{gap:var(--openui-space-m-l)}.gh-builder-title{gap:var(--openui-space-xs);letter-spacing:-.02em;font-size:28px;line-height:1.4}.gh-builder-inline{gap:var(--openui-space-xs);flex-direction:column}.gh-inline-copy{font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing)}.gh-inline-inputControl{max-width:min(12ch,68vw)}.gh-inline-select-dropdown{max-width:min(18ch,72vw)}.gh-dropdownMenu{min-width:min(280px,82vw);max-width:min(320px,86vw)}.gh-start-actions{flex-wrap:nowrap}}
.openui-icon-button.header-btn,.header-btn{color:var(--openui-text-neutral-secondary);font-family:var(--openui-font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.openui-icon-button.header-btn:hover:not(:disabled),.header-btn:hover{background:var(--openui-highlight);color:var(--openui-text-neutral-primary)}.header-btn svg{flex-shrink:0}.openui-icon-button.header-icon-btn,.header-icon-btn{border-radius:6px;padding:6px}@media (max-width:1023px){.header-btn{padding:6px 8px;font-size:12px}}@media (max-width:767px){.header-btn{gap:0;min-width:32px;padding:6px}.header-btn span{display:none}}
.modal-overlay{z-index:200;background:var(--openui-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;animation:.15s modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--openui-foreground);border:1px solid var(--openui-border-interactive);box-shadow:var(--openui-shadow-2xl);border-radius:16px;flex-direction:column;width:min(1400px,95vw);height:95vh;animation:.2s modal-container-in;display:flex;overflow:hidden}@keyframes modal-container-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-container-header{background:var(--openui-highlight-subtle);border-bottom:1px solid var(--openui-border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.modal-container-body{flex:1;overflow:auto}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:16px 16px 0 0;width:100vw;height:95dvh;animation:.35s cubic-bezier(.22,1,.36,1) modal-container-mobile-in}}@keyframes modal-container-mobile-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes preview-spin{to{transform:rotate(360deg)}}.panel-title-group{align-items:center;gap:var(--openui-space-s);display:flex}.preview-spinner{color:var(--openui-text-purple-primary);flex-shrink:0;animation:1s linear infinite preview-spin}.preview-body{background:var(--openui-highlight-subtle);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.preview-content{width:100%;padding:var(--openui-space-m-l);align-self:flex-start}