.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-assistant-bubble .openui-markdown-renderer{font-size:13px;line-height:1.5}.conv-assistant-bubble .openui-markdown-renderer p{margin:0 0 var(--openui-space-xs)0}.conv-assistant-bubble .openui-markdown-renderer p:last-child{margin-bottom:0}.conv-assistant-bubble .openui-markdown-renderer ul,.conv-assistant-bubble .openui-markdown-renderer ol{margin:0 0 var(--openui-space-xs)0;padding-left:var(--openui-space-m-l)}.conv-assistant-bubble .openui-markdown-renderer li{margin-bottom:var(--openui-space-3xs)}.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{width:fit-content;margin:0 auto;padding:120px 16px}.gh-builder{gap:var(--openui-space-2xl);flex-direction:column;display:flex}.gh-brand{align-items:center;gap:var(--openui-space-s);color:var(--openui-text-neutral-primary);font:var(--openui-text-body-lg-heavy);letter-spacing:var(--openui-text-body-lg-heavy-letter-spacing);display:inline-flex}.gh-brandIcon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.gh-sentence{gap:var(--openui-space-s);flex-direction:column;display:flex}.gh-sentenceLine{color:var(--openui-text-neutral-primary);font-family:var(--openui-font-body);letter-spacing:-.03em;margin:0;font-size:32px;font-weight:500;line-height:1.5}.gh-sentenceIdentity{font-family:var(--openui-font-body);letter-spacing:-.03em;font-size:32px;font-weight:500;line-height:1.5}.gh-sentenceLine-secondary{margin-top:var(--openui-space-m);color:var(--openui-text-neutral-secondary)}.gh-inputWrap{border-bottom:1.5px solid var(--openui-border-interactive);color:var(--openui-text-neutral-primary);font:inherit;vertical-align:middle;align-items:center;gap:.25em;padding-bottom:.125em;transition:border-color .2s;display:inline-flex}.gh-inputWrap:focus-within{border-bottom-color:var(--openui-border-interactive-emphasis)}.gh-inputPrefix{color:var(--openui-text-neutral-secondary);-webkit-user-select:none;user-select:none}.gh-inputSizer{min-width:4ch;max-width:min(16ch,50vw);display:inline-grid}.gh-inputGhost,.gh-inputField{font:inherit;line-height:inherit;grid-area:1/1}.gh-inputGhost{visibility:hidden;white-space:pre}.gh-inputField{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;padding:0}.gh-inputField::placeholder{color:var(--openui-text-neutral-tertiary)}.gh-inputClear{color:var(--openui-text-neutral-secondary);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:inline-flex}.gh-inputWrap:hover .gh-inputClear,.gh-inputWrap:focus-within .gh-inputClear{opacity:1}.gh-inputClear:hover{color:var(--openui-text-neutral-primary)}.gh-selectHintInline{color:var(--openui-text-neutral-tertiary);letter-spacing:.1em}.gh-chip{align-items:center;gap:var(--openui-space-s);border:1px solid color-mix(in srgb,var(--gh-tone-fill)22%,var(--gh-tone-border));border-radius:var(--openui-radius-full);background:color-mix(in srgb,var(--gh-tone-bg)52%,var(--openui-foreground));color:var(--openui-text-neutral-primary);box-shadow:var(--openui-shadow-s);font-family:var(--openui-font-body);letter-spacing:-.03em;white-space:nowrap;vertical-align:middle;padding:10px 18px 10px 10px;font-size:32px;font-weight:500;line-height:1;display:inline-flex}.gh-chip-neutral{--gh-tone-fill:var(--openui-text-neutral-secondary);--gh-tone-bg:var(--openui-highlight-subtle);--gh-tone-border:var(--openui-border-default)}.gh-chipLeading{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gh-chipLabel{white-space:nowrap}.gh-chipClear{color:var(--openui-text-neutral-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.gh-chipClear:hover{color:var(--openui-text-neutral-primary)}.gh-chipAvatar,.gh-chipMonogram{border-radius:var(--openui-radius-full);width:1.25em;height:1.25em}.gh-chipAvatar{flex-shrink:0}.gh-chipMonogram{background:var(--openui-highlight);color:var(--openui-text-neutral-secondary);justify-content:center;align-items:center;font-size:.65em;font-weight:600;display:inline-flex}.gh-devPicker{gap:var(--openui-space-m);flex-direction:column;display:flex}.gh-devPickerCaption{color:var(--openui-text-neutral-tertiary);font:var(--openui-text-label-sm-heavy);margin:0}.gh-choiceList{flex-direction:column;gap:.625rem;display:flex}.gh-choiceList-developer{max-width:18rem}.gh-choiceList-focus{max-width:20rem}.gh-choiceOption{justify-content:space-between;align-items:center;gap:var(--openui-space-m);border:1px solid color-mix(in srgb,var(--gh-tone-fill)18%,var(--gh-tone-border));border-radius:calc(var(--openui-radius-3xl) + 4px);background:color-mix(in srgb,var(--gh-tone-bg)34%,var(--openui-foreground));width:100%;color:var(--openui-text-neutral-primary);box-shadow:var(--openui-shadow-s);cursor:pointer;text-align:left;padding:.75rem 1rem;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.gh-choiceOption:hover,.gh-choiceOption-selected{border-color:color-mix(in srgb,var(--gh-tone-fill)36%,var(--openui-border-interactive-emphasis));background:color-mix(in srgb,var(--gh-tone-bg)54%,var(--openui-foreground));transform:translateY(-1px)}.gh-choiceOptionPrimary{align-items:center;gap:var(--openui-space-s);min-width:0;display:inline-flex}.gh-choiceOptionLeading{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gh-choiceOptionLabel{color:var(--openui-text-neutral-primary);font:var(--openui-text-body-default-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing)}.gh-choiceOptionCheck{color:var(--gh-tone-fill);flex-shrink:0}.gh-choiceAvatar{border-radius:var(--openui-radius-full);flex-shrink:0;width:1.125rem;height:1.125rem}.gh-choiceIconBubble{border-radius:var(--openui-radius-full);background:color-mix(in srgb,var(--gh-tone-fill)14%,var(--openui-highlight-subtle));width:1.75rem;height:1.75rem;color:var(--gh-tone-fill);justify-content:center;align-items:center;display:inline-flex}.gh-choiceSwatch{background:var(--gh-tone-fill);border-radius:50%;width:.875rem;height:.875rem;display:inline-flex}.gh-focusPicker{gap:var(--openui-space-m);flex-direction:column;display:flex}.gh-focusPickerCaption{color:var(--openui-text-neutral-tertiary);font:var(--openui-text-label-sm-heavy);margin:0}.gh-error{color:var(--openui-text-danger-primary);font:var(--openui-text-label-default-heavy);letter-spacing:var(--openui-text-label-default-heavy-letter-spacing)}.gh-actions{align-items:center;gap:var(--openui-space-m-l);display:flex}.openui-button-base.gh-cta{border-radius:var(--openui-radius-full);background:var(--openui-interactive-accent-default);min-height:3rem;color:var(--openui-text-accent-primary);box-shadow:var(--openui-shadow-l);font:var(--openui-text-body-large-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing);border:none;padding:.75rem 1.25rem}.openui-button-base.gh-cta:hover:not(:disabled){background:var(--openui-interactive-accent-hover)}.gh-startOver{color:var(--openui-text-neutral-secondary);min-height:3rem;font:var(--openui-text-body-large-heavy);letter-spacing:var(--openui-text-body-default-heavy-letter-spacing);cursor:pointer;background:0 0;border:none;padding:.75rem 0;transition:color .2s}.gh-startOver:hover:not(:disabled){color:var(--openui-text-neutral-primary)}.gh-startOver:disabled{opacity:.5;cursor:not-allowed}.gh-cta:focus-visible,.gh-inputClear:focus-visible,.gh-chipClear:focus-visible,.gh-choiceOption:focus-visible,.gh-startOver:focus-visible{outline:2px solid var(--openui-border-accent);outline-offset:3px}.gh-tone-green,.gh-tone-mint{--gh-tone-fill:var(--openui-text-success-primary);--gh-tone-bg:var(--openui-success-background);--gh-tone-border:var(--openui-border-success)}.gh-tone-purple,.gh-tone-violet{--gh-tone-fill:var(--openui-text-purple-primary);--gh-tone-bg:var(--openui-purple-background);--gh-tone-border:var(--openui-border-accent)}.gh-tone-red,.gh-tone-rose{--gh-tone-fill:var(--openui-text-danger-primary);--gh-tone-bg:var(--openui-danger-background);--gh-tone-border:var(--openui-border-danger)}.gh-tone-blue{--gh-tone-fill:var(--openui-text-info-primary);--gh-tone-bg:var(--openui-info-background);--gh-tone-border:var(--openui-border-info)}.gh-tone-amber,.gh-tone-peach{--gh-tone-fill:var(--openui-text-alert-primary);--gh-tone-bg:var(--openui-alert-background);--gh-tone-border:var(--openui-border-alert)}.gh-tone-pink{--gh-tone-fill:var(--openui-text-pink-primary);--gh-tone-bg:var(--openui-pink-background);--gh-tone-border:color-mix(in srgb,var(--openui-text-pink-primary)24%,var(--openui-border-default))}.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}@keyframes gh-step-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gh-step-appear{animation:.2s gh-step-fade-in}@media (max-width:768px){.gh-connect{padding:var(--openui-space-3xl)var(--openui-space-m-l)var(--openui-space-2xl)}.gh-builder{gap:var(--openui-space-xl)}.gh-sentenceLine,.gh-sentenceIdentity{font-size:32px}.gh-chip{padding:8px 14px 8px 8px;font-size:24px}.gh-choiceList-developer,.gh-choiceList-focus{max-width:100%}.gh-choiceOption{width:100%}.gh-actions{align-items:flex-start;gap:var(--openui-space-l);flex-wrap:wrap;margin-top:32px}}
.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}