:root{--inputSelectImageDark: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMSAxMS43NzQ4QzcuOTE5NzYgMTEuNzc0OCA3Ljg0NDk3IDExLjc2MiA3Ljc3NTc1IDExLjczNjRDNy43MDY1MiAxMS43MTA3IDcuNjQwNzEgMTEuNjY2NyA3LjU3ODMyIDExLjYwNDNMNC41ODIxNyA4LjYwODE2QzQuNDg5ODYgOC41MTU4NiA0LjQ0MjYzIDguMzk5ODQgNC40NDA1IDguMjYwMDlDNC40MzgzNiA4LjEyMDM1IDQuNDg1NTggOC4wMDIxOSA0LjU4MjE3IDcuOTA1NjFDNC42Nzg3NCA3LjgwOTAzIDQuNzk1ODMgNy43NjA3NCA0LjkzMzQzIDcuNzYwNzRDNS4wNzEwMyA3Ljc2MDc0IDUuMTg4MTIgNy44MDkwMyA1LjI4NDcgNy45MDU2MUw4LjAwMDEgMTAuNjIxTDEwLjcxNTUgNy45MDU2MUMxMC44MDc4IDcuODEzMzEgMTAuOTIzOCA3Ljc2NjA5IDExLjA2MzYgNy43NjM5NEMxMS4yMDMzIDcuNzYxODEgMTEuMzIxNSA3LjgwOTAzIDExLjQxOCA3LjkwNTYxQzExLjUxNDYgOC4wMDIxOSAxMS41NjI5IDguMTE5MjggMTEuNTYyOSA4LjI1Njg5QzExLjU2MjkgOC4zOTQ0OSAxMS41MTQ2IDguNTExNTggMTEuNDE4IDguNjA4MTZMOC40MjE4OCAxMS42MDQzQzguMzU5NDkgMTEuNjY2NyA4LjI5MzY4IDExLjcxMDcgOC4yMjQ0NSAxMS43MzY0QzguMTU1MjMgMTEuNzYyIDguMDgwNDQgMTEuNzc0OCA4LjAwMDEgMTEuNzc0OFoiIGZpbGw9IiNGMkYyRjIiLz4KPC9zdmc+Cg==);--inputSelectImageLight: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMSAxMS43NzQ4QzcuOTE5NzYgMTEuNzc0OCA3Ljg0NDk3IDExLjc2MiA3Ljc3NTc1IDExLjczNjRDNy43MDY1MiAxMS43MTA3IDcuNjQwNzEgMTEuNjY2NyA3LjU3ODMyIDExLjYwNDNMNC41ODIxNyA4LjYwODE2QzQuNDg5ODYgOC41MTU4NiA0LjQ0MjYzIDguMzk5ODQgNC40NDA1IDguMjYwMDlDNC40MzgzNiA4LjEyMDM1IDQuNDg1NTggOC4wMDIxOSA0LjU4MjE3IDcuOTA1NjFDNC42Nzg3NCA3LjgwOTAzIDQuNzk1ODMgNy43NjA3NCA0LjkzMzQzIDcuNzYwNzRDNS4wNzEwMyA3Ljc2MDc0IDUuMTg4MTIgNy44MDkwMyA1LjI4NDcgNy45MDU2MUw4LjAwMDEgMTAuNjIxTDEwLjcxNTUgNy45MDU2MUMxMC44MDc4IDcuODEzMzEgMTAuOTIzOCA3Ljc2NjA5IDExLjA2MzYgNy43NjM5NEMxMS4yMDMzIDcuNzYxODEgMTEuMzIxNSA3LjgwOTAzIDExLjQxOCA3LjkwNTYxQzExLjUxNDYgOC4wMDIxOSAxMS41NjI5IDguMTE5MjggMTEuNTYyOSA4LjI1Njg5QzExLjU2MjkgOC4zOTQ0OSAxMS41MTQ2IDguNTExNTggMTEuNDE4IDguNjA4MTZMOC40MjE4OCAxMS42MDQzQzguMzU5NDkgMTEuNjY2NyA4LjI5MzY4IDExLjcxMDcgOC4yMjQ0NSAxMS43MzY0QzguMTU1MjMgMTEuNzYyIDguMDgwNDQgMTEuNzc0OCA4LjAwMDEgMTEuNzc0OFoiIGZpbGw9IiM5QjlCOUIiLz4KPC9zdmc+Cg==)}:root{--colorWhite: #ffffff;--colorStone: #f8f8f8;--colorSnow: #f2f2f2;--colorMountain: #eaeaea;--colorGainsboro: #dadada;--colorSilver: #cccccc;--colorCloud: #b4b4b4;--colorMetal: #9b9b9b;--colorGranite: #7c7d7e;--colorStorm: #5c5f60;--colorGravel: #414344;--colorIron: #3c3c3c;--colorShadow: #1f2021;--colorOnyx: #18181a;--colorCharcoal: #0e0e0e;--colorMidnight: #073158;--colorOcean: #4a90e2;--colorBreeze: #e6f2ff;--colorTealDark: #6ae5e0;--colorTealLight: #11bdbd;--colorTurquoise: #a6efec;--colorTurquoiseOpacity: rgba(166, 239, 236, .3);--colorTurquoiseOpacityHover: rgba(166, 239, 236, .7);--colorRain: #b2c4d7;--colorRouge: #ff4747;--colorOrange: #ffa500;--colorTempest: #003744;--colorBlackPearl: #002933;--colorBunker: #252728;--gradientMint: linear-gradient(94deg, #6be5ad 0%, #53afe4 100.05%);--gradientMintHover: linear-gradient(94deg, #97edc5 0%, #7fc4eb 100.05%)}:root{--colorTeal: var(--colorTealDark);--inactiveSelectionBackground: #3c3c3c;--activeSelectionFontColor: white;--hoverBackground: #2b2b2b;--hoverForeground: #cccccc;--activeSelectionBackground: rgb(0, 56, 139);--activeSelectionBorderColor: rgb(0, 85, 212);--errorForeground: var(--colorRouge);--warningForeground: var(--colorOrange);--dropBackground: var(--colorIron);--dropBackgroundSecondary: #333;--dropHighlight: var(--colorTeal);--splitterBorder: #333;--rangeBackground: #404040;--splitterHandleColor: var(--colorTeal);--background: #1e1e1e;--panelBackground: #252525;--panelBoxBackground: #2f2f2f;--tabColor: #aaa;--tabSelected: white;--tabSelectedBar: white;--tabSelectedEditorColor: var(--tabSelected);--fontColor: #919191;--fontColorSecondary: #919191;--iconColor: #919191;--mainMenuIconColor: var(--iconColor);--mainMenuIconColorHover: var(--iconColor);--mainMenuIconColorSelected: var(--iconColor);--placeholderFontColor: rgb(94, 94, 94);--headingColor: #969696;--subheadingColor: #727272;--leftNavColor: #333;--leftNavBorder: none;--menuBackgroundColor: #333;--menuKeyboardHint: #565656;--menuEmptyColor: #4b4b4b;--buttonColor: #5c5c5c;--buttonHoverColor: #808080;--buttonFontColor: white;--buttonBorderGradient: none;--buttonPrimaryBorderGradient: none;--buttonPrimaryColor: #2971b4;--buttonPrimaryHoverColor: #4e8cc7;--buttonPrimaryFontColor: white;--usersFontColor: var(--buttonPrimaryFontColor);--buttonSecondaryColor: #5c5c5c;--buttonSecondaryHoverColor: #808080;--buttonDangerousColor: var(--colorRouge);--buttonDangerousHoverColor: #f97272;--buttonDangerousFontColor: white;--buttonInlineHoverColor: #393939;--disabledBackgroundColor: #444;--statusBarIconColor: #cccccc;--inactiveInputFontColor: #b7b7b7;--inputFontColor: #e8e8e8;--inputValidationErrorBackground: #5a1d1d;--searchReplaceRemoveBackground: #511e1e;--searchReplaceInsertBackground: #3d432f;--inputBackgroundColor: #3c3c3c;--statusBarBackground: #3c3c3c;--statusBarBorder: none;--toggleButtonActiveBackground: #245779;--editorTabBackground: #2d2d2d;--editorTabBackgroundSelected: #1e1e1e;--infoPanelBorderColor: #404040;--infoPanelFilterBackground: #4e4e51;--infoPanelFilterHoverBackground: #69696c;--infoPanelFilterFontColor: #d7d7db;--notificationBackground: #333;--notificationBorderRadius: 4px;--logLineSeparator: #262626;--highlight: #369eff;--highlightWarn: var(--colorRouge);--emptyStateColor: #4b4b4b;--documentationBackground: var(--colorShadow);--documentationCodeBackground: var(--colorIron);--defaultTransition: .2s cubic-bezier(0, .6, .6, 1);--fullColor: black;--inverseFullColor: white;--passiveOpacity: .5;--sliderColor: #555555;--sliderBackground: var(--panelBackground);--timelineTrackEase: #5d5d5d;--activeTrackBackground: #2e2e2e;--entityTrackEase: #39405a;--entityKeyframe: #6c77a0;--entityTrackBackground: #24262e;--keyframeColor: #969696;--blendTrackEase: #405043;--blendKeyframe: #8b9a8e;--blendTrackBackground: #1f2821;--fadeTrackBackground: #35242d;--hoverTrackBackground: #292929;--clipTrackEase: #51375a;--clipKeyframe: #9f6ca0;--clipTrackBackground: #2c242e;--streamTrackEase: #595a39;--streamKeyframe: #9fa06c;--functionKeyframe: #ff8400;--streamTrackBackground: #333320;--playheadColor: var(--colorTeal);--selectedKeyframe: var(--colorTeal);--blurKeyframe: #008f85;--menuScrollBackground: rgba(0, 0, 0, .3);--dragItemBackground: rgba(0, 0, 0, .3);--panelShadow: 0 2px 6px #ffffff30;--edgeSafeGap: 12px;--inputTableKeyColor: unset;--inputTableKeyWithValueColor: unset;--dialogCoverColor: rgba(0, 0, 0, .6);--highlightParagraph: var(--colorTempest);--popupShadow: 0 0 10px 0 rgba(0, 0, 0, .15);--popupOutline: unset;--popupBorder: unset;--editorBackground: #1e1e1e;--tooltipColor: var(--fontColor);--tooltipBackground: var(--leftNavColor);--tooltipDialogBackground: var(--colorShadow);--tooltipDialogBorderRadius: 0;--editorMinimapTopBorder: 0px solid transparent;--cardBackground: var(--panelBoxBackground);--animationClosedBackgroundColor: var(--panelBackground);--animationBorderTop: 1px solid var(--splitterBorder);--logoColor: var(--gradientMint);--logoArrowColor: var(--colorWhite);--carouselBackground: var(--colorOnyx);--previewWrapperIconBackground: #252525;--previewWrapperInactiveIcon: var(--colorStorm);--previewWrapperActiveIcon: var(--colorTeal);--previewWrapperSelectionBackground: var(--colorIron);--scrollbarThumbColor: rgba(55, 55, 55, .7);--anchorColor: var(--highlight);--menuHighlightColor: var(--colorTempest);--templatesBackground: var(--colorCharcoal);--templatesCardBackground: var(--colorBunker);--templatesPanelBackground: var(--colorShadow);--templatesInputBackground: var(--colorIron);--infoPanelBackground: #27292a;--sandboxPanelBackground: var(--colorShadow);--sandboxBannerBackground: var(--colorShadow);--sandboxInitIconColor: var(--colorSnow);--sandboxInitIconBackground: #393b3d;--sandboxPillBackground: transparent;--sandboxPillBackgroundHover: var(--colorIron);--backgroundGradient: linear-gradient(112.68deg, #1d322f 0%, #222346 100%);--backgroundGradientMask: linear-gradient( 180deg, rgba(250, 250, 250, 0) 31.49%, rgba(250, 250, 250, .7) 100% );--radialGradientBorder: var(--buttonPrimaryColor);--buttonHoverBorderGradient: var(--buttonPrimaryColor);--radioBackground: transparent;--radioBorder: 1px solid var(--fontColor);--radioSelectedBackground: var(--fontColor);--radioOpacity: .3;--dependencyCardBackground: #2c2e2f;--aiInputBackground: var(--colorShadow);--aiInnerBorder: var(--colorGravel);--inputGradientBorder: none;--textLarge: 14px;--aiULBackground: var(--colorOnyx);--proposedChangesIconBackground: #292b2c;--aiChangeSummaryBackground: #18191a;--inlineAlertInformationBorder: 1px solid rgba(106, 229, 224, .5);--inlineAlertInformationBackground: rgba(74, 144, 226, .1);--inlineAlertWarningBorder: 1px solid rgba(255, 165, 0, .5);--inlineAlertWarningBackground: rgba(255, 165, 0, .1);--inlineAlertErrorBorder: 1px solid rgba(255, 71, 71, .5);--inlineAlertErrorBackground: rgba(255, 71, 71, .1);--inlineAlertPadding: 16px;--inlineAlertSmallPadding: 12px;--inlineAlertGap: 8px;--inlineAlertSmallGap: 4px;--progressBarBackground: var(--colorGainsboro);--progressBarForeground: var(--colorTealLight)}[data-zeethememode=light]{--colorTeal: var(--colorTealLight);--inactiveSelectionBackground: rgb(223, 223, 223);--inactiveSelectionFontColor: #616161;--activeSelectionBackground: #0060c0;--hoverBackground: #e8e8e8;--hoverForeground: #616161;--background: #ffffff;--panelBackground: #f3f3f3;--panelBoxBackground: #f8f8f8;--tabSelected: black;--tabSelectedBar: black;--fontColor: #717171;--fontColorSecondary: #717171;--placeholderFontColor: rgb(220, 220, 220);--menuBackgroundColor: #f3f3f3;--menuKeyboardHint: #d4d4d4;--menuEmptyColor: #d4d4d4;--dropBackground: var(--colorSilver);--dropBackgroundSecondary: var(--colorGainsboro);--selectedTreeItemFontColor: white;--statusBarIconColor: white;--inactiveInputFontColor: #d4d4d4;--leftNavColor: #e3e3e3;--splitterBorder: #e1e1e1;--rangeBackground: #e1e1e1;--buttonColor: #777777;--buttonHoverColor: #999999;--buttonFontColor: white;--buttonPrimaryColor: #2971b4;--buttonPrimaryHoverColor: #4e8cc7;--buttonPrimaryFontColor: white;--buttonSecondaryColor: #777777;--buttonSecondaryHoverColor: #999999;--buttonInlineHoverColor: #dfdfdf;--disabledBackgroundColor: #ededed;--buttonBorder: none;--buttonPrimaryBorder: none;--searchReplaceRemoveBackground: #f5c2c2;--searchReplaceInsertBackground: #e1e7d3;--inputValidationErrorBackground: #f2dede;--inactiveInputFontColor: #616161;--inputFontColor: #616161;--inputBackgroundColor: white;--activeSelectionFontColor: white;--statusBarBackground: #0060c0;--toggleButtonActiveBackground: #cce9fc;--editorTabBackground: #ececec;--editorTabBackgroundSelected: white;--tabColor: #9c9c9c;--infoPanelBorderColor: #d7d7d7;--infoPanelFilterBackground: #d7d7db;--infoPanelFilterHoverBackground: #c7c7cc;--infoPanelFilterFontColor: #4e4e51;--infoPanelLogFontColor: white;--notificationBackground: #e7e7e7;--subheadingColor: #bfbfbf;--logLineSeparator: #f6f6f6;--highlight: #0084ff;--emptyStateColor: #d0d0d0;--documentationBackground: var(--colorSnow);--documentationCodeBackground: var(--colorWhite);--fullColor: white;--inverseFullColor: black;--sliderColor: #bbbbbb;--timelineTrackEase: #b2b2b2;--activeTrackBackground: #e2e2e2;--entityTrackEase: #a2b2ee;--entityKeyframe: #7e8bc4;--entityTrackBackground: #e6ebfb;--keyframeColor: #7c7c7c;--blendTrackEase: #9dc2a4;--blendKeyframe: #718c76;--blendTrackBackground: #dbe9de;--fadeTrackBackground: #ecdbe4;--hoverTrackBackground: #ebe9e9;--clipTrackEase: #b697c1;--clipKeyframe: #986a99;--clipTrackBackground: #ece1ef;--streamTrackEase: #fdfb71;--streamKeyframe: #c4bf7e;--streamTrackBackground: #ebebcc;--menuScrollBackground: rgba(255, 255, 255, .7);--dragItemBackground: rgba(255, 255, 255, .3);--panelShadow: 0 2px 6px #00000040;--dialogCoverColor: rgba(255, 255, 255, .6);--highlightParagraph: var(--colorGainsboro);--editorBackground: #fffffe;--tooltipDialogBackground: var(--leftNavColor);--logoArrowColor: var(--colorMetal);--carouselBackground: var(--colorMountain);--previewWrapperIconBackground: var(--colorSnow);--previewWrapperInactiveIcon: var(--colorMetal);--previewWrapperActiveIcon: var(--colorTeal);--previewWrapperSelectionBackground: var(--colorWhite);--menuHighlightColor: var(--colorTurquoise);--templatesBackground: var(--colorMountain);--templatesCardBackground: var(--colorMountain);--templatesPanelBackground: var(--colorStone);--templatesInputBackground: var(--colorWhite);--infoPanelBackground: #eff0f0;--sandboxPanelBackground: var(--colorSnow);--sandboxBannerBackground: var(--colorWhite);--sandboxInitIconColor: var(--colorMetal);--sandboxInitIconBackground: var(--colorGainsboro);--sandboxPillBackgroundHover: var(--colorMountain);--backgroundGradient: linear-gradient( 89.82deg, #daf1e4 .12%, #dbdbf0 99.81% );--backgroundGradientMask: linear-gradient( 180deg, #fafafa00 10%, #fafafab3 73% );--radioBackground: var(--colorWhite);--radioBorder: 1px solid transparent;--radioSelectedBackground: var(--colorCloud);--radioOpacity: 1;--dependencyCardBackground: var(--colorSnow);--aiULBackground: var(--colorStone);--inlineAlertInformationBorder: rgba(17, 189, 189, .5);--inlineAlertInformationBackground: rgba(17, 189, 189, .1);--inlineAlertWarningBorder: rgba(255, 165, 0, .5);--inlineAlertWarningBackground: rgba(255, 165, 0, .1);--inlineAlertErrorBorder: rgba(255, 71, 71, .5);--inlineAlertErrorBackground: rgba(255, 71, 71, .1)}[data-zeethemestyle=mc][data-zeethememode=dark]{--fontColor: var(--colorSnow);--fontColorSecondary: var(--colorMetal);--iconColor: var(--colorMetal);--buttonColor: none;--buttonBorderGradient: var(--colorStorm);--buttonPrimaryBorderGradient: none;--buttonBorder: 0px solid transparent;--buttonPrimaryBorder: none;--buttonPrimaryColor: var(--gradientMint);--buttonPrimaryHoverColor: var(--gradientMintHover);--buttonFontColor: var(--fontColor);--buttonSecondaryColor: transparent;--buttonSecondaryHoverColor: transparent;--buttonPrimaryFontColor: black;--buttonInlineHoverColor: var(--colorIron);--panelBackground: var(--colorShadow);--menuBackgroundColor: var(--colorShadow);--panelBoxBackground: var(--colorShadow);--activeSelectionBackground: var(--colorTempest);--activeSelectionBorderColor: var(--colorTeal);--splitterBorder: var(--colorGravel);--rangeBackground: #444444;--tabSelected: var(--colorSnow);--tabSelectedBar: var(--colorTeal);--background: var(--colorCharcoal);--inputBackgroundColor: var(--colorIron);--headingColor: var(--colorSnow);--subheadingColor: var(--colorSnow);--inputFontColor: var(--colorSnow);--inactiveInputFontColor: var(--colorSnow);--placeholderFontColor: var(--colorGranite);--inputTableKeyColor: var(--colorGranite);--inputTableKeyWithValueColor: var(--colorCloud);--inactiveSelectionFontColor: var(--colorSnow);--inactiveSelectionBackground: var(--colorBlackPearl);--hoverForeground: var(--fontColor);--hoverBackground: var(--colorBlackPearl);--editorTabBackground: var(--colorShadow);--leftNavColor: var(--colorCharcoal);--editorTabBackgroundSelected: var(--colorCharcoal);--popupShadow: 2px 2px 10px 3px rgba(0, 0, 0, .5);--popupOutline: .5px solid var(--colorIron);--popupBorder: 1px solid var(--colorIron);--editorBackground: var(--colorCharcoal);--tooltipDialogBackground: #111111;--editorMinimapTopBorder: 1px solid var(--colorCharcoal);--cardBackground: var(--colorOnyx);--statusBarBackground: var(--colorShadow);--statusBarBorder: 1px solid var(--splitterBorder);--statusBarIconColor: var(--fontColorSecondary);--animationClosedBackgroundColor: var(--colorCharcoal);--animationBorderTop: 1px solid var(--colorShadow);--mainMenuIconColorHover: var(--fontColor);--mainMenuIconColorSelected: var(--fontColor);--previewWrapperIconBackground: var(--colorShadow);--inputSelectArrowImage: var(--inputSelectImageDark);--emptyStateColor: var(--colorStorm);--scrollbarThumbColor: var(--colorGravel);--anchorColor: var(--colorTeal);--inputGradientBorder: linear-gradient(168deg, #0000 15.56%, #1f2021 63.65%), linear-gradient(168deg, #fff0 15.56%, #fff 63.65%), linear-gradient(346deg, #1057b6 55.79%, #6ae5e0 89.65%);--aiUIBackground: linear-gradient( 180deg, #0e0e0e .04%, rgba(0, 0, 0, .39) 99.96% ), linear-gradient(113deg, #1d322f 0%, #222346 100%);--progressBarBackground: var(--colorIron);--progressBarForeground: var(--colorTealLight)}[data-zeethemestyle=mc][data-zeethememode=light]{--fontColor: var(--colorMidnight);--fontColorSecondary: var(--colorMidnight);--iconColor: var(--colorMetal);--buttonColor: none;--buttonBorderGradient: var(--colorGainsboro);--buttonPrimaryBorderGradient: none;--buttonBorder: 0px solid transparent;--buttonPrimaryBorder: none;--buttonPrimaryColor: var(--gradientMint);--buttonPrimaryHoverColor: var(--gradientMintHover);--buttonFontColor: var(--fontColor);--buttonSecondaryColor: var(--colorWhite);--buttonSecondaryHoverColor: var(--colorWhite);--buttonPrimaryFontColor: black;--buttonInlineHoverColor: var(--colorMountain);--usersFontColor: var(--colorWhite);--panelBackground: var(--colorSnow);--menuBackgroundColor: var(--colorSnow);--panelBoxBackground: var(--colorSnow);--activeSelectionBackground: var(--colorBreeze);--activeSelectionBorderColor: var(--colorOcean);--activeSelectionFontColor: var(--colorOcean);--hoverForeground: var(--colorMidnight);--hoverBackground: var(--colorMountain);--splitterBorder: var(--colorGainsboro);--rangeBackground: var(--colorWhite);--tabSelected: var(--colorMidnight);--tabSelectedBar: var(--colorTeal);--tabSelectedEditorColor: var(--colorMidnight);--background: var(--colorWhite);--inputBackgroundColor: var(--colorWhite);--headingColor: var(--colorMidnight);--subheadingColor: var(--colorMidnight);--inputFontColor: var(--colorMidnight);--inactiveInputFontColor: var(--colorMidnight);--placeholderFontColor: var(--colorMetal);--inputTableKeyColor: var(--colorMetal);--inputTableKeyWithValueColor: #727b83;--inactiveSelectionFontColor: var(--colorMidnight);--inactiveSelectionBackground: var(--colorMountain);--inputLabelBorder: 1px solid var(--colorMountain);--inputBorder: 1px solid var(--colorMountain);--editorTabBackground: var(--colorSnow);--leftNavColor: var(--colorMountain);--leftNavBorder: 1px solid var(--colorGainsboro);--editorTabBackgroundSelected: var(--colorWhite);--popupShadow: 0px 0px 10px 0 rgba(0, 0, 0, .07);--popupOutline: .5px solid var(--colorGainsboro);--popupBorder: 1px solid var(--colorGainsboro);--editorBackground: var(--colorWhite);--editorMinimapTopBorder: 1px solid var(--colorWhite);--cardBackground: var(--colorMountain);--statusBarBackground: var(--colorMountain);--statusBarBorder: 1px solid var(--splitterBorder);--statusBarIconColor: var(--colorMidnight);--animationClosedBackgroundColor: var(--colorSnow);--mainMenuIconColor: var(--colorMetal);--mainMenuIconColorHover: var(--colorTeal);--mainMenuIconColorSelected: var(--colorTeal);--previewWrapperIconBackground: var(--colorSnow);--sliderBackground: var(--colorWhite);--inputSelectArrowImage: var(--inputSelectImageLight);--emptyStateColor: var(--colorMetal);--scrollbarThumbColor: var(--colorSilver);--anchorColor: var(--colorOcean);--sandboxPillBackground: var(--colorTurquoiseOpacity);--sandboxPillBackgroundHover: var(--colorTurquoiseOpacityHover);--aiInputBackground: var(--colorWhite);--aiInnerBorder: var(--colorGainsboro);--inputGradientBorder: linear-gradient(168deg, #fff0 15.56%, #fff 63.65%), linear-gradient(355.74deg, #1057b6 55.79%, #6ae5e0 89.65%);--aiUIBackground: linear-gradient( 0deg, rgba(250, 250, 250, 0) -3.51%, #fafafa 49.99% ), linear-gradient(90deg, #daf1e4 -42.88%, #dbdbf0 168.81%);--aiChangeSummaryBackground: #f9f9f9}:root{--uppercase: uppercase;--bodyTextLineHeight: normal;--bodyTextFontFamily: "Roboto", sans-serif;--bodyTextFontSize: 13px;--buttonFontSize: unset;--buttonPadding: 5px 10px;--buttonBorderRadius: 0px;--buttonIconSize: 18px;--buttonInlineSize: 24px;--buttonInlineBorderRadius: 0;--buttonContainerTopGap: 24px;--disabledButtonOpacity: .3;--menuBorderRadius: 0px;--dialogBorderRadius: 0px;--dialogHeaderFontSize: 13px;--dialogHeaderLineHeight: unset;--dialogHeaderPadding: 12px;--dialogContentPadding: 0 12px;--dialogContentTitleMarginTop: 0px;--dialogFooterPadding: 35px 12px 12px 12px;--dialogFooterButtonGap: 10px;--dialogGap: 12px;--dialogHeaderFontWeight: unset;--popoverBorderRadius: 0px;--popoverPadding: 12px;--popoverGap: 1px;--headerbarFontSize: 13px;--headerbarFontWeight: normal;--headerbarTextTransform: var(--uppercase);--headerbarLineHeight: 24px;--h2FontSize: 10px;--h3FontWeight: 700;--h3TextTransform: var(--uppercase);--h3FontSize: 10px;--h3LineHeight: 24px;--h3LineHeightPreview: 24px;--h3MarginTop: 0px;--panelPadding: 12px;--panelGap: 12px;--mainLogoButtonHeight: 36px;--mainHeaderFontSize: 16px;--panelGroupCloseMargin: -2px;--panelGroupPadding: 14px var(--panelPadding) 1px;--treeItemTextMargin: 0 5px;--treeItemListMargin: 5px;--treeItemIndent: 16px;--treeIconSize: 16px;--treeIconPadding: 0;--accordionTitleHeight: 24px;--accordionPadding: 4px;--accordionTitleButtonMarginRight: 0;--inputFontSize: 13px;--inputBorder: 1px solid transparent;--inputLabelBorder: 1px solid transparent;--inputBorderRadius: 0px;--inputGap: 1px;--inputTupleLeftMargin: 12px;--inputSelectPadding: 0 4px;--inputSelectAppearance: auto;--inputSelectArrowImage: none;--textareaHeight: 78px;--emFontSize: .8125em;--animationTitleFontWeight: 400;--livePreviewTextTopGap: 2px;--livePreviewUrlHeight: 36px;--livePreviewGap: 12px;--livePreviewUrlBorderRadius: 18px;--openProjectTitleGap: 0px;--behaviorTitleHeight: 24px;--scrollbarThumbBorderRadius: 0px;--emptyStatePadding: 8px 24px 24px 24px;--aiULPadding: 12px 16px;--aiULGap: 8px;--inlineAlertInformationBorder: 1px solid rgba(106, 229, 224, .5);--inlineAlertInformationBackground: rgba(74, 144, 226, .1);--inlineAlertWarningBorder: 1px solid rgba(255, 165, 0, .5);--inlineAlertWarningBackground: rgba(255, 165, 0, .1);--inlineAlertErrorBorder: 1px solid rgba(255, 71, 71, .5);--inlineAlertErrorBackground: rgba(255, 71, 71, .1)}[data-zeethemestyle=mc]{--uppercase: none;--bodyTextLineHeight: 1.333;--bodyTextFontFamily: "Lato", sans-serif;--bodyTextFontSize: 12px;--buttonFontSize: 14px;--buttonPadding: 7px 15px 8px 15px;--buttonBorderRadius: 8px;--buttonIconSize: 16px;--buttonInlineSize: 16px;--buttonInlineBorderRadius: 2px;--buttonContainerTopGap: 4px;--disabledButtonOpacity: .3;--menuBorderRadius: 8px;--dialogBorderRadius: 8px;--dialogHeaderFontSize: 20px;--dialogHeaderLineHeight: 24px;--dialogHeaderPadding: 16px 24px;--dialogContentPadding: 0 24px;--dialogContentTitleMarginTop: 8px;--dialogFooterPadding: 16px;--dialogGap: 16px;--dialogFooterButtonGap: 16px;--dialogHeaderFontWeight: 700;--tooltipDialogBorderRadius: 8px;--popoverBorderRadius: 8px;--popoverPadding: 16px;--popoverGap: 12px;--headerbarFontSize: 14px;--headerbarFontWeight: 700;--headerbarLineHeight: 24px;--h2FontSize: 12px;--h3FontWeight: 700;--h3FontSize: 12px;--h3LineHeight: 18px;--h3MarginTop: 8px;--panelPadding: 24px;--panelGap: 12px;--mainLogoButtonHeight: 36px;--mainHeaderFontSize: 20px;--panelGroupCloseMargin: -14px;--panelGroupPadding: 2px var(--panelPadding) 1px;--treeItemTextMargin: 0 4px;--treeItemListMargin: 0;--treeItemIndent: 21px;--treeIconSize: 16px;--treeIconPadding: 0 1px;--accordionTitleHeight: 36px;--accordionPadding: 0;--accordionTitleButtonMarginRight: 4px;--inputFontSize: 12px;--inputBorderRadius: 4px;--inputGap: 1px;--inputTupleLeftMargin: 0;--inputSelectPadding: 0px 28px 0px 8px;--inputSelectAppearance: none;--textareaHeight: 76px;--emFontSize: .7em;--animationTitleFontWeight: 700;--livePreviewTextTopGap: 0;--livePreviewUrlHeight: 32px;--livePreviewGap: 12px;--livePreviewUrlBorderRadius: var(--inputBorderRadius);--openProjectTitleGap: 12px;--behaviorTitleHeight: 36px;--scrollbarThumbBorderRadius: 3px;--emptyStatePadding: 0 24px 24px 24px;--buttonHoverBorderGradient: var(--gradientMint), linear-gradient(0deg, #ffffff, #ffffff);--radialGradientBorder: radial-gradient( 106.81% 178.14% at 10% 117.62%, #dac902 0%, #6ae585 15.1%, #6ae5e0 36.46%, #3772e7 74.48%, #6a41e2 82.29%, #cb39dd 92.19%, #eb7777 100% )}*{box-sizing:border-box}textarea{resize:none}.zee-studio-dragging iframe{pointer-events:none}iframe{border:none}.zee-studio html,.zee-studio body,.zee-studio #root{width:100%;height:100%;margin:0;padding:0;background-color:var(--background);overscroll-behavior-x:none;-webkit-font-smoothing:antialiased}.zee-studio{font-family:var(--bodyTextFontFamily);font-size:var(--bodyTextFontSize);font-weight:400;color:var(--fontColor);line-height:var(--bodyTextLineHeight)}.zee-studio *::-webkit-scrollbar{background-color:transparent;width:6px;height:6px}.zee-studio *::-webkit-scrollbar-track{background-color:transparent}.zee-studio *::-webkit-scrollbar-corner{background:transparent}.zee-studio *:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbarThumbColor)}.zee-studio *::-webkit-scrollbar-thumb{border-radius:var(--scrollbarThumbBorderRadius);background-color:#f000;transition:background-color 1s}.zee-app{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.zee-studio input[type=text],.zee-studio input[type=number],.zee-studio textarea{background-color:var(--inputBackgroundColor);font-family:var(--bodyTextFontFamily);font-size:var(--inputFontSize);font-weight:400;outline:none;border:var(--inputBorder);color:var(--inactiveInputFontColor);box-sizing:border-box;padding:8px;border-radius:var(--inputBorderRadius);min-width:0;width:100%;max-height:24px}.zee-studio textarea{min-height:var(--textareaHeight)}.zee-studio input[type=text]:focus,.zee-studio input[type=number]:focus,.zee-studio textarea:focus{border:1px solid var(--activeSelectionBorderColor);color:var(--inputFontColor)}.zee-studio input[type=text]::placeholder,.zee-studio input[type=number]::placeholder,.zee-studio textarea::placeholder{color:var(--placeholderFontColor)}.zee-studio input.zee-warn{border:1px solid var(--highlightWarn)!important;color:var(--highlightWarn)!important}.zee-input-locked,.zee-input-not-in-context{position:relative}.zee-input-locked-icon,.zee-input-not-in-context-icon{position:absolute!important;width:100%;height:100%!important;display:flex!important;cursor:default;justify-content:center;align-items:center;background-color:var(--panelBackground)!important;opacity:.7;top:0}.zee-input-error{color:var(--errorForeground)!important}.zee-input-error:focus{border-color:var(--errorForeground)!important}.zee-input-label{display:flex;position:relative;border-radius:var(--inputBorderRadius);box-sizing:border-box;overflow:hidden;background-color:var(--inputBackgroundColor);border:var(--inputLabelBorder);height:24px;flex:1}.zee-studio .zee-input-label input[type=text],.zee-studio .zee-input-label input[type=number],.zee-studio .zee-input-label textarea{border:1px solid transparent;padding-right:2px}.zee-input-label:focus-within{border:1px solid var(--activeSelectionBorderColor)}.zee-input-label[data-label]{justify-content:center;align-items:center}.zee-input-label[data-label]>input{padding-left:0;border-radius:0;border:0px;height:22px}.zee-input-label[data-label]>input:focus{border:1px solid transparent}.zee-input-label[data-label]:before{content:attr(data-label);background-color:var(--inputBackgroundColor);height:100%;color:var(--placeholderFontColor);padding-left:6px;display:flex;align-items:center;box-sizing:border-box;font-size:10px;padding-right:6px}.zee-studio button,.zee-studio-button{cursor:pointer;background:var(--buttonColor);padding:var(--buttonPadding);color:var(--buttonFontColor);outline-offset:1px;user-select:none;border-radius:var(--buttonBorderRadius);font-size:var(--buttonFontSize);font-family:var(--bodyTextFontFamily);border:none;position:relative}.zee-studio button.primary:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--buttonBorderRadius);background:var(--buttonPrimaryBorderGradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zee-studio button:hover{background:var(--buttonHoverColor)}.zee-studio button:focus-visible{outline:2px solid var(--buttonColor)}.zee-studio button.primary{background:var(--buttonPrimaryColor);color:var(--buttonPrimaryFontColor);border:var(--buttonPrimaryBorder)}.zee-studio button.primary:focus-visible{outline:2px solid var(--buttonPrimaryColor)}.zee-studio button.secondary{background:var(--buttonSecondaryColor);border:var(--buttonBorder)}.zee-studio button.secondary:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--buttonBorderRadius);background:var(--buttonBorderGradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zee-studio button.secondary:hover{background:var(--buttonSecondaryHoverColor)}.zee-initial-card:hover:before,.zee-dep-details-card:hover:before,.zee-studio button.secondary:hover:before,.zee-studio button.secondary.active:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--buttonBorderRadius);background:var(--buttonHoverBorderGradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zee-studio button.dangerous{background-color:var(--buttonDangerousColor);color:var(--buttonDangerousFontColor)}.zee-studio button.dangerous:focus-visible{outline:2px solid var(--buttonDangerousColor)}.zee-studio button.primary:hover{background:var(--buttonPrimaryHoverColor)}.zee-studio button:hover.dangerous{background-color:var(--buttonDangerousHoverColor)}.zee-studio button.inline{background:none;color:var(--fontColor);padding:0;border-radius:var(--buttonInlineBorderRadius)}.zee-studio button.inline:before{content:unset}.zee-studio button.zee-button{background:none;padding:0}.zee-studio button.inline:hover{background-color:var(--buttonInlineHoverColor)!important;color:var(--fontColor)!important}.zee-studio button:disabled{pointer-events:none;opacity:var(--disabledButtonOpacity)}.zee-studio button.inline:disabled{background:none!important;opacity:var(--disabledButtonOpacity)}.react-autosuggest__container{position:relative}.react-autosuggest__input--open{border-bottom-left-radius:0;border-bottom-right-radius:0}.react-autosuggest__suggestions-container{display:none}.react-autosuggest__suggestions-container--open{display:block;position:absolute;top:24px;width:200px;background:var(--menuBackgroundColor);z-index:2;box-shadow:0 0 16px -4px #0000004d;padding-top:6px;padding-bottom:6px;border-radius:6px;color:var(--fontColor)}.react-autosuggest__suggestions-list{margin:0;padding:0;list-style-type:none}.react-autosuggest__suggestion{cursor:pointer;padding:0 12px;height:24px;line-height:24px}.react-autosuggest__suggestion--highlighted{background-color:var(--hoverBackground);color:var(--hoverForeground)}.react-autosuggest__suggestion-match{color:red;font-weight:700}.zee-studio{letter-spacing:.06px}.zee-studio h3{font-family:var(--bodyTextFontFamily);font-weight:var(--h3FontWeight);text-transform:var(--h3TextTransform);font-size:var(--h3FontSize);color:var(--subheadingColor);padding:0;margin-bottom:0;line-height:var(--h3LineHeight);margin-top:var(--h3MarginTop)}h3:first-child{margin-top:0}.zee-studio h2{font-family:var(--bodyTextFontFamily);font-size:var(--h2FontSize);font-weight:700;color:var(--headingColor);padding:0;margin:0;line-height:24px;text-transform:var(--uppercase)}.zee-studio h1{font-family:var(--bodyTextFontFamily);font-size:var(--mainHeaderFontSize);font-weight:400;color:var(--headingColor);padding:0;margin:0 0 12px;letter-spacing:0}.zee-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zee-studio a,.zee-studio a:visited{color:var(--anchorColor);text-decoration:none}.zee-studio select,.zee-preview-body select{background-color:var(--inputBackgroundColor);border:var(--inputBorder);height:24px;color:var(--inputFontColor);outline-offset:1px;padding:var(--inputSelectPadding);border-radius:var(--inputBorderRadius);font-size:var(--inputFontSize);font-family:var(--bodyTextFontFamily);max-width:100%;appearance:var(--inputSelectAppearance);background-image:var(--inputSelectArrowImage);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:16px auto}.zee-studio select:focus-visible,.zee-preview-body select:focus-visible{outline:2px solid var(--buttonPrimaryColor)}.material-symbols-outlined,.material-symbols-rounded{color:var(--iconColor);font-size:var(--buttonIconSize)!important;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.material-symbols-filled{color:var(--iconColor);font-size:var(--buttonIconSize)!important;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 18}.material-symbol-inherit{font-size:inherit!important}@keyframes zee-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zee-spin{animation-name:zee-spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.zee-gradient-text{background:radial-gradient(77.81% 158.14% at 0% 107.62%,#dac902 0%,#6ae585 15.1%,var(--colorTeal) 36.46%,#3772e7 74.48%,#6a41e2 82.29%,#cb39dd 92.19%,#eb7777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.zee-outline{border:1px solid var(--infoPanelBorderColor)!important}.zee-tooltip{z-index:100;color:var(--tooltipColor)!important;background-color:var(--tooltipBackground)!important;opacity:1!important}.zee-tooltip.zee-small-tooltip{font-size:12px;background-color:var(--buttonInlineHoverColor)!important;border-radius:var(--buttonInlineBorderRadius);padding:4px 8px;font-weight:400}.zee-studio .monaco-editor,.zee-studio .monaco-editor-background,.zee-studio .monaco-editor .inputarea.ime-input,.zee-studio .monaco-editor .margin{background-color:var(--editorBackground)}.zee-studio .monaco-editor .minimap{border-top:var(--editorMinimapTopBorder)}.zee-secondary-font-color{color:var(--fontColorSecondary)}.zee-remove-flex-gap{margin:0;margin-bottom:calc(-1 * var(--panelGap))}.zee-compensate-flex-gap{margin:calc(-1 * var(--panelGap))}.zee-input-suffix{width:24px;max-width:24px;height:24px;max-height:24px;visibility:hidden;display:flex;align-items:center;justify-content:center}.zee-input-suffix-button{width:var(--buttonInlineSize);height:var(--buttonInlineSize)!important;max-width:var(--buttonInlineSize);min-width:var(--buttonInlineSize)}.zee-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;user-select:none;pointer-events:none;animation:fade .3s ease-out;animation-fill-mode:forwards;z-index:100}.zee-imposter{position:relative;display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:var(--dialogBorderRadius)}.zee-imposter div{color:var(--fontColorSecondary)}.zee-error{color:var(--errorForeground)!important}.zee-monaco-editor{outline:none!important;border:none!important;border-width:0;border-radius:0}.zee-monaco-editor:focus{outline:none!important;border:none!important;outline:0px!important}.zee-radial-gradient-border{position:relative}.zee-radial-gradient-border:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--radialGradientBorder);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.zee-input-gradient-border{position:relative}.zee-input-gradient-border:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:var(--inputGradientBorder);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.zee-background-gradient{position:absolute;left:0;bottom:0;width:100%;height:40%;background:var(--backgroundGradient);mask:var(--backgroundGradientMask)}.zee-diff-summary-inner{z-index:1000;display:flex!important;flex-direction:row;gap:4px;padding-right:36px;align-items:center;justify-content:flex-end;height:18px}.zee-diff-summary-inner>button{height:18px;font-size:10px;padding:0 12px;border-radius:0 0 4px 4px!important;padding:4px 8px 4px 4px!important;display:flex;flex-direction:row;align-items:center;background:var(--panelBackground)!important}.zee-diff-summary-inner>#accept{margin-left:auto}.zee-proposed-change{color:orange}body{margin:0;padding:0;background-color:var(--background)}.zee-studio{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.app{padding:var(--panelPadding);max-width:900px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:calc(var(--panelGap) * 2)}.app h1{margin-bottom:0}.app-content{display:grid;grid-template-columns:1fr 200px;gap:calc(var(--panelGap) * 2);align-items:start}.controls{width:100%;display:flex;flex-direction:column;gap:calc(var(--panelGap) * 2)}.action-section{display:flex;justify-content:flex-end;gap:var(--panelGap);padding:calc(var(--panelPadding) / 2) 0}.zee-studio .button{cursor:pointer;background:var(--buttonColor);padding:var(--buttonPadding);color:var(--buttonFontColor);outline-offset:1px;user-select:none;border-radius:var(--buttonBorderRadius);font-size:var(--buttonFontSize);font-family:var(--bodyTextFontFamily);border:none;position:relative;min-width:200px}.zee-studio .button:hover{background:var(--buttonHoverColor)}.zee-studio .button:focus-visible{outline:2px solid var(--buttonColor)}.zee-studio .button.primary{background:var(--buttonPrimaryColor);color:var(--buttonPrimaryFontColor);border:var(--buttonPrimaryBorder)}.zee-studio .button.primary:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--buttonBorderRadius);background:var(--buttonPrimaryBorderGradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zee-studio .button.primary:hover{background:var(--buttonPrimaryHoverColor)}.zee-studio .button.primary:focus-visible{outline:2px solid var(--buttonPrimaryColor)}.zee-studio .button.secondary{background:var(--buttonSecondaryColor);border:var(--buttonBorder)}.zee-studio .button.secondary:before{content:"";position:absolute;inset:0;padding:1px;border-radius:var(--buttonBorderRadius);background:var(--buttonBorderGradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.zee-studio .button.secondary:hover{background:var(--buttonSecondaryHoverColor)}.zee-studio .button:disabled{pointer-events:none;opacity:var(--disabledButtonOpacity)}.checkbox-input{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--fontColorSecondary);font-weight:500;font-size:var(--inputFontSize)}.checkbox-input input[type=checkbox]{width:16px;height:16px;cursor:pointer}.charset-input-wrapper{display:flex;flex-direction:column;gap:6px}.charset-input-wrapper label{color:var(--fontColorSecondary);font-weight:500;font-size:var(--inputFontSize)}.zee-studio .charset-input{font-family:monospace}.control-section{background:var(--panelBackground);padding:var(--panelPadding);border-radius:8px;border:1px solid var(--splitterBorder);display:flex;flex-direction:column;gap:var(--panelGap)}.section-title{font-size:13px;font-weight:600;color:var(--headingColor);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.file-upload{display:flex;flex-direction:column;gap:6px}.file-upload label{color:var(--fontColorSecondary);font-weight:500;font-size:var(--inputFontSize)}.file-input{cursor:pointer}.app-footer-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem 1rem 0rem;font-size:11px;color:var(--fontColorSecondary);border-top:1px solid var(--splitterBorder);margin-top:auto;line-height:1.4;background:var(--background);text-align:center}.footer-item{white-space:nowrap;position:relative;padding:0 .5rem}.footer-item:not(:last-child):after{content:"○";position:absolute;right:-.5rem;color:var(--fontColorSecondary)}button.footer-item{color:var(--anchorColor);text-decoration:none;background:none;border:none;padding:0 .5rem;cursor:pointer;font-size:inherit;font-family:inherit;vertical-align:baseline}.stats-history{display:flex;flex-direction:column;gap:var(--panelGap)}.stats-history h3{margin:0;font-size:1rem;color:var(--fontColor);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stats-table{background:var(--panelBoxBackground);border-radius:4px;overflow:hidden;border:1px solid var(--splitterBorder)}.stats-table-header,.stats-table-row{display:grid;grid-template-columns:50px 100px 100px 80px 1fr 60px;gap:var(--panelGap);padding:var(--panelPadding);align-items:center}.stats-table-header{background:var(--panelBackground);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fontColorSecondary);border-bottom:1px solid var(--splitterBorder)}.stats-table-row{border-bottom:1px solid var(--splitterBorder);font-family:monospace;font-size:.875rem;color:var(--fontColor);transition:background-color var(--defaultTransition)}.stats-table-row:last-child{border-bottom:none}.stats-table-row:hover{background:var(--hoverBackground)}.charset-preview{font-size:.875rem;color:var(--fontColorSecondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.texture-preview{display:flex;justify-content:center;align-items:center}.texture-preview img{border:1px solid var(--splitterBorder);border-radius:2px;display:block;image-rendering:pixelated;background:var(--editorBackground)}@media(max-width:768px){.stats-table-header,.stats-table-row{grid-template-columns:40px 80px 80px 60px 1fr 50px;gap:calc(var(--panelGap) / 2);padding:calc(var(--panelPadding) / 2);font-size:.75rem}.texture-preview img{width:40px;height:40px}}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{color:var(--fontColorSecondary);font-weight:500;font-size:var(--inputFontSize)}.modal-overlay{position:fixed;inset:0;background-color:var(--dialogCoverColor);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade .2s ease-out}.modal-container{background:var(--panelBackground);border-radius:var(--dialogBorderRadius);box-shadow:var(--popupShadow);max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;gap:var(--dialogGap);border:var(--popupBorder)}.modal-header{padding:var(--dialogHeaderPadding);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--splitterBorder)}.modal-header h2{font-size:var(--dialogHeaderFontSize);line-height:var(--dialogHeaderLineHeight);font-weight:var(--dialogHeaderFontWeight);margin:0}.modal-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-content{padding:var(--dialogContentPadding);overflow-y:auto;flex:1}.modal-content h3{margin-top:calc(var(--dialogGap) * 1.5)}.modal-content h3:first-child{margin-top:0}.modal-content p{margin:var(--panelGap) 0;line-height:1.6}.modal-content ul{margin:var(--panelGap) 0;padding-left:24px}.modal-content li{margin:6px 0;line-height:1.6}.modal-footer{padding:var(--dialogFooterPadding);display:flex;justify-content:flex-end;gap:var(--dialogFooterButtonGap);border-top:1px solid var(--splitterBorder)}@keyframes fade{0%{opacity:0}to{opacity:1}}.preview-panel{width:200px;height:494px;background:var(--panelBackground);padding:var(--panelPadding);border-radius:8px;border:1px solid var(--splitterBorder);display:flex;flex-direction:column;gap:var(--panelGap);position:sticky;top:var(--panelPadding)}.preview-panel h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;color:var(--headingColor)}.font-info{display:flex;flex-direction:column;gap:4px;font-size:12px}.font-name,.font-weight{color:var(--fontColorSecondary)}.preview-wrapper{width:100%;flex:1;display:flex;overflow:hidden}.preview-wrapper>div{width:100%!important;height:auto!important}.preview-wrapper canvas{width:100%!important;height:auto!important;max-height:100%}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--fontColorSecondary);font-size:14px;text-align:center;padding:20px}.font-preview{width:100%;height:100%}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--panelGap);padding:var(--panelPadding);background:var(--panelBoxBackground);border-radius:4px;border:1px solid var(--splitterBorder);height:100px;align-items:start}.stat-item{display:flex;flex-direction:column;gap:calc(var(--panelGap) / 2)}.stat-label{font-size:.75rem;color:var(--fontColorSecondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1.5rem;font-weight:600;font-family:monospace;color:var(--fontColor)}.stat-value.stat-charset{font-size:.875rem;font-weight:400;word-break:break-all;line-height:1.4}@media(max-width:768px){.stats-summary{grid-template-columns:1fr}}.status{padding:12px;border-radius:4px;font-size:14px;margin:8px 0}.status-success{background-color:#00ff001a;color:#0f0;border:1px solid rgba(0,255,0,.3)}.status-error{background-color:#ff00001a;color:#f44;border:1px solid rgba(255,0,0,.3)}.status-info{background-color:#6496ff1a;color:#6496ff;border:1px solid rgba(100,150,255,.3)}.stress-test-controls{display:flex;flex-direction:column;gap:var(--panelGap)}.button-group{display:flex;gap:var(--panelGap);flex-wrap:wrap}.stress-test-status{padding:var(--panelPadding);background:var(--panelBoxBackground);border-radius:4px;font-family:monospace;font-size:14px;color:var(--fontColor);border:1px solid var(--splitterBorder)}@media(max-width:768px){.button-group{flex-direction:column}.button-group button{width:100%}}.terms-of-use{font-family:var(--bodyTextFontFamily);font-size:var(--bodyTextFontSize);line-height:var(--bodyTextLineHeight);color:var(--fontColor)}.terms-of-use .terms-title{font-family:var(--bodyTextFontFamily);font-size:20px;font-weight:600;margin-top:0;margin-bottom:8px;color:var(--headingColor)}.terms-of-use .terms-version{font-size:var(--bodyTextFontSize);margin-bottom:20px;color:var(--fontColorSecondary);opacity:.8}.terms-of-use h2{font-family:var(--bodyTextFontFamily);font-size:var(--h2FontSize);font-weight:700;margin-top:20px;margin-bottom:8px;color:var(--headingColor)}.terms-of-use h3{font-family:var(--bodyTextFontFamily);font-size:var(--h3FontSize);font-weight:var(--h3FontWeight);text-transform:var(--h3TextTransform);line-height:var(--h3LineHeight);margin-top:16px;margin-bottom:8px;color:var(--subheadingColor)}.terms-of-use h3.strong-heading{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.terms-of-use p{margin-bottom:var(--panelGap);line-height:var(--bodyTextLineHeight)}.terms-of-use ul{margin:8px 0;padding-left:24px}.terms-of-use li{margin-bottom:6px;line-height:var(--bodyTextLineHeight)}.texture-settings{display:grid;grid-template-columns:1fr 1fr;gap:var(--panelGap)}.texture-settings .input-group{display:flex;flex-direction:column;gap:6px}.texture-settings .input-group label{color:var(--fontColorSecondary);font-weight:500;font-size:var(--inputFontSize)}.stress-test{padding:var(--panelPadding);max-width:900px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:calc(var(--panelGap) * 2)}.stress-test-header{margin-bottom:0}.stress-test-header h1{font-size:2rem;margin-bottom:var(--panelGap);color:var(--fontColor);font-weight:600}.stress-test-description{color:var(--fontColorSecondary);font-size:1rem;margin:0}.stress-test-stats{display:flex;flex-direction:column;gap:calc(var(--panelGap) * 2)}@media(max-width:768px){.stress-test{padding:calc(var(--panelPadding) / 2)}}