.code-ide{--code-bg:#fff;--code-muted:#6b7280;--code-border:#e5e7eb;--code-raised:#f8f9fb;--code-text:#20242c;background:var(--code-bg);color:var(--code-text);font-size:12px}.dark .code-ide{--code-bg:#18191b;--code-muted:#9ca3af;--code-border:#323438;--code-raised:#202124;--code-text:#e5e7eb}.code-ide button,.code-ide select{font:inherit}.code-ide button:disabled{opacity:.4;cursor:not-allowed}.code-file-tab:focus-visible,.code-ide button:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.code-ide-toolbar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--code-border);padding:7px 9px;flex-shrink:0;min-height:38px}.code-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:28px;height:28px;padding:4px 7px;border-radius:5px;background:transparent;border:0;color:inherit}.code-icon-button:hover{background:var(--code-border)}.code-ide-toolbar select{min-width:0;max-width:180px;border:0;background:transparent;padding:5px;border-radius:5px}.code-ide-view-tabs{display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid var(--code-border);padding:4px 8px;flex-shrink:0}.code-ide-view-tabs button{white-space:nowrap;padding:5px 8px;border-radius:5px;display:flex;align-items:center;gap:5px}.code-ide-view-tabs [aria-selected=true]{background:var(--code-border)}.code-file-tabs{display:flex;overflow-x:auto;flex-shrink:0;min-height:35px;background:var(--code-raised);border-bottom:1px solid var(--code-border)}.code-file-tab{display:flex;align-items:center;gap:4px;flex-shrink:0;border-right:1px solid var(--code-border);border-top:2px solid transparent;padding:0 6px 0 10px;color:var(--code-muted)}.code-file-tab[data-active=true]{border-top-color:#3b82f6;background:var(--code-bg);color:var(--code-text)}.code-file-tab>button:first-child{padding:7px 4px;border:0;background:none;white-space:nowrap}.code-file-tab .code-tab-close{padding:3px;border-radius:3px;color:var(--code-muted)}.code-file-tree{width:175px;min-width:110px;max-width:35%;padding:7px;border-left:1px solid var(--code-border);background:var(--code-raised);overflow:auto;flex-shrink:0}.code-file-tree button{display:flex;align-items:center;gap:5px;width:100%;text-align:left;padding:6px 5px;border-radius:4px;overflow-wrap:anywhere}.code-file-tree [aria-current=page]{background:var(--code-border)}.code-highlight-pre,.code-syntax,.code-text-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:22px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;letter-spacing:0}.code-syntax{display:block;min-width:-moz-max-content;min-width:max-content;color:var(--code-text,#20242c)}.dark .code-syntax{color:#dedee3}.code-source-line{display:block;min-height:22px;white-space:pre}.code-line-number{display:inline-block;width:43px;padding-right:12px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--code-muted,#8a8f98)}.code-syntax .token.comment,.code-syntax .token.prolog{color:#738076}.code-syntax .token.boolean,.code-syntax .token.keyword{color:#9052bb}.code-syntax .token.attr-value,.code-syntax .token.string{color:#48852f}.code-syntax .token.function{color:#307db0}.code-syntax .token.number{color:#b96b35}.code-syntax .token.operator{color:#677787}.dark .code-syntax .token.keyword{color:#c18be8}.dark .code-syntax .token.string{color:#9bcb70}.dark .code-syntax .token.function{color:#76b6db}.dark .code-syntax .token.number{color:#dfaa76}.code-editor-surface{position:relative;flex:1;min-height:180px;overflow:hidden}.code-highlight-pre{padding:10px 12px 40px 0;overflow:hidden;pointer-events:none;background:transparent}.code-highlight-pre,.code-text-input{position:absolute;inset:0;margin:0;border:0}.code-text-input{width:100%;height:100%;padding:10px 12px 40px 43px!important;resize:none;white-space:pre;background:transparent!important;color:transparent!important;caret-color:#2563eb;outline:none;overflow:auto}.dark .code-text-input{caret-color:#e5e7eb}.code-text-input::-moz-selection{background:#60a5fa55}.code-text-input::selection{background:#60a5fa55}.code-editor-status{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:26px;padding:3px 12px;color:var(--code-muted);border-bottom:1px solid var(--code-border);font-size:11px}.code-diff-view{overflow:auto;flex:1;min-height:0;font-family:ui-monospace,monospace;font-size:12px;line-height:22px}.code-diff-row{display:flex;min-width:-moz-max-content;min-width:max-content;min-height:22px}.code-diff-row[data-kind=addition]{background:#dcfce7}.code-diff-row[data-kind=deletion]{background:#fee2e2}.dark .code-diff-row[data-kind=addition]{background:#213d25}.dark .code-diff-row[data-kind=deletion]{background:#482629}.code-diff-gutter{width:35px;text-align:right;padding-right:7px;color:var(--code-muted,#9ca3af);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-diff-sign{width:22px;text-align:center;flex-shrink:0}.code-diff-row pre{margin:0;white-space:pre;flex:1}.code-diff-row .code-source-line{min-height:22px}.code-diff-row [data-kind=addition]{color:#15803d}.code-change-card{border:1px solid var(--code-border,#d1d5db);border-radius:9px;overflow:hidden;margin:10px 0;font-size:12px;background:var(--code-raised,#fafafa)}.dark .code-change-card{--code-border:#353535;--code-raised:#202124;color:#e5e7eb}.dark .code-change-card-row .text-gray-500{color:#9ca3af}.code-change-card-row{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;text-align:left;border-bottom:1px solid var(--code-border,#e5e7eb)}.code-change-card-row:last-child{border-bottom:0}.code-change-count-add{color:#16a34a}.code-change-count-delete{color:#dc2626}.code-terminal-drag{height:6px;cursor:row-resize;background:var(--code-raised);border-top:1px solid var(--code-border);flex-shrink:0;touch-action:none}.code-terminal-drag:hover{background:#60a5fa}.code-ide details>summary{cursor:pointer}.code-terminal-slot{min-height:0;overflow:auto;flex-shrink:0}.code-terminal-slot>section{height:100%;display:flex;flex-direction:column}.code-terminal-slot>section>[role=log]{flex:1;min-height:80px}@media(max-width:1023px){.code-file-tree{width:135px;max-width:35%}.code-ide-toolbar{padding:5px;gap:2px}.code-ide-toolbar select{max-width:135px}.code-ide-view-tabs{gap:0;padding:4px}.code-ide-view-tabs button{padding:5px 6px}}.code-change-card *,.code-ide *{box-sizing:border-box}.code-editor-surface{min-height:0}.code-ide button,.code-ide select{color:inherit}.code-ide button{background:transparent}.code-change-card button,.code-file-tree button,.code-ide-view-tabs button{border:0;color:inherit;background:transparent}.code-file-tree [aria-current=page],.code-ide-view-tabs [aria-selected=true]{background:var(--code-border)}.code-ide option{background:var(--code-bg);color:var(--code-text)}@media(min-width:1024px){.code-ide-view-tabs .code-mobile-chat-tab{display:none}}.code-change-card button:focus-visible,.code-terminal-drag:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}