.playground-module__qIwqhG__PlaygroundChatHeader{box-sizing:border-box;border-bottom:1px solid var(--gray-a5);background:var(--color-panel-solid);flex-shrink:0;align-items:center;gap:12px;height:73px;padding:0 16px;display:flex}.playground-module__qIwqhG__PlaygroundChatHeaderBackButton{border-radius:999px;flex-shrink:0;margin-left:-4px;display:none}.playground-module__qIwqhG__PlaygroundChatHeaderDetails{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.playground-module__qIwqhG__PlaygroundChatHeaderDetailsName{overflow:hidden}.playground-module__qIwqhG__PlaygroundChatHeaderSearchTextField{cursor:pointer;width:240px}.playground-module__qIwqhG__PlaygroundChatHeaderSearchTextField svg{color:var(--gray-a9)}.playground-module__qIwqhG__PlaygroundChatHeaderSearchTextFieldInput{cursor:pointer}.playground-module__qIwqhG__PlaygroundChatHeaderSearchIconButton{border-radius:9999px;display:none}.playground-module__qIwqhG__PlaygroundChatHeaderSearchDialogContent{padding:0}@container chat-preview not (min-width:800px){.playground-module__qIwqhG__PlaygroundChatHeaderBackButton,.playground-module__qIwqhG__PlaygroundChatHeaderSearchIconButton{display:flex}.playground-module__qIwqhG__PlaygroundChatHeaderSearchTextField{display:none}}
.page-module__ZvHDla__page{--dot-grid-background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3v2M3 4h2' stroke='%23000' stroke-opacity='0.07' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M11.5 3.5l1 1M12.5 3.5l-1 1' stroke='%23000' stroke-opacity='0.07' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M3.5 11.5l1 1M4.5 11.5l-1 1' stroke='%23000' stroke-opacity='0.07' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M12 11v2M11 12h2' stroke='%23000' stroke-opacity='0.07' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-color:var(--gray-1);background-image:var(--dot-grid-background);width:100%;height:100svh;min-height:520px;color:var(--gray-12);flex-direction:column;display:flex;overflow:hidden}.page-module__ZvHDla__dark{--dot-grid-background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3v2M3 4h2' stroke='%23fff' stroke-opacity='0.1' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M11.5 3.5l1 1M12.5 3.5l-1 1' stroke='%23fff' stroke-opacity='0.1' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M3.5 11.5l1 1M4.5 11.5l-1 1' stroke='%23fff' stroke-opacity='0.1' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M12 11v2M11 12h2' stroke='%23fff' stroke-opacity='0.1' stroke-width='0.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.page-module__ZvHDla__topBar{border-bottom:1px solid var(--gray-a5);background:var(--color-panel-solid);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.page-module__ZvHDla__topBarLeft{align-items:center;gap:16px;min-width:0;display:flex}.page-module__ZvHDla__logoMark{color:#fa4616;flex:none;align-items:center;display:flex}.page-module__ZvHDla__playgroundTheme{background-color:var(--gray-1);background-image:var(--dot-grid-background);flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.page-module__ZvHDla__playgroundLayout{flex:1;gap:16px;min-width:0;min-height:0;padding:24px;display:flex;position:relative;overflow:hidden}.page-module__ZvHDla__settingsSidebar{border:1px solid var(--gray-a5);background:var(--color-panel-solid);border-radius:12px;flex-shrink:0;width:360px;min-width:0;min-height:0;max-height:100%;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.page-module__ZvHDla__previewShell{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;min-height:0;padding-bottom:56px;display:flex;overflow:hidden}.page-module__ZvHDla__previewFrameWrapper{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.page-module__ZvHDla__previewFrameWrapperCode{flex:1;align-items:stretch;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.page-module__ZvHDla__previewFrameWrapperCode>*{width:100%;min-width:0;height:100%;display:flex}.page-module__ZvHDla__previewControls{z-index:2;flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:calc(50% + 188px);transform:translate(-50%)}.page-module__ZvHDla__deviceFrame{container-type:inline-size}.page-module__ZvHDla__deviceFrameDesktop{border:1px solid var(--gray-a3);background:var(--gray-3);border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.page-module__ZvHDla__windowControls{background-color:var(--gray-3);border-bottom:1px solid #0000001a;flex-shrink:0;padding:8px 12px;display:flex}.page-module__ZvHDla__windowControlsButtons{flex-direction:row;gap:6px;padding:4px 0;display:flex}.page-module__ZvHDla__windowControlsLeading{align-items:center;min-width:0;max-width:260px;margin-left:12px;display:flex}.page-module__ZvHDla__windowControlsLeading .page-module__ZvHDla__signedInRow{flex:0 auto;align-items:center}.page-module__ZvHDla__windowButton{border-radius:50%;width:8px;height:8px}.page-module__ZvHDla__windowButtonClose{background:#ff5f57}.page-module__ZvHDla__windowButtonMinimize{background:#ffbd2e}.page-module__ZvHDla__windowButtonMaximize{background:#28c840}.page-module__ZvHDla__windowControlsAddressBarContainer{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.page-module__ZvHDla__windowControlsAddressBar{background-color:#0000000f;border-radius:4px;width:40%;height:16px}.page-module__ZvHDla__themeWrapperDesktop,.page-module__ZvHDla__themeWrapperMobile{background:var(--color-background);flex:1;min-height:0;overflow:hidden}.page-module__ZvHDla__themeWrapperMobile{flex-direction:column!important;display:flex!important;position:absolute!important;inset:0!important}.page-module__ZvHDla__deviceContentDesktop,.page-module__ZvHDla__deviceContentMobile{width:100%;height:100%;min-height:0;overflow:hidden;container:chat-preview/inline-size}.page-module__ZvHDla__deviceFrameMobile{background-color:#000;border:8px solid #000;border-radius:40px;flex-direction:column;width:100%;max-width:375px;height:100%;min-height:0;max-height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.page-module__ZvHDla__deviceNotch{z-index:10;background-color:#000;border-radius:14px;width:120px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.page-module__ZvHDla__deviceContentMobile{background-color:var(--color-background);box-sizing:border-box;flex-direction:column;padding:48px 0 0;display:flex;overflow-y:auto;position:absolute!important;inset:0!important}.page-module__ZvHDla__codePreviewContainer{border:1px solid var(--gray-a3);background-color:var(--gray-1);border-radius:12px;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.page-module__ZvHDla__codePreviewHeader{border-bottom:1px solid var(--gray-a3);background-color:var(--gray-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.page-module__ZvHDla__codePreviewTabs{flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.page-module__ZvHDla__codePreviewTab{color:var(--gray-12);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;transition:background-color .15s}.page-module__ZvHDla__codePreviewTab:hover{background-color:var(--gray-a3)}.page-module__ZvHDla__codePreviewTabActive{background-color:var(--gray-a4)}.page-module__ZvHDla__codePreviewContent{flex:1;min-width:0;min-height:0;margin:0;font-size:13px;overflow:auto}.page-module__ZvHDla__content{flex:1;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:0;width:100%;height:100%;min-height:0;padding:0;display:grid}@container chat-preview (max-width:800px){.page-module__ZvHDla__content{grid-template-columns:1fr}.page-module__ZvHDla__content:not(.page-module__ZvHDla__contentChannelSelected) .page-module__ZvHDla__chatPanel,.page-module__ZvHDla__content.page-module__ZvHDla__contentChannelSelected .page-module__ZvHDla__sidebar{display:none}}.page-module__ZvHDla__contentMobile{flex-direction:column;gap:0;padding:0;display:flex}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__sidebar{min-height:0}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__chatPanel{flex:1;min-height:0}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__sidebar,.page-module__ZvHDla__contentMobile .page-module__ZvHDla__chatPanel{box-shadow:none;border-radius:0}.page-module__ZvHDla__contentMobile.page-module__ZvHDla__contentChannelSelected .page-module__ZvHDla__sidebar,.page-module__ZvHDla__contentMobile:not(.page-module__ZvHDla__contentChannelSelected) .page-module__ZvHDla__chatPanel{display:none}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__sidebar{flex:1}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__sidebarHeader{padding:8px 10px}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__signedInRow{flex-direction:column;align-items:flex-start;gap:2px}.page-module__ZvHDla__sidebar,.page-module__ZvHDla__chatPanel{background:var(--color-panel-solid);min-height:0;box-shadow:none;border:0;border-radius:0;overflow:hidden}.page-module__ZvHDla__sidebar{border-right:1px solid var(--gray-a5);flex-direction:column;display:flex}.page-module__ZvHDla__contentMobile .page-module__ZvHDla__sidebar{border-right:0;border-bottom:1px solid var(--gray-a5)}.page-module__ZvHDla__sidebarHeader{border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.page-module__ZvHDla__signedInRow{flex:1;align-items:baseline;gap:4px;min-width:0;display:flex;overflow:hidden}.page-module__ZvHDla__userNameButton{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:0;margin:-2px -4px;padding:2px 4px}.page-module__ZvHDla__userNameButton:not(:disabled):hover{background:var(--gray-a3)}.page-module__ZvHDla__userNameButton:focus-visible{outline:2px solid var(--accent-a8);outline-offset:2px}.page-module__ZvHDla__userNameButton:disabled{cursor:default}.page-module__ZvHDla__dmsPanel,.page-module__ZvHDla__chatPanel{position:relative}.page-module__ZvHDla__dmsPanel{flex:1;min-height:0}.page-module__ZvHDla__elementMount{width:100%;height:100%}.page-module__ZvHDla__loadingOverlay,.page-module__ZvHDla__placeholder{text-align:center;background:color-mix(in srgb, var(--color-panel-solid) 86%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.page-module__ZvHDla__placeholder{background:radial-gradient(circle at top, var(--orange-a3), transparent 38%), var(--color-panel-solid)}.page-module__ZvHDla__errorBox{border:1px solid var(--red-a6);background:var(--red-a2);border-radius:12px;flex-direction:column;gap:4px;margin:12px;padding:12px;display:flex}.page-module__ZvHDla__settingsPanel{flex-direction:column;gap:20px;width:100%;min-height:0;padding:18px;display:flex;overflow-y:auto}.page-module__ZvHDla__settingsContent{flex-direction:column;gap:22px;display:flex}.page-module__ZvHDla__appearanceSelectValue{align-items:center;gap:8px;display:flex}.page-module__ZvHDla__settingsSection{flex-direction:column;gap:12px;display:flex}.page-module__ZvHDla__styleOptionsGrid,.page-module__ZvHDla__themeOptionsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.page-module__ZvHDla__styleOptionsGrid .page-module__ZvHDla__optionCard{gap:8px;padding:10px}.page-module__ZvHDla__styleOptionsGrid .page-module__ZvHDla__stylePreview{min-height:54px;padding:8px}.page-module__ZvHDla__optionCard{appearance:none;border:1px solid var(--gray-a5);background:var(--color-panel-solid);color:inherit;cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;padding:12px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.page-module__ZvHDla__optionCard:hover{border-color:var(--gray-a8);background:var(--gray-a2)}.page-module__ZvHDla__optionCard:focus-visible{outline:2px solid var(--accent-a8);outline-offset:2px}.page-module__ZvHDla__optionCardSelected{border-color:var(--accent-a8);background:var(--accent-a2);box-shadow:0 0 0 1px var(--accent-a8)}.page-module__ZvHDla__themeCard{gap:8px}.page-module__ZvHDla__stylePreview,.page-module__ZvHDla__themePreview{background:var(--gray-a2);border-radius:12px}.page-module__ZvHDla__stylePreview{min-height:82px;padding:10px;display:flex}.page-module__ZvHDla__imessageStylePreview{flex-direction:column;justify-content:center;gap:7px}.page-module__ZvHDla__imessageBubbleMuted,.page-module__ZvHDla__imessageBubbleMutedShort,.page-module__ZvHDla__imessageBubbleAccent{border-radius:999px;height:24px}.page-module__ZvHDla__imessageBubbleMuted,.page-module__ZvHDla__imessageBubbleMutedShort{background:var(--gray-a5);align-self:flex-start}.page-module__ZvHDla__imessageBubbleMuted{width:58%}.page-module__ZvHDla__imessageBubbleMutedShort{width:42%}.page-module__ZvHDla__imessageBubbleAccent{background:var(--accent-9);align-self:flex-end;width:64%}.page-module__ZvHDla__discordStylePreview{flex-direction:column;justify-content:center;gap:10px}.page-module__ZvHDla__discordPreviewRow{align-items:center;gap:8px;display:flex}.page-module__ZvHDla__discordPreviewAvatar,.page-module__ZvHDla__discordPreviewAvatarMuted{border-radius:999px;flex:none;width:22px;height:22px}.page-module__ZvHDla__discordPreviewAvatar{background:var(--accent-9)}.page-module__ZvHDla__discordPreviewAvatarMuted{background:var(--gray-a5)}.page-module__ZvHDla__discordPreviewLines{flex-direction:column;flex:1;gap:5px;display:flex}.page-module__ZvHDla__discordPreviewName,.page-module__ZvHDla__discordPreviewNameMuted,.page-module__ZvHDla__discordPreviewText,.page-module__ZvHDla__discordPreviewTextShort{border-radius:999px;height:7px}.page-module__ZvHDla__discordPreviewName,.page-module__ZvHDla__discordPreviewNameMuted{width:42%}.page-module__ZvHDla__discordPreviewName{background:var(--accent-a8)}.page-module__ZvHDla__discordPreviewNameMuted{background:var(--gray-a6)}.page-module__ZvHDla__discordPreviewText,.page-module__ZvHDla__discordPreviewTextShort{background:var(--gray-a5)}.page-module__ZvHDla__discordPreviewText{width:86%}.page-module__ZvHDla__discordPreviewTextShort{width:68%}.page-module__ZvHDla__themePreview{flex-direction:column;justify-content:center;gap:7px;height:72px;padding:9px;display:flex}.page-module__ZvHDla__themePreviewRow,.page-module__ZvHDla__themePreviewRowEnd{align-items:center;gap:6px;display:flex}.page-module__ZvHDla__themePreviewRowEnd{justify-content:flex-end}.page-module__ZvHDla__themePreviewMutedLine,.page-module__ZvHDla__themePreviewMutedLineShort,.page-module__ZvHDla__themePreviewAccentLine,.page-module__ZvHDla__themePreviewWarningLine,.page-module__ZvHDla__themePreviewAccentBubble{border-radius:999px;height:7px;display:block}.page-module__ZvHDla__themePreviewMutedLine,.page-module__ZvHDla__themePreviewMutedLineShort{background:var(--gray-a5)}.page-module__ZvHDla__themePreviewMutedLine{width:42%}.page-module__ZvHDla__themePreviewMutedLineShort{width:30%}.page-module__ZvHDla__themePreviewAccentLine{width:34%}.page-module__ZvHDla__themePreviewWarningLine{width:28%}.page-module__ZvHDla__themePreviewAccentBubble{width:54%;height:10px}.page-module__ZvHDla__mobileSettingsSheet{flex-direction:column;display:flex;overflow:hidden;max-height:85vh!important}.page-module__ZvHDla__mobileSettingsSheet>*{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-module__ZvHDla__mobileSettingsSheet .page-module__ZvHDla__settingsPanel{flex:1;min-height:0;padding:0 18px 18px;overflow-y:auto}.page-module__ZvHDla__mobileSettingsButton{display:flex}.page-module__ZvHDla__mobileSettingsButtonPressed{background:var(--gray-a5)}.page-module__ZvHDla__mobileCloseHeader{display:none}@media (max-width:900px){.page-module__ZvHDla__page{min-height:700px}.page-module__ZvHDla__topBar{flex-direction:column;align-items:flex-start;padding:16px}.page-module__ZvHDla__playgroundLayout{flex-direction:column;gap:0;padding:0}.page-module__ZvHDla__settingsSidebar{display:none}.page-module__ZvHDla__previewShell{gap:0;width:100%;padding-bottom:0}.page-module__ZvHDla__previewFrameWrapper{align-items:stretch}.page-module__ZvHDla__deviceFrameMobile{background-color:var(--color-background);max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.page-module__ZvHDla__deviceNotch{display:none}.page-module__ZvHDla__deviceContentMobile{padding:0}.page-module__ZvHDla__previewControls{z-index:auto;border-top:1px solid var(--gray-a5);background:var(--color-panel-solid);flex-wrap:wrap;gap:8px;width:100%;padding:12px;position:static;transform:none}.page-module__ZvHDla__mobileSettingsButton{display:flex}.page-module__ZvHDla__mobileCloseHeader{flex-shrink:0;justify-content:flex-end;align-items:center;padding:16px 0 0;display:flex}.page-module__ZvHDla__content{grid-template-rows:minmax(260px,42%) minmax(320px,1fr);grid-template-columns:1fr}}@media (max-width:560px){.page-module__ZvHDla__styleOptionsGrid,.page-module__ZvHDla__themeOptionsGrid{grid-template-columns:1fr}}.page-module__ZvHDla__playgroundChat{flex-direction:column;width:100%;height:100%;display:flex}