.SandboxPage-module__RoioWG__editorPanel{--sandbox-editor-bg:#322e2e;background-color:#0000;grid-template-rows:49px 1fr;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.SandboxPage-module__RoioWG__tabsContainer{grid-area:1/1/-1/-1}.SandboxPage-module__RoioWG__tabHeaderStyle{background-color:var(--color-background-primary-subtle,#1a1414);border-bottom:1px solid var(--playground-border);height:49px}[data-theme=light] .SandboxPage-module__RoioWG__tabHeaderStyle{background-color:#fff}.SandboxPage-module__RoioWG__tabHeaderStyle :where([role=tab]){color:var(--playground-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000}.SandboxPage-module__RoioWG__tabHeaderStyle :where([role=tab]:hover){color:var(--playground-text-primary);background:var(--playground-overlay-subtle)}.SandboxPage-module__RoioWG__tabHeaderStyle :where([role=tab][aria-selected=true]){color:var(--playground-text-primary);border-bottom-color:var(--playground-accent);box-shadow:inset 0 -2px 0 var(--playground-accent);background:0 0}.SandboxPage-module__RoioWG__tabHeaderStyle .BaselineUI-ActionIconButton{color:var(--playground-text-secondary)}:is(.SandboxPage-module__RoioWG__tabHeaderStyle .BaselineUI-ActionIconButton:hover,.SandboxPage-module__RoioWG__tabHeaderStyle .BaselineUI-ActionIconButton:focus-visible){color:var(--playground-text-secondary);opacity:1;background:0 0}.SandboxPage-module__RoioWG__tabHeaderStyle .BaselineUI-ActionIconButton svg{fill:currentColor}.SandboxPage-module__RoioWG__tabPanel{background-color:#0000}:is(.SandboxPage-module__RoioWG__editorPanel .monaco-editor,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .monaco-editor-background,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .margin){background-color:var(--sandbox-editor-bg)!important}:is(.SandboxPage-module__RoioWG__editorPanel .monaco-editor .selected-text,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .view-overlays .selected-text,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .view-overlays .selectionHighlight,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .cursors-layer .selection,.SandboxPage-module__RoioWG__editorPanel .monaco-editor .cursors-layer .selectionHighlight){background-color:var(--playground-editor-selection)!important;opacity:1!important}:is(.SandboxPage-module__RoioWG__editorPanel .monaco-editor.focused .selected-text,.SandboxPage-module__RoioWG__editorPanel .monaco-editor.focused .view-overlays .selected-text,.SandboxPage-module__RoioWG__editorPanel .monaco-editor.focused .view-overlays .selectionHighlight,.SandboxPage-module__RoioWG__editorPanel .monaco-editor.focused .cursors-layer .selection,.SandboxPage-module__RoioWG__editorPanel .monaco-editor.focused .cursors-layer .selectionHighlight){background-color:var(--playground-editor-selection-focused)!important;opacity:1!important}[data-theme=light] .SandboxPage-module__RoioWG__editorPanel{--sandbox-editor-bg:#fff}.SandboxPage-module__RoioWG__runButtonContainer{z-index:10;grid-area:1/1/auto/-1;place-self:center end;align-items:center;gap:4px;padding-right:12px;display:flex}.SandboxPage-module__RoioWG__resizeHandle{cursor:col-resize;background:0 0;width:0;height:100%;position:relative}.SandboxPage-module__RoioWG__resizeHandle:after{content:"";background:0 0;border-left:2px solid #0000;width:16px;height:100%;transition:background-color .15s;position:absolute;top:0;left:0}.SandboxPage-module__RoioWG__resizeHandle:hover:after,.SandboxPage-module__RoioWG__resizeHandle:active:after{border-left-color:var(--color-sidebar-accent,#de9dcc)}.SandboxPage-module__RoioWG__resizeHandleHidden{display:none}
.AiCodeGen-module__ECXQyW__scrollArea{flex:1;min-height:0;overflow:hidden auto}.AiCodeGen-module__ECXQyW__scrollArea ::selection{background-color:var(--bui-color-background-interactive-enabled);color:var(--bui-color-text-oninteractive)}.AiCodeGen-module__ECXQyW__chip{border:1px solid var(--bui-color-border-subtle);width:100%;color:var(--bui-color-text-secondary);font:inherit;border-radius:var(--bui-rounded-md);text-align:left;cursor:pointer;-webkit-user-select:text;user-select:text;background-color:#0000;align-items:center;gap:10px;padding:8px 10px;font-size:12px;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:flex}.AiCodeGen-module__ECXQyW__chip:hover:not(:disabled){background-color:var(--bui-color-background-secondary-subtle);border-color:color-mix(in srgb, var(--playground-accent) 35%, transparent);color:var(--bui-color-text-primary)}.AiCodeGen-module__ECXQyW__chip:disabled{opacity:.5;cursor:default}.AiCodeGen-module__ECXQyW__chipIcon{border-radius:var(--bui-rounded-sm);background-color:color-mix(in srgb, var(--playground-accent) 14%, transparent);width:26px;height:26px;color:var(--playground-accent);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.AiCodeGen-module__ECXQyW__chipIcon svg{fill:currentColor}.AiCodeGen-module__ECXQyW__chip:hover:not(:disabled) .AiCodeGen-module__ECXQyW__chipIcon{background-color:color-mix(in srgb, var(--playground-accent) 20%, transparent)}.AiCodeGen-module__ECXQyW__userBubble{-webkit-user-select:text;user-select:text;background-color:var(--bui-color-background-interactive-enabled);min-width:0;max-width:92%;color:var(--bui-color-text-oninteractive);border-radius:var(--bui-rounded-md);white-space:pre-wrap;word-break:break-word;border-end-end-radius:var(--bui-rounded-xs);align-self:flex-end;padding:8px 12px;font-size:13px;line-height:1.5}.AiCodeGen-module__ECXQyW__assistantBubble{-webkit-user-select:text;user-select:text;background-color:var(--bui-color-background-secondary-subtle);border:1px solid var(--bui-color-border-subtle);min-width:0;max-width:100%;color:var(--bui-color-text-primary);border-radius:var(--bui-rounded-md);overflow-wrap:anywhere;border-end-start-radius:var(--bui-rounded-xs);align-self:flex-start;padding:8px 12px;font-size:13px;line-height:1.5}.AiCodeGen-module__ECXQyW__composer{position:relative}.AiCodeGen-module__ECXQyW__sendButton{position:absolute;bottom:8px;right:8px}.AiCodeGen-module__ECXQyW__sendButton button{border-radius:var(--bui-rounded-full)}.AiCodeGen-module__ECXQyW__sendButton button:disabled{background-color:var(--bui-color-background-secondary-subtle);opacity:.9}.AiCodeGen-module__ECXQyW__textarea{box-sizing:border-box;resize:none;border:1px solid var(--bui-color-border-subtle);background-color:var(--bui-color-background-primary-strong);width:100%;color:var(--bui-color-text-primary);font:inherit;border-radius:var(--bui-rounded-lg);padding:10px 46px 10px 12px;font-size:14px;line-height:1.5;transition:border-color .12s,box-shadow .12s;display:block}.AiCodeGen-module__ECXQyW__textarea::placeholder{color:var(--bui-color-text-placeholder)}.AiCodeGen-module__ECXQyW__textarea:focus-visible{border-color:var(--bui-color-focused-default);box-shadow:0 0 0 3px color-mix(in srgb, var(--playground-accent) 18%, transparent);outline:none}.AiCodeGen-module__ECXQyW__textarea:disabled{opacity:.5}.AiCodeGen-module__ECXQyW__assistantBubble>*{min-width:0;max-width:100%}.AiCodeGen-module__ECXQyW__assistantBubble p{margin:0 0 6px}.AiCodeGen-module__ECXQyW__assistantBubble p:last-child{margin-bottom:0}.AiCodeGen-module__ECXQyW__assistantBubble pre{box-sizing:border-box;min-width:0;max-width:100%}.AiCodeGen-module__ECXQyW__assistantBubble pre code{white-space:pre-wrap;overflow-wrap:anywhere}.AiCodeGen-module__ECXQyW__assistantBubble :not(pre)>code{overflow-wrap:anywhere}.AiCodeGen-module__ECXQyW__assistantBubble ul,.AiCodeGen-module__ECXQyW__assistantBubble ol{margin:0 0 6px;padding-left:18px;list-style-position:outside}.AiCodeGen-module__ECXQyW__assistantBubble li{margin:0}.AiCodeGen-module__ECXQyW__assistantBubble table{max-width:100%;display:block;overflow-x:auto}