:root{color-scheme:light dark}html{color:var(--primaryLabelColor);background:var(--windowBackgroundColor);--bodyTextSize: 13px;--smallLabelSize: 13px;--headerTitleSize: 18px;font-size:var(--bodyTextSize);--inputHeight: 24px;user-select:none;--defaultFont: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;font-family:var(--defaultFont);--mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--modalBorderRadius: 24px;--menuBorderRadius: 10px;--mobileBreakPoint: 600px;--colorBlue: #3478f6;--colorSlate: #5873a4;--colorBrown: #9d8563;--colorCyan: #71bceb;--colorGreen: #63ca56;--colorIndigo: #5856cf;--colorMint: #5ac4bd;--colorOrange: #f19a37;--colorPink: #eb445a;--colorPurple: #a357d7;--colorRed: #eb4e3d;--colorTeal: #6eabc1;--colorYellow: #f7ce46;--colorGrey: #8e8e93;--colorBlueRGB: 52, 120, 246;--colorSlateRGB: 88, 115, 164;--colorBrownRGB: 157, 133, 99;--colorCyanRGB: 113, 190, 235;--colorGreenRGB: 99, 202, 86;--colorIndigoRGB: 88, 86, 207;--colorMintRGB: 90, 196, 189;--colorOrangeRGB: 241, 154, 55;--colorPinkRGB: 235, 68, 90;--colorPurpleRGB: 163, 87, 215;--colorRedRGB: 235, 78, 61;--colorTealRGB: 110, 171, 193;--colorYellowRGB: 247, 206, 70;--colorGreyRGB: 142, 142, 147;--componentAccentColor: #8a3fbf;--componentAccentColorRGB: 138, 63, 191;--loopAccentColor: #50b543;--loopAccentColorRGB: 80, 181, 67;--simulatorBackgroundColor: #333;--buttonSuccessBackground: #309722;--buttonSuccessBackgroundHover: #38b127;--buttonSuccessBackgroundRGB: 48, 151, 34;--buttonDangerBackground: #cc3300;--buttonDangerBackgroundHover: #e63b00;--buttonDangerBackgroundRGB: 204, 51, 0;--buttonPurpleBackground: rgba(138, 63, 191, 1);--buttonPurpleBackgroundHover: rgba(158, 83, 211, .7);--buttonPurpleBackgroundRGB: 138, 63, 191;--buttonPurpleSelectedBase: rgba(75, 0, 130, .8);--buttonSlateBackground: #64748b;--buttonSlateBackgroundHover: #475569;--buttonSlateBackgroundRGB: 100, 116, 139;--neutralHoverBackground: rgba(240, 240, 240, .5);--neutralHoverBackgroundRGB: 240, 240, 240;--hudBackground: rgba(20, 20, 22, .6);--hudBackgroundRGB: 20, 20, 22;--hudBackgroundHover: rgba(30, 30, 33, .8);--pureBlackBackground: #000;--pureBlackBackgroundRGB: 0, 0, 0;--selectionHighlightColor: rgb(215, 227, 249);--selectionHighlightColorRGB: 215, 227, 249;--canvasFocusedSelectedLayerIndicatorColor: var(--contrastColor);--canvasUnemphasizedSelectedLayerIndicatorColor: var(--colorGrey);--canvasSelectedLayerIndicatorColor: var( --canvasUnemphasizedSelectedLayerIndicatorColor );--errorTextColor: #ff6b6b;--errorTextColorRGB: 255, 107, 107;--counterGradientStart: #f2a13f;--counterGradientStartRGB: 242, 161, 63;--counterGradientEnd: rgba(242, 63, 87, .8);--scrubberShadowColorRGB: 0, 0, 0;--chat-sidebar-assistant-markdown-color: var(--primaryLabelColor);--chat-sidebar-assistant-markdown-font-size: 13px;--chat-inline-assistant-markdown-color: var(--secondaryLabelColor);--chat-inline-assistant-markdown-font-size: 12px;--topToolbarBannerBackground: rgba(0, 0, 0, .9);--topToolbarBannerColor: #fff;--topToolbarBannerBoxShadowDropShadow: 0 3px 15px rgba(0, 0, 0, .04);--topToolbarBannerBoxShadow: var(--topToolbarBannerBoxShadowDropShadow);--topToolbarBackdropFilter: blur(20px) saturate(1.8);--chat-sidebar-assistant-inset: 3px}html.theme-light{--primaryLabelColorRGB: 14, 14, 24;--primaryLabelColor: rgb(var(--primaryLabelColorRGB));--secondaryLabelColor: rgb(72, 72, 92);--tertiaryLabelColor: rgb(123, 123, 143);--quaternaryLabelColor: rgb(153, 153, 173);--contrastColorRGB: 42, 116, 245;--contrastColor: rgb(var(--contrastColorRGB));--controlAccent: var(--contrastColor);--controlAccentHover: rgb(16, 100, 244);--controlAccentActive: rgb(11, 89, 224);--controlAccentRGB: var(--contrastColorRGB);--greenLabelColor: #34c759ff;--greenConnectionLineColor: #61e222;--orangeConnectionLineColor: #ecaa11;--separatorColor: rgba(0, 0, 20, .075);--separatorColorRGB: 0, 0, 20;--opaqueSeparatorColor: #dedede;--controlBackgroundColor: rgba(0, 0, 10, .04);--controlBackgroundColorRGB: 0, 0, 10;--controlHoverBackgroundColor: rgba(0, 0, 10, .09);--controlActiveBackgroundColor: rgba(0, 0, 10, .13);--controlBoxShadow: inset 0 0 0 1px rgba(0, 0, 0, .05);--blueTransparentSelectedBase: rgba(25, 33, 45, .3);--floatingGlassButton: rgba(248, 248, 250, .9);--floatingGlassPanelRGB: 246, 246, 250;--floatingGlassPanel: rgba(var(--floatingGlassPanelRGB), .8);--floatingGlassBoxShadowHighlight: inset 1px 1px 1px rgba(255, 255, 255, .5), inset 0 1px .5px rgba(255, 255, 255, .5), inset -1px -1px .5px rgba(255, 255, 255, .5);--floatingGlassBoxShadowDropShadow: 0 3px 15px rgba(0, 0, 0, .04);--floatingGlassBoxShadow: var(--floatingGlassBoxShadowHighlight), var(--floatingGlassBoxShadowDropShadow);--floatingGlassBoxShadowFocus: var(--floatingGlassBoxShadow), 0 2px 10px 0 rgba(var(--contrastColorRGB), .2), 0 0 1px 2px rgba(var(--contrastColorRGB), .2);--actionBar: rgba(246, 246, 250, .8);--focusedActionBar: rgba(246, 246, 250, .8);--actionBarBoxShadow: var(--floatingGlassBoxShadow);--focusedActionBarBoxShadow: var(--floatingGlassBoxShadow), inset 0 0 0 0 var(--contrastColor);--actionBarToolbarBackground: color-mix( rgba(var(--floatingGlassPanelRGB), .8), rgba(0, 0, 10, 1) 2% );--modalBackgroundColorRGB: 246, 246, 250;--modalBackgroundColor: rgba(var(--modalBackgroundColorRGB), .9);--actionBarToolbarSeparator: rgba(0, 0, 10, .025);--buttonBoxShadow: inset 1px 1px 1px rgba(255, 255, 255, .5), inset 0 1px .5px rgba(255, 255, 255, .5), inset -1px -1px .5px rgba(255, 255, 255, .5), 0 0 0px .5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .05);--buttonPanelBoxShadow: var(--buttonBoxShadow);--buttonAccentBoxShadow: 0 0 0px .5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .05);--buttonHoverFilter: none;--buttonActiveFilter: brightness(.9);--textMuted: rgba(0, 0, 0, .6);--enhanceOverlayColor: #7c3aed;--chatBackgroundColorRGB: 240, 240, 244;--chatBackgroundColor: rgb(var(--chatBackgroundColorRGB));--canvasBackgroundColorRGB: 234, 234, 238;--canvasBackgroundColor: rgb(var(--canvasBackgroundColorRGB));--canvasInnerBorderColor: var(--separatorColor);--canvasComponentBackgroundColorRGB: 255, 255, 255;--canvasComponentBackgroundColor: rgb( var(--canvasComponentBackgroundColorRGB) );--canvasFloatingContainerBackgroundColorRGB: 255, 255, 255;--canvasFloatingContainerBackgroundOpacity: .5;--canvasFloatingContainerBackgroundOpacityCollapsed: .25;--canvasFloatingContainerBoxShadow: 0 0 0 1px rgba(0, 0, 0, .04);--canvasFloatingContainerBoxShadowSelected: 0 0 0 1px rgba(0, 0, 0, .05), 0 5px 15px rgba(0, 0, 0, .15);--canvasGuideColorRGB: 224, 137, 210;--canvasGuideColor: rgba(var(--canvasGuideColorRGB), 1);--sidebarBackgroundColorRGB: 234, 234, 240;--sidebarBackgroundColor: rgb(var(--canvasBackgroundColorRGB));--sidebarCategoryBackgroundColorRGB: 248, 248, 248;--sidebarMainControlHoverBackgroundColor: rgba(105, 120, 150, .1);--menuBackgroundColorRGB: 255, 255, 255;--menuBoxShadow: 0 0 0 1px rgba(0, 0, 0, .025), 0 8px 20px rgba(0, 0, 0, .075);--menuBackdropFilter: blur(20px) saturate(1.8);--modalBoxShadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 10px 25px rgba(0, 0, 0, .15);--viewerBackgroundColor: rgba(240, 240, 242, 1);--color-syntax-keyword: rgb(173, 61, 164);--color-code-plain: rgb(173, 61, 164);--color-syntax-other-type-names: rgb(112, 61, 170);--color-syntax-string: rgb(209, 47, 27);--color-link: rgb(0, 102, 204);--pureWhiteColor: #fff;--pureWhiteColorRGB: 255, 255, 255;--tableHeaderBackground: rgba(240, 240, 240, 1);--tableHeaderBackgroundRGB: 240, 240, 240;--askLayerGradientStart: #fff;--askLayerGradientEnd: rgba(255, 255, 255, .7);--askLayerTextColor: #333;--checkerboard: var(--canvasBackgroundColor) repeating-conic-gradient( rgba(250, 250, 255, .4) 0 25%, rgba(0, 0, 100, .035) 0 50% ) 50% / var(--checkerBoardSize, 50px) var(--checkerBoardSize, 50px);--checkerboardBoxShadow: inset 0 0 0 1px rgba(255, 255, 255, .4);--floatingToolbarBlueSelected: rgba(42, 116, 245, .3);--floatingToolbarBlueSelectedBoxShadow: 0 0 1px .5px rgba(42, 116, 245, .1), 0 1px 3px rgba(19, 93, 221, .1);--floatingToolbarBlueSelectedColor: var(--contrastColor);--floatingToolbarPurpleSelected: rgb(143, 59, 254);--floatingToolbarPurpleSelectedBoxShadow: var(--buttonAccentBoxShadow);--floatingToolbarPurpleSelectedColor: #fff;--styleCellOverlayColor: rgba(0, 0, 0, .05);--attachmentPillBackground: rgba(var(--controlAccentRGB), .1);--attachmentPillColor: rgba(var(--controlAccentRGB), .8);--mentionChipBackground: rgba(var(--contrastColorRGB), .1);--mentionChipBackgroundSelected: rgba(var(--contrastColorRGB), .2);--generatorOverlayEmptyColor: rgb(20, 20, 22);--generatorOverlayEmptyMinOpacity: 0;--generatorOverlayEmptyMaxOpacity: .2;--generatorOverlayMediaColor: rgb(20, 20, 22);--generatorOverlayMediaMinOpacity: 0;--generatorOverlayMediaMaxOpacity: .45;--canvasGhostBackground: color-mix( in srgb, rgba(var(--colorSlateRGB), .12), rgba(var(--canvasBackgroundColorRGB), .8) );--toolCallmessagePillBackground: rgba(0, 0, 30, .045);--assistantMessageBubble: rgba(255, 255, 255, .6)}html.theme-dark,.theme-dark-override{--primaryLabelColor: #fff;--primaryLabelColorRGB: 255, 255, 255;--secondaryLabelColor: rgb(200, 200, 200);--tertiaryLabelColor: rgb(150, 150, 150);--quaternaryLabelColor: rgb(100, 100, 100);--contrastColorRGB: 72, 139, 255;--contrastColor: rgb(var(--contrastColorRGB));--controlAccent: var(--contrastColor);--controlAccentRGB: var(--contrastColorRGB);--greenLabelColor: #34c759ff;--greenConnectionLineColor: #61e222;--orangeConnectionLineColor: #d19c20;--separatorColor: rgba(255, 255, 255, .075);--separatorColorRGB: 255, 255, 255;--opaqueSeparatorColor: #555;--canvasBackgroundColorRGB: 20, 20, 22;--canvasBackgroundColor: rgb(var(--canvasBackgroundColorRGB));--canvasComponentBackgroundColorRGB: 218, 220, 224;--canvasComponentBackgroundColor: rgb( var(--canvasComponentBackgroundColorRGB) );--canvasFloatingContainerBackgroundColorRGB: 30, 30, 30;--canvasFloatingContainerBackgroundOpacity: .5;--canvasFloatingContainerBackgroundOpacityCollapsed: .25;--canvasFloatingContainerBoxShadow: 0 0 0 1px rgba(255, 255, 255, .1);--canvasFloatingContainerBoxShadowSelected: 0 0 0 1px rgba(255, 255, 255, .1), 0 5px 15px rgba(0, 0, 0, .15);--canvasGuideColorRGB: 125, 65, 115;--canvasGuideColor: rgba(var(--canvasGuideColorRGB), 1);--controlBackgroundColor: rgba(105, 120, 150, .125);--controlBackgroundColorRGB: 105, 120, 150;--controlHoverBackgroundColor: rgba(255, 255, 255, .1);--controlActiveBackgroundColor: rgba(255, 255, 255, .15);--controlBoxShadow: inset 0 0 0 1px rgba(255, 255, 255, .05);--blueTransparentSelectedBase: rgba(25, 33, 45, .85);--floatingGlassButton: rgba(105, 120, 150, .125);--floatingGlassPanelRGB: 35, 35, 37;--floatingGlassPanel: rgba(var(--floatingGlassPanelRGB), .8);--floatingGlassBoxShadowHighlight: inset 1px 1px 1px rgba(255, 255, 255, .05), inset 0 1px .5px rgba(255, 255, 255, .05), inset -1px -1px 1px rgba(255, 255, 255, .03);--floatingGlassBoxShadowDropShadow: 0 3px 6px rgba(0, 0, 0, .1);--floatingGlassBoxShadow: var(--floatingGlassBoxShadowHighlight), var(--floatingGlassBoxShadowDropShadow);--modalBackgroundColorRGB: 35, 35, 37;--modalBackgroundColor: rgba(var(--modalBackgroundColorRGB), .9);--actionBar: var(--floatingGlassButton);--focusedActionBar: linear-gradient( rgba(var(--contrastColorRGB), .1), rgba(var(--contrastColorRGB), .1) ), linear-gradient(var(--floatingGlassPanel), var(--floatingGlassPanel));--actionBarBoxShadow: var(--floatingGlassBoxShadow);--focusedActionBarBoxShadow: var(--floatingGlassBoxShadow), inset 0 0 1px var(--contrastColor);--actionBarToolbarBackground: rgb(var(--floatingGlassPanelRGB));--actionBarToolbarSeparator: rgba(255, 255, 255, .015);--buttonBoxShadow: var(--floatingGlassBoxShadow);--buttonPanelBoxShadow: var(--buttonBoxShadow);--buttonAccentBoxShadow: var(--floatingGlassBoxShadow);--buttonHoverFilter: brightness(1.2);--buttonActiveFilter: brightness(.7);--neutralHoverBackground: rgba(135, 147, 171, .4);--neutralHoverBackgroundRGB: 135, 147, 171;--textMuted: rgba(255, 255, 255, .6);--enhanceOverlayColor: #984fff;--sidebarBackgroundColor: #0d0d0e;--sidebarBackgroundColorRGB: 13, 13, 14;--sidebarCategoryBackgroundColorRGB: 25, 25, 25;--sidebarMainControlHoverBackgroundColor: rgba( var(--controlBackgroundColorRGB), .1 );--menuBackgroundColorRGB: 35, 35, 37;--menuBoxShadow: inset 1px 1px 0 rgba(255, 255, 255, .1), inset -1px -1px 0 rgba(255, 255, 255, .075), 0 5px 15px rgba(0, 0, 0, .1);--menuBackdropFilter: blur(20px);--modalBoxShadow: 0 0 0 1px rgba(255, 255, 255, .1), 0 10px 25px rgba(0, 0, 0, .4);--viewerBackgroundColor: rgba(87, 92, 98, 1);--color-syntax-keyword: rgb(252, 95, 163);--color-code-plain: rgb(252, 95, 163);--color-syntax-other-type-names: rgb(180, 130, 255);--color-syntax-string: rgb(255, 129, 112);--color-link: rgb(100, 180, 255);--pureWhiteColor: #fff;--pureWhiteColorRGB: 255, 255, 255;--tableHeaderBackground: rgba(40, 40, 42, 1);--tableHeaderBackgroundRGB: 40, 40, 42;--askLayerGradientStart: rgb(30, 30, 33);--askLayerGradientEnd: rgba(30, 30, 33, .7);--askLayerTextColor: #fff;--checkerboard: var(--canvasBackgroundColor) repeating-conic-gradient( rgba(255, 255, 255, 0) 0 25%, rgba(255, 255, 255, .035) 0 50% ) 50% / var(--checkerBoardSize, 50px) var(--checkerBoardSize, 50px);--checkerboardBoxShadow: none;--floatingToolbarBlueSelected: rgba(72, 139, 255, .4);--floatingToolbarBlueSelectedBoxShadow: var(--buttonAccentBoxShadow);--floatingToolbarBlueSelectedColor: inherit;--floatingToolbarPurpleSelected: rgba(86, 40, 235, 1);--floatingToolbarPurpleSelectedBoxShadow: var(--buttonAccentBoxShadow);--floatingToolbarPurpleSelectedColor: #fff;--styleCellOverlayColor: rgba(0, 0, 0, .5);--attachmentPillBackground: rgba(42, 154, 245, .15);--attachmentPillColor: rgba(87, 174, 246, .8);--mentionChipBackground: rgba(var(--contrastColorRGB), .2);--mentionChipBackgroundSelected: rgba(var(--contrastColorRGB), .35);--generatorOverlayEmptyColor: rgb(20, 20, 22);--generatorOverlayEmptyMinOpacity: 0;--generatorOverlayEmptyMaxOpacity: .45;--generatorOverlayMediaColor: rgb(20, 20, 22);--generatorOverlayMediaMinOpacity: 0;--generatorOverlayMediaMaxOpacity: .6;--canvasGhostBackground: color-mix( in srgb, rgba(0, 0, 0, .6), rgba(var(--canvasBackgroundColorRGB), .8) );--toolCallmessagePillBackground: rgba(220, 220, 255, .045);--assistantMessageBubble: rgba(255, 255, 255, .05);--topToolbarBannerBackground: rgba(0, 0, 0, 1);--topToolbarBannerColor: #fff;--topToolbarBannerBoxShadowDropShadow: var(--floatingGlassBoxShadow);--topToolbarBannerBoxShadow: var(--floatingGlassBoxShadow);--topToolbarBackdropFilter: blur(20px) saturate(1.8)}@media(max-width:600px){html{--bodyTextSize: 17px}}input::placeholder{color:var(--tertiaryLabelColor)}html{overscroll-behavior:none;-webkit-touch-callout:none}body{overscroll-behavior:none}*{box-sizing:border-box;outline:none;touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}._root_wbr8q_1{pointer-events:none;position:fixed;inset:0;z-index:2147483647}._measure_wbr8q_8{visibility:hidden;position:absolute;pointer-events:none}._surface_wbr8q_14{background:var(--floatingGlassPanel);box-shadow:var(--floatingGlassBoxShadow);backdrop-filter:var(--menuBackdropFilter);-webkit-backdrop-filter:var(--menuBackdropFilter);color:var(--tertiaryLabelColor);font-size:12px;line-height:12px;border-radius:16px;overflow:hidden}._position_wbr8q_26{pointer-events:none;width:0}._label_wbr8q_31{padding:0 9px;height:24px;min-height:0;max-width:none;white-space:nowrap;text-wrap:nowrap}._help_wbr8q_40{padding:0;height:auto;min-height:24px;max-width:280px;white-space:normal;text-wrap:wrap}._error_wbr8q_49{padding:0;height:auto;min-height:24px;max-width:280px;white-space:normal;text-wrap:wrap;background:var(--colorRed);color:#fff}._measuredContentLabel_wbr8q_60{white-space:nowrap}._measuredContentBody_wbr8q_64{white-space:normal}._contentLabel_wbr8q_68{position:absolute;top:5.5px;white-space:nowrap}._contentBody_wbr8q_74{min-height:24px;white-space:normal}