body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Pretendard;font-style:normal;src:url(/static/media/PretendardVariable.2bc582461caf4e05b51d.woff2) format("woff2")}:root{--chattonPrimaryTransparentColor:#98ccff00;--chattonPrimaryTransparentHoverColor:#98ccff33;--chattonWhiteTransparentColor:#fff0;--chattonWhiteTransparentHoverColor:#fff3;--chattonWhiteColor:#fff;--chattonBlackColor:#333;--chattonLightgrayColor:#efefef;--chattonGrayColor:#ccc;--chattonDarkGrayColor:#838383;--chattonLeftMenuBackgroundColor:#0f2041;--chattonPrimaryColor:#a2c3ff;--chattonPrimaryHoverColor:#84b0ff;--chattonPrimaryEffectColor:#4876cb;--chattonSubColor:#ffa2e9;--chattonSubHoverColor:#ff89ea;--chattonSubEffectColor:#b6549e;--chattonPointColor:#f1f1f1;--chattonPointHoverColor:#fff97e;--chattonPointEffectColor:#cbc656;--chattonDangerColor:#ffa2a2;--chattonDangerHoverColor:#ff8989;--chattonDangerEffectColor:#e17777;--cardShadow:0 0 6px #0003;--chzzkColor:#04d087;--youtubeColor:#ff7373;--twitchColor:#a970ff;--chzzkHoverColor:#05be7f;--youtubeHoverColor:#ef5f5f;--twitchHoverColor:#8e52e8;--chzzkEffectColor:#00a66c;--youtubeEffectColor:#dc4949;--twitchEffectColor:#7c41d5;--chattonLogoutBgColor:#ff4d4d;--chattonLogoutHoverBgColor:#dd3636}body,html{touch-action:pan-x pan-y}*{-webkit-touch-callout:none;box-sizing:border-box;color:var(--chattonBlackColor);font-family:Pretendard,sans-serif;font-size:18px;font-weight:500;transition:background-color .25s,border .25s;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;user-select:auto}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.login{height:100vh;position:relative;width:100vw}.page{height:100%;padding-left:230px;width:100%}.leftMenu{background-color:var(--chattonLeftMenuBackgroundColor);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:230px}.leftMenuLogo{height:55px;margin:20px 5px 20px 0}.leftMenuList *{color:var(--chattonWhiteColor)}.leftMenuList{display:flex;flex-direction:column;gap:10px;padding:20px}.leftMenuItem{align-items:center;background-color:var(--chattonWhiteTransparentColor);border-radius:10px;cursor:pointer;display:flex;font-size:14px;height:42px;justify-content:left;padding:0 15px}.leftMenuItem:hover{background-color:var(--chattonWhiteTransparentHoverColor)}.leftMenuItem>svg{margin-right:10px}.leftMenuItem.active{animation:leftMenuItemBackground .25s linear forwards}.leftMenuItem.logout{background-color:var(--chattonLogoutBgColor)}.leftMenuItem.logout:hover{background-color:var(--chattonLogoutHoverBgColor)}@keyframes leftMenuItemBackground{0%{background-color:var(--chattonWhiteTransparentHoverColor)}to{background-color:var(--chattonSubColor)}}.loginBackground{animation:loginBackgroundAnim 59s ease infinite;background:linear-gradient(226deg,var(--chattonPrimaryColor),var(--chattonSubColor),var(--chattonPointColor));background-size:600% 600%;height:100%;width:100%}.btn,.loginBackground{align-items:center;display:flex;justify-content:center}.btn{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonLightgrayColor);border-radius:5px;cursor:pointer;font-weight:700;height:40px;min-width:100px;padding:10px 20px}.btn:hover{background-color:var(--chattonGrayColor);border-color:var(--chattonGrayColor)}.btn.primary{background-color:var(--chattonPrimaryColor);border-color:var(--chattonPrimaryColor)}.btn.primary,.btn.primary *{color:var(--chattonPrimaryEffectColor)}.btn.primary:hover{background-color:var(--chattonPrimaryHoverColor);border-color:var(--chattonPrimaryHoverColor)}.btn.pink{background-color:var(--chattonSubColor);border-color:var(--chattonSubColor)}.btn.pink,.btn.pink *{color:var(--chattonSubEffectColor)}.btn.pink:hover{background-color:var(--chattonSubHoverColor);border-color:var(--chattonSubHoverColor)}.btn.red{background-color:var(--chattonDangerColor);border-color:var(--chattonDangerColor)}.btn.red,.btn.red *{color:var(--chattonDangerEffectColor)}.btn.red:hover{background-color:var(--chattonDangerHoverColor);border-color:var(--chattonDangerHoverColor)}.btn.clear{background-color:var(--chattonPrimaryTransparentColor);border-color:var(--chattonPrimaryEffectColor)}.btn.clear,.btn.clear *{color:var(--chattonPrimaryEffectColor)}.btn.clear:hover{background-color:var(--chattonPrimaryTransparentHoverColor);border-color:var(--chattonPrimaryEffectColor)}.btn.sm{font-size:12px;height:30px;min-width:60px;padding:4px 12px}.btn.sm i,.btn.sm svg{font-size:12px!important;height:12px!important;width:12px!important}.btn.md{font-size:14px;height:40px;min-width:100px;padding:10px 20px}.btn.md i,.btn.md svg{font-size:14px!important;height:14px!important;width:14px!important}.btn.lg{font-size:16px;height:50px;min-width:140px;padding:14px 28px}.btn.lg i,.btn.lg svg{font-size:16px!important;height:16px!important;width:16px!important}.loginBox{background-color:var(--chattonWhiteColor);border-radius:5px;gap:10px;padding:40px;width:450px}.inputWrapper,.loginBox{display:flex;flex-direction:column}.inputLabel{font-size:.85em;font-weight:700;margin-bottom:3px;padding-left:5px}.inputWrapper>input{height:40px}.inputWrapper>input,.inputWrapper>textarea{align-items:center;border:1px solid var(--chattonGrayColor);border-radius:5px;display:flex;padding:0 10px}.inputWrapper>input:focus,.inputWrapper>textarea:focus{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonGrayColor);box-shadow:none;outline:none}.loginBtnWrapper{gap:10px;margin-top:20px}.loginBoxWrapper,.loginBtnWrapper{display:flex;flex-direction:column}.loginBoxWrapper{align-items:center;gap:20px;justify-content:center}.loginLogoImage{align-self:center;margin-right:10px;width:250px}.logoBox{position:relative}.loginHr,.logoBox{align-items:center;display:flex;justify-content:center}.loginHr{gap:5px;margin-bottom:10px;margin-top:10px}.loginHr:after,.loginHr:before{background-color:var(--chattonGrayColor);content:"";height:1px;width:75px}.loginHrLabel{color:var(--chattonGrayColor)}.chatItemBtnWrapper{align-items:center;display:flex;gap:10px}.chatItemBtn{background-position:50%;background-repeat:no-repeat;height:40px;min-width:0;min-width:auto;padding:0;width:40px}.chatCardList{gap:20px}.chatCardList,.chatItem{display:flex;flex-direction:column;padding:20px}.chatItem{gap:10px;width:100%}.chatThemeCardList{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.chatThemeCardList,.chatThemeItem{flex-direction:column;padding:20px}.chatThemeItem{display:flex;gap:10px;width:100%}.chatThemeItem .chatName{text-overflow:ellipsis;white-space:nowrap;width:100%}.chatItemContentsWrapper{display:flex;flex:1 1;gap:10px}.chatUrl{flex:1 1}.chatUrl input{align-items:center;border:1px solid var(--chattonGrayColor);border-radius:5px;display:flex;height:40px;padding:0 10px;width:100%}.chatUrl input:focus{background-color:var(--chattonLightgrayColor);border:1px solid var(--chattonGrayColor);box-shadow:none;outline:none}.row{display:flex;gap:20px}.row>.card{flex:1 1;min-width:0}.card{background:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);padding:20px;position:relative}.cardTitle{font-weight:700;margin-bottom:10px}.chatEdit{flex-direction:column;gap:20px}.bottomBtnArea,.chatEdit{display:flex;padding:20px}.bottomBtnArea{background:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);gap:10px;justify-content:right}.codeEditor{border-radius:10px;inset:0 0 0 0;overflow:hidden;position:absolute}.codeEditor *{font-size:1em}.displayNone{display:none!important}.flex-1{flex:1 1}.alphaLabel{background-color:var(--chattonSubColor);color:var(--chattonWhiteColor);display:flex;font-size:.8em;padding:3px 10px;position:absolute;right:13px;top:16px;transform:rotate(15deg)}.select{width:200px}.select .selectBox{color:#504e4e;font-size:14px;position:relative}.select .selectBox,.select .selectBoxValue{align-items:center;display:flex;height:35px;width:100%}.select .selectBoxValue{background-color:#fff;border:1px solid #d2d6da;border-radius:10px;cursor:pointer;padding:0 16px;transition:background-color .25s}.select .selectBoxValue:hover{background-color:var(--chattonGrayColor)}.select .selectBoxList{background-color:var(--chattonWhiteColor);border:1px solid var(--chattonLightgrayColor);border-radius:5px;display:flex;flex-direction:column;max-height:300px;opacity:0;overflow:hidden;overflow-y:scroll;padding:5px 0;pointer-events:none;position:absolute;top:40px;transition:opacity .25s,border .25s;width:100%;z-index:9}.select .selectBox.active .selectBoxList{opacity:1;pointer-events:auto}.select .selectBox.active .selectBoxValue{border:1px solid var(--chattonPrimaryEffectColor)}.select .selectBoxListItem{align-items:center;cursor:pointer;display:flex;height:30px;padding:5px 15px;transition:background-color .25s;width:100%}.select .selectBoxListItem:hover{background-color:var(--chattonGrayColor)}.cardRightWrapper{display:flex;justify-content:right;position:absolute;right:20px;top:10px;width:50%}.chatEditGeneralInfoWrapper{display:flex;flex-direction:column;gap:10px}.chatEditChannelInfoWrapper{display:flex;gap:10px}.chatEditChannelInfoWrapper>div{flex:1 1}.chatEditChannelInfoWrapper>.chzzk *{color:var(--chzzkColor)}.chatEditChannelInfoWrapper>.youtube *{color:var(--youtubeColor)}.chatEditChannelInfoWrapper>.twitch *{color:var(--twitchColor)}.chatEditChannelInfoWrapper>.chzzk input{background-color:var(--chzzkColor);border-color:var(--chzzkColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input{background-color:var(--youtubeColor);border-color:var(--youtubeColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input{background-color:var(--twitchColor);border-color:var(--twitchColor);color:#fff}.chatEditChannelInfoWrapper>.chzzk input:hover{background-color:var(--chzzkHoverColor);border-color:var(--chzzkHoverColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input:hover{background-color:var(--youtubeHoverColor);border-color:var(--youtubeHoverColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input:hover{background-color:var(--twitchHoverColor);border-color:var(--twitchHoverColor);color:#fff}.chatEditChannelInfoWrapper>.chzzk input:focus{background-color:var(--chzzkEffectColor);border-color:var(--chzzkEffectColor);color:#fff}.chatEditChannelInfoWrapper>.youtube input:focus{background-color:var(--youtubeEffectColor);border-color:var(--youtubeEffectColor);color:#fff}.chatEditChannelInfoWrapper>.twitch input:focus{background-color:var(--twitchEffectColor);border-color:var(--twitchEffectColor);color:#fff}.filter{display:flex;gap:10px;justify-content:right;padding:20px 20px 0}.prep{align-items:center;display:flex;flex-direction:column;height:700px;justify-content:center;width:100%}.prep>img{height:400px}.display-none{display:none!important}.prepTextWrapper{display:flex;gap:14px}@font-face{font-family:TTTogether;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/TTTogetherA.woff) format("woff")}.prepTextWrapper>div{animation:prepTextAnim 3s ease-in-out infinite;color:#fff;font-family:TTTogether;font-size:3em;text-shadow:var(--chattonPrimaryColor) 5px 0 0,var(--chattonPrimaryColor) 4.90033px .993347px 0,var(--chattonPrimaryColor) 4.60531px 1.94709px 0,var(--chattonPrimaryColor) 4.12668px 2.82321px 0,var(--chattonPrimaryColor) 3.48353px 3.58678px 0,var(--chattonPrimaryColor) 2.70151px 4.20736px 0,var(--chattonPrimaryColor) 1.81179px 4.6602px 0,var(--chattonPrimaryColor) .849836px 4.92725px 0,var(--chattonPrimaryColor) -.145998px 4.99787px 0,var(--chattonPrimaryColor) -1.13601px 4.86924px 0,var(--chattonPrimaryColor) -2.08073px 4.54649px 0,var(--chattonPrimaryColor) -2.94251px 4.04248px 0,var(--chattonPrimaryColor) -3.68697px 3.37732px 0,var(--chattonPrimaryColor) -4.28444px 2.57751px 0,var(--chattonPrimaryColor) -4.71111px 1.67494px 0,var(--chattonPrimaryColor) -4.94996px .7056px 0,var(--chattonPrimaryColor) -4.99147px -.291871px 0,var(--chattonPrimaryColor) -4.83399px -1.27771px 0,var(--chattonPrimaryColor) -4.48379px -2.2126px 0,var(--chattonPrimaryColor) -3.95484px -3.05929px 0,var(--chattonPrimaryColor) -3.26822px -3.78401px 0,var(--chattonPrimaryColor) -2.4513px -4.35788px 0,var(--chattonPrimaryColor) -1.53666px -4.75801px 0,var(--chattonPrimaryColor) -.560763px -4.96845px 0,var(--chattonPrimaryColor) .437495px -4.98082px 0,var(--chattonPrimaryColor) 1.41831px -4.79462px 0,var(--chattonPrimaryColor) 2.34258px -4.41727px 0,var(--chattonPrimaryColor) 3.17346px -3.86382px 0,var(--chattonPrimaryColor) 3.87783px -3.15633px 0,var(--chattonPrimaryColor) 4.4276px -2.32301px 0,var(--chattonPrimaryColor) 4.80085px -1.39708px 0,var(--chattonPrimaryColor) 4.98271px -.415447px 0,var(--chattonSubColor) 9px 0 0,var(--chattonSubColor) 8.9445px .997944px 0,var(--chattonSubColor) 8.77869px 1.98358px 0,var(--chattonSubColor) 8.50461px 2.94475px 0,var(--chattonSubColor) 8.12565px 3.86961px 0,var(--chattonSubColor) 7.64647px 4.74674px 0,var(--chattonSubColor) 7.07299px 5.56533px 0,var(--chattonSubColor) 6.41227px 6.31528px 0,var(--chattonSubColor) 5.67248px 6.98735px 0,var(--chattonSubColor) 4.86272px 7.57324px 0,var(--chattonSubColor) 3.99299px 8.06573px 0,var(--chattonSubColor) 3.07402px 8.45875px 0,var(--chattonSubColor) 2.11714px 8.74744px 0,var(--chattonSubColor) 1.13414px 8.92825px 0,var(--chattonSubColor) .137162px 8.99895px 0,var(--chattonSubColor) -.861512px 8.95867px 0,var(--chattonSubColor) -1.84956px 8.8079px 0,var(--chattonSubColor) -2.8148px 8.5485px 0,var(--chattonSubColor) -3.74532px 8.18368px 0,var(--chattonSubColor) -4.62965px 7.71792px 0,var(--chattonSubColor) -5.45689px 7.15698px 0,var(--chattonSubColor) -6.21682px 6.50777px 0,var(--chattonSubColor) -6.90009px 5.77831px 0,var(--chattonSubColor) -7.49825px 4.97757px 0,var(--chattonSubColor) -8.00394px 4.11545px 0,var(--chattonSubColor) -8.41092px 3.20258px 0,var(--chattonSubColor) -8.71416px 2.2502px 0,var(--chattonSubColor) -8.90993px 1.27008px 0,var(--chattonSubColor) -8.99582px .274291px 0,var(--chattonSubColor) -8.97076px -.72488px 0,var(--chattonSubColor) -8.83507px -1.71511px 0,var(--chattonSubColor) -8.59041px -2.68419px 0,var(--chattonSubColor) -8.23981px -3.62017px 0,var(--chattonSubColor) -7.78758px -4.51149px 0,var(--chattonSubColor) -7.23931px -5.34718px 0,var(--chattonSubColor) -6.60176px -6.11692px 0,var(--chattonSubColor) -5.88279px -6.81122px 0,var(--chattonSubColor) -5.09127px -7.42152px 0,var(--chattonSubColor) -4.23696px -7.94029px 0,var(--chattonSubColor) -3.33039px -8.36113px 0,var(--chattonSubColor) -2.38275px -8.67885px 0,var(--chattonSubColor) -1.40572px -8.88954px 0,var(--chattonSubColor) -.411357px -8.99059px 0,var(--chattonSubColor) .58808px -8.98077px 0,var(--chattonSubColor) 1.58026px -8.86018px 0,var(--chattonSubColor) 2.55296px -8.63032px 0,var(--chattonSubColor) 3.49417px -8.29402px 0,var(--chattonSubColor) 4.39229px -7.85543px 0,var(--chattonSubColor) 5.23623px -7.31996px 0,var(--chattonSubColor) 6.0156px -6.69422px 0,var(--chattonSubColor) 6.72078px -5.98591px 0,var(--chattonSubColor) 7.34307px -5.20378px 0,var(--chattonSubColor) 7.87479px -4.35748px 0,var(--chattonSubColor) 8.3094px -3.45743px 0,var(--chattonSubColor) 8.64153px -2.51474px 0,var(--chattonSubColor) 8.86709px -1.54104px 0,var(--chattonSubColor) 8.98328px -.548328px 0}.prepTextWrapper>.prepText1{animation-delay:0s}.prepTextWrapper>.prepText2{animation-delay:.66s}.prepTextWrapper>.prepText3{animation-delay:1.32s}.settingCardList{gap:20px;height:100%}.settingCard,.settingCardList{display:flex;flex-direction:column;padding:20px;width:100%}.settingCard{background-color:var(--chattonWhiteColor);border-radius:10px;box-shadow:var(--cardShadow);gap:10px}.settingCardHeader{align-items:center;display:flex;justify-content:space-between;width:100%}.settingCardTitle{font-weight:700;margin-bottom:10px}.settingCardBody{display:flex;flex-direction:column;gap:10px}.settingCardContent{align-items:center;display:flex;justify-content:space-between;width:100%}.settingCardContentName{font-weight:700}.settingCardContentButton{align-items:center;background-position:50%;background-repeat:no-repeat;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;min-width:0;min-width:auto;padding:0 20px}.settingCardContentButton.chzzk{background-color:#fff;border:2px solid #00ffa2;color:#216d51}.settingCardContentButton.chzzk:hover{background-color:#e1fff4;border:2px solid #00ffa2}.settingCardContentButton.chzzk.done{background-color:#fff;border:2px solid #00ffa2}.settingCardContentButton.chzzk.done:hover{background-color:#ffdfdf;border:2px solid #00ffa2}.settingCardContentValue{align-items:center;display:flex;gap:10px}.settingCardContentText{cursor:pointer;font-weight:500}.cardInnerContentWrapper{display:flex;width:100%}.visual-editor-container{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;box-sizing:border-box;height:400px;min-width:0;overflow-x:auto;padding:20px;width:100%}#preview-canvas{min-width:100%;width:-webkit-fit-content;width:fit-content}.mode-switch{display:flex;margin-bottom:10px}.structure-editor-container{height:500px}.structure-editor-container::-webkit-scrollbar-thumb{background-color:#131313}.structure-editor-container::-webkit-scrollbar{background-color:#444;width:4px}.chatOverlayLayer{height:50vh;margin-right:20px;position:relative;width:500px}.chatContainer{display:flex;flex-direction:column;gap:10px;height:100%;justify-content:flex-end;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 25%);mask-image:linear-gradient(180deg,#0000 0,#000 25%);overflow:hidden;padding:20px;width:100%}.loginChatItem{background-color:#fff;border-radius:10px;box-shadow:3px 3px 3px #00000018;display:inline-block;padding:10px}.loginChatColon{padding:0 5px}.loginLabel{color:#c8c8c8;font-size:12px;text-align:center}.loginSnsLoginCont,.loginSnsLoginItem{align-items:center;display:flex;justify-content:center}.loginSnsLoginItem{border-radius:50%;cursor:pointer;height:40px;margin:0 8px;width:40px}.loginSnsLoginItem.naver{background-color:#03a94d}.loginSnsLoginItem.naver:hover{background-color:#01883e}.loginSnsLoginItem.cime>img{border-radius:50%;height:100%;object-fit:cover;width:100%}.loginSnsLoginItem.youtube{background-color:red}.loginSnsLoginItem.youtube:hover{background-color:#c00}.loginSnsLoginItem.youtube>img{border-radius:50%;height:100%;object-fit:cover;width:100%}.loginSnsLoginItem.twitch{background-color:#9146ff}.loginSnsLoginItem.twitch:hover{background-color:#772ce8}.loginSnsLoginItem.twitch>img{border-radius:50%;height:100%;object-fit:cover;width:100%}.card-hr{background-color:#c8c8c8;height:1px;margin:20px 0}.loginSnsLoginItem>img{height:16px}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popInAnimation{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:translateY(20px)}@keyframes loginBackgroundAnim{0%{background-position:0 53%}50%{background-position:100% 48%}to{background-position:0 53%}}@keyframes prepTextAnim{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:1200px){.chatThemeCardList{grid-template-columns:1fr 1fr}}.leftMenuAdminGroup{border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:10px;margin-top:15px;padding-top:15px}.leftMenuSectionTitle{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:5px;margin-left:5px;text-transform:uppercase}.chatThemeCardGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.chatThemeCard{background:var(--chattonWhiteColor);border:none;border-radius:10px;box-shadow:var(--cardShadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.chatThemeCard:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.chatThemeThumbnailWrapper{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#e3edff,#fbe8ff);color:var(--chattonBlackColor);display:flex;font-size:14px;font-weight:500;justify-content:center;overflow:hidden;position:relative;width:100%}.chatThemeThumbnail{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.chatThemeCard:hover .chatThemeThumbnail{transform:scale(1.1)}.chatThemeInfoArea{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px 20px 16px}.chatThemeHeader{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.chatThemeName{color:var(--chattonBlackColor);font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatThemeAuthor{font-size:12px;margin-bottom:4px}.chatThemeAuthor,.chatThemeDesc{color:var(--chattonDarkGrayColor)}.chatThemeDesc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;height:38px;line-height:1.5;margin:4px 0;overflow:hidden;text-overflow:ellipsis}.chatThemePriceRow{align-items:center;border-top:1px solid var(--chattonLightgrayColor);display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}.chatThemePrice{color:var(--chattonSubEffectColor);font-size:15px;font-weight:700}.chatThemeHeartBtn{align-items:center;background:none;border:none;border-radius:20px;color:var(--chattonDarkGrayColor);cursor:pointer;display:flex;font-size:14px;gap:5px;padding:4px 8px;transition:background-color .2s,color .2s}.chatThemeHeartBtn:hover{background:#ff007f1a;color:#ff007f}.chatThemeHeartActive{color:#ff007f!important}.chatThemeActionButtons{background:#f9f9fb;border-top:1px solid var(--chattonLightgrayColor);display:flex;gap:10px;justify-content:flex-end;padding:15px 20px 20px}.themeActionBtn{align-items:center;border-radius:5px;display:inline-flex;flex-shrink:0;height:40px!important;justify-content:center;min-width:0!important;min-width:auto!important;padding:0!important;width:40px!important}.themeEditContainer{align-items:flex-start;background-color:#f7f9fc;box-sizing:border-box;display:flex;gap:24px;min-height:100vh;padding:24px;width:100%}.themeEditForm{display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:0}.themeEditForm .card{background:var(--chattonWhiteColor);border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:24px}.themeEditForm .cardTitle{color:var(--chattonBlackColor);font-size:16px;font-weight:700;padding-left:10px;position:relative}.themeEditForm .cardTitle:before{background:var(--chattonPrimaryHoverColor);border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.themeEditPreviewSticky{background:var(--chattonWhiteColor);border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;position:-webkit-sticky;position:sticky;top:24px;width:400px}.themeEditPreviewStickyHeader{align-items:center;background:linear-gradient(135deg,var(--chattonLeftMenuBackgroundColor),#1a2f5a);box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:16px 20px}.themeEditPreviewStickyHeader .stickyBadge{background:#ffffff26;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px}.themePreviewFrame{background-color:#1a1b23;background-image:linear-gradient(45deg,#22232f 25%,#0000 0),linear-gradient(-45deg,#22232f 25%,#0000 0),linear-gradient(45deg,#0000 75%,#22232f 0),linear-gradient(-45deg,#0000 75%,#22232f 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;box-sizing:border-box;flex:1 1;padding:20px;position:relative;transition:all .3s}.themeInfoGrid{display:flex;gap:24px}.thumbnailUploadCard{align-items:center;aspect-ratio:3/2;background:#fafbfc;border:2px dashed #d0d7de;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:180px}.thumbnailUploadCard:hover{background-color:#f5f8ff;border-color:var(--chattonPrimaryHoverColor);box-shadow:0 4px 12px #a2c3ff26}.thumbnailPreviewWrapper{height:100%;position:relative;width:100%}.thumbnailHoverOverlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f204199;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:100%}.thumbnailPreviewWrapper:hover .thumbnailHoverOverlay{opacity:1}.thumbnailHoverOverlay .overlayIcon{font-size:24px;margin-bottom:6px;transform:translateY(10px);transition:transform .25s cubic-bezier(.18,.89,.32,1.28)}.thumbnailPreviewWrapper:hover .thumbnailHoverOverlay .overlayIcon{transform:translateY(0)}.thumbnailHoverOverlay .overlayText{font-size:13px;font-weight:600}.themeMetaFields{flex:1 1;flex-direction:column}.themeMetaFields,.themeMetaRow{display:flex;gap:16px}.themeEditForm input[type=number],.themeEditForm input[type=text],.themeEditForm textarea{background:#fff;border:1px solid #dcdfe6;border-radius:8px;box-sizing:border-box;color:var(--chattonBlackColor);font-family:Pretendard,sans-serif;font-size:14px;font-weight:500;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.themeEditForm input[type=number]:focus,.themeEditForm input[type=text]:focus,.themeEditForm textarea:focus{border-color:var(--chattonPrimaryHoverColor);box-shadow:0 0 0 3px #a2c3ff40}.themeActiveSelectorCard{align-items:center;background:var(--chattonWhiteColor);border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 20px #0000000a;display:flex;gap:16px;padding:16px 24px}.themeActiveSelectorLabel{color:var(--chattonBlackColor);font-size:14px;font-weight:700}.collapsibleCard{background:var(--chattonWhiteColor);border:1px solid #eef2f6;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:visible;padding:24px 24px 48px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.collapsibleCard.collapsed{padding-bottom:24px}.cardCollapseBtn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;bottom:-14px;box-shadow:0 4px 10px #0000000f;color:var(--chattonDarkGrayColor);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;left:50%;outline:none;padding:6px 20px;position:absolute;transform:translateX(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:10}.cardCollapseBtn:hover{background-color:#f8fafc;border-color:var(--chattonPrimaryHoverColor);box-shadow:0 6px 14px #a2c3ff26;color:var(--chattonPrimaryEffectColor);transform:translateX(-50%) translateY(-1px)}.cardCollapseBtn svg{transition:transform .25s ease}.configListContainer{margin-top:16px}.configItemRow,.configListContainer{display:flex;flex-direction:column;gap:12px}.configItemRow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.configItemRow:hover{background:#f1f5f9;border-color:#cbd5e1}.configRowBottom,.configRowTop{align-items:center;display:flex;gap:12px;width:100%}.configKeyInputWrapper{flex:1 1}.configTypeSelect{width:180px}.configRowTop>button.chatItemBtn{align-items:center;display:flex;height:38px;justify-content:center;margin:0;padding:0;width:38px}.configValueWrapper{align-items:center;display:flex;flex:1 1;height:38px}.configExplainInput{flex:1 1}.configKeyInputWrapper{align-items:center;background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-sizing:border-box;display:flex;height:38px;padding-left:8px;transition:border-color .2s}.configKeyInputWrapper:focus-within{border-color:var(--chattonPrimaryHoverColor);box-shadow:0 0 0 2px #a2c3ff33}.configKeyPrefix{color:var(--chattonDarkGrayColor);flex-shrink:0;font-size:14px;font-weight:700;margin-right:4px;white-space:nowrap}.configKeyInput{background:#0000!important;border:none!important;color:var(--chattonBlackColor)!important;font-family:Pretendard,sans-serif;font-size:13px!important;font-weight:500;height:100%!important;outline:none!important;padding:8px 8px 8px 0!important;width:100%!important}.configTypeSelect{background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-sizing:border-box;color:var(--chattonBlackColor);cursor:pointer;font-size:13px;height:38px;outline:none;padding:0 10px;transition:border-color .2s}.configTypeSelect:focus{border-color:var(--chattonPrimaryHoverColor)}.configUnitGroup{align-items:center;background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-sizing:border-box;display:flex;height:38px;overflow:hidden;transition:border-color .2s;width:100%}.configUnitGroup:focus-within{border-color:var(--chattonPrimaryHoverColor);box-shadow:0 0 0 2px #a2c3ff33}.configUnitGroup input{background:#0000!important;font-size:13px!important;width:100%!important}.configUnitGroup input,.configUnitGroup select{border:none!important;box-sizing:border-box;height:100%!important;outline:none!important;padding:0 10px!important}.configUnitGroup select{background:#f8fafc!important;border-left:1px solid #dcdfe6!important;border-radius:0!important;color:var(--chattonDarkGrayColor)!important;cursor:pointer;font-size:12px!important}.configValueInput{background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-sizing:border-box;color:var(--chattonBlackColor);font-size:13px;height:38px;outline:none;padding:8px 10px;transition:border-color .2s;width:100%}.configValueInput:focus{border-color:var(--chattonPrimaryHoverColor)}.configExplainInput{background:#fff;border:1px solid #dcdfe6;border-radius:6px;box-sizing:border-box;color:var(--chattonBlackColor);font-size:13px;height:38px;outline:none;padding:8px 10px;transition:border-color .2s}.configExplainInput:focus{border-color:var(--chattonPrimaryHoverColor)}.themeEditForm input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.themeEditForm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chattonPrimaryHoverColor);border-radius:50%;box-shadow:0 1px 4px #0003;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.themeEditForm input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.configColorPickerWrapper{align-items:center;display:flex;gap:8px;position:relative;width:100%}.configColorPreview{border:1px solid #dcdfe6;border-radius:6px;box-shadow:0 1px 3px #0000000d;cursor:pointer;flex-shrink:0;height:32px;transition:transform .15s ease;width:32px}.configColorPreview:hover{transform:scale(1.08)}@media (max-width:1200px){.themeEditContainer{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.themeEditPreviewSticky{height:500px;position:static;width:100%}}.chatItemRow{align-items:center;display:flex;gap:20px;width:100%}.chatItemThumbnailWrapper{align-items:center;aspect-ratio:3/2;background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;flex-shrink:0;height:75px;justify-content:center;overflow:hidden;width:auto}.chatItemThumbnail{height:100%;object-fit:cover;width:100%}.chatItemThumbnailFallback{color:var(--chattonDarkGrayColor);font-size:24px}.chatItemMain{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.themeStatusBadge{border-radius:4px;flex-shrink:0;font-size:11px;font-weight:700;padding:3px 8px}.themeStatusBadge.status-0{background:#4a5568;color:#e2e8f0}.themeStatusBadge.status-1{background:#d69e2e;color:#fff}.themeStatusBadge.status-2{background:#38a169;color:#fff}.themeStatusBadge.status-3{background:#e53e3e;color:#fff}.themeEditWarningBanner{align-items:center;background-color:#fffaf0;border:1px solid #feebc8;border-radius:6px;color:#c05621;display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:20px;padding:12px 16px}.thumbnailUploadCard.readOnly{opacity:.8;pointer-events:none}.configListContainer.readOnly{opacity:.7;pointer-events:none}.selectBox.disabled{background-color:#f7fafc;opacity:.6;pointer-events:none}.adminTableContainer{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:15px;overflow-x:auto;width:100%}.adminTable{border-collapse:collapse;color:#2d3748;font-size:14px;text-align:left;width:100%}.adminTable th{background-color:#f7fafc;border-bottom:2px solid #e2e8f0;color:#4a5568;font-weight:700;padding:14px 16px;white-space:nowrap}.adminTable td{border-bottom:1px solid #edf2f7;padding:12px 16px;vertical-align:middle}.adminTable tr:hover{background-color:#f8fafc}.adminTableThumbnailWrapper{align-items:center;background:#edf2f7;border:1px solid #e2e8f0;border-radius:4px;display:flex;height:40px;justify-content:center;margin:0 auto;overflow:hidden;width:60px}.adminTableThumbnailWrapper img{height:100%;object-fit:cover;width:100%}.adminTableNoThumbnail{color:#a0aec0;font-size:10px;font-weight:700}.emptyListWrapper{align-items:center;background-color:#ffffff05;border:1px dashed #ffffff1a;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;margin:20px 0;padding:80px 20px;text-align:center;width:100%}.emptyListIcon{font-size:48px;margin-bottom:16px}.emptyListText{color:#fff9;font-size:16px;font-weight:500}.emptyListLinkText{background-color:#a2c3ff14;border:1px solid #a2c3ff33;border-radius:10px;box-shadow:0 4px 15px #0000000d;color:var(--chattonPrimaryColor);cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px 24px;text-align:center;transition:all .2s ease}.emptyListLinkText:hover{background-color:#a2c3ff26;border-color:#a2c3ff66;box-shadow:0 6px 20px #a2c3ff26;color:#fff;transform:translateY(-2px)}.addThemeCard{align-items:center;background:linear-gradient(135deg,var(--chattonPrimaryColor),var(--chattonSubColor))!important;border:1px solid #ffffff4d!important;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:350px;padding:30px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease!important}.addThemeCard:hover{box-shadow:0 12px 30px #00000040!important;transform:translateY(-5px)!important}.addThemeIconWrapper{align-items:center;color:#fff!important;display:flex;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:64px;justify-content:center;margin-bottom:15px}.addThemeIconWrapper *{color:#fff!important}.addThemeText{color:#fff;font-size:15px;font-weight:700;text-shadow:0 1px 3px #0003}.treeModalOverlay{align-items:center;animation:fadeInModal .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.treeModalContainer{animation:slideUpModal .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #fffc;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;height:600px;max-height:85vh;max-width:95%;overflow:hidden;width:780px}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.treeModalHeader{align-items:center;border-bottom:1px solid #f0f0f4;display:flex;justify-content:space-between;padding:16px 20px}.treeModalHeader h3{color:#1a202c;font-size:16px;font-weight:700;margin:0}.treeModalCloseBtn{background:#0000;border:none;color:#a0aec0;cursor:pointer;font-size:16px;padding:4px;transition:color .2s}.treeModalCloseBtn:hover{color:#4a5568}.treeModalBody.splitLayout{background:#fafafb;display:flex;flex:1 1;gap:20px;overflow:hidden;padding:20px}.treeLeftPane{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.treeListWrapper.scrollable{flex:1 1;height:100%;max-height:430px;min-height:0;overflow-y:auto;padding:12px}.treeRightPane{display:flex;flex-direction:column;flex-shrink:0;gap:10px;width:180px}.treeCtrlHelp{background:#edf2f7;border-radius:10px;color:#4a5568;font-size:11px;line-height:1.6;margin-top:15px;padding:14px}.treeCtrlHelp .helpTitle{color:#2d3748;font-weight:700;margin:0 0 6px}.treeCtrlHelp ul{margin:0;padding-left:14px}.treeCtrlHelp li{margin-bottom:4px}.treeGroupNode{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;flex-shrink:0;margin-bottom:8px;overflow:hidden;transition:all .15s ease}.treeGroupNode:hover{border-color:#cbd5e0}.treeGroupNode.selected{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.treeGroupNode.root-node{background:#f7fafc;border-color:#cbd5e0}.treeGroupNode.root-node.selected{background:#3b82f608;border-color:#3b82f6}.treeGroupHeader{align-items:center;background:#00000003;display:flex;justify-content:space-between;padding:8px 12px}.groupTitleLeft{align-items:center;display:flex;flex:1 1;gap:8px}.dragHandle{align-items:center;color:#a0aec0;cursor:grab;display:inline-flex;font-size:12px;padding:2px}.dragHandle:active{cursor:grabbing}.collapseToggleBtn{background:#0000;border:none;color:#718096;cursor:pointer;font-size:11px;padding:2px}.collapseToggleBtn,.folderIcon{align-items:center;display:inline-flex}.folderIcon{color:#ecc94b;font-size:13px}.fileIcon{align-items:center;color:#a0aec0;display:inline-flex;font-size:12px}.groupNameText{color:#2d3748;font-size:13px;font-weight:600;-webkit-user-select:none;user-select:none}.itemCountBadge{background:#edf2f7;border-radius:8px;color:#718096;font-size:10px;font-weight:700;margin-left:4px;padding:1px 6px}.treeInlineInput{border:1px solid #3b82f6;border-radius:4px;color:#2d3748;font-size:12px;height:22px;outline:none;padding:2px 6px;width:140px}.treeGroupItemsList{display:flex;flex-direction:column;gap:4px;padding:4px 8px 8px 24px}.treeGroupItemsList.empty{padding:8px 8px 8px 36px}.emptyItemsMsg{color:#a0aec0;font-size:11px;font-style:italic}.treeConfigItem{align-items:center;background:#fafafb;border:1px solid #edf2f7;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:6px 10px;transition:all .15s ease}.treeConfigItem:hover{background:#f7fafc;border-color:#cbd5e0}.treeConfigItem.selected{background:#3b82f614!important;border-color:#3b82f6!important}.configItemInfo{align-items:center;display:flex;flex:1 1;gap:8px}.configKeyName{color:#4a5568;font-family:monospace;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.treeItemExplainInput{background:#0000;border:none;border-bottom:1px dashed #cbd5e0;color:#718096;font-size:11px;outline:none;padding:1px 4px;transition:border-color .2s;width:120px}.treeItemExplainInput:focus{border-bottom-color:#3b82f6;color:#2d3748}.configTypeTag{border-radius:4px;font-size:9px;font-weight:700;margin-left:auto;padding:1px 5px;text-transform:uppercase}.configTypeTag.color{background:#ebf8ff;color:#2b6cb0}.configTypeTag.degree{background:#e6fffa;color:#234e52}.configTypeTag.size{background:#feebc8;color:#744210}.configTypeTag.time{background:#faf5ff;color:#553c9a}.configTypeTag.custom{background:#f7fafc;color:#4a5568}.configTypeTag.image{background:#fff5f5;color:#9b2c2c}.dragging{opacity:.4;transform:scale(.98)}.drag-over{background-color:#3b82f60d!important;border-color:#3b82f6!important}.treeModalFooter{border-top:1px solid #f0f0f4;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.chatReaderGrid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:420px 1fr}@media (max-width:1024px){.chatReaderGrid{grid-template-columns:1fr}}.liveIndicator{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:20px;color:#ef4444;display:flex;font-size:10px;font-weight:800;gap:5px;padding:3px 8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animatePulse{animation:pulse 1.5s infinite}.platformSelectorList{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.platformCheckRow{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.platformCheckRow.available:hover{background:#f8fafc;border-color:var(--chattonPrimaryColor)}.platformCheckRow.unavailable{background:#f1f5f9;cursor:not-allowed;opacity:.5}.platformCheckRow.checked{background:#3182ce14;background:rgba(var(--chattonPrimaryColor-rgb,49,130,206),.08);border-color:var(--chattonPrimaryColor)}.checkboxIcon{color:#cbd5e1;font-size:16px;transition:color .2s ease}.checkboxIcon.checked{color:var(--chattonPrimaryColor)}.platformLabel{display:flex;flex-direction:column;gap:2px}.platformLabel .name{color:#2d3748;font-size:13px;font-weight:700}.platformLabel .status{color:#94a3b8;font-size:10px}.platformCheckRow.checked .platformLabel .status{color:var(--chattonPrimaryColor)}.inputGroup{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.inputGroup label{color:#4a5568;font-size:12px;font-weight:700}.inputGroup select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease}.inputGroup select:focus{border-color:var(--chattonPrimaryColor)}.engineSelector{background:#edf2f7;border:1px solid #e2e8f0;border-radius:10px;display:flex;padding:3px}.engineBtn{background:none;border:none;border-radius:7px;color:#718096;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px;transition:all .2s ease}.engineBtn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--chattonPrimaryColor)}.slidersContainer{gap:16px}.sliderRow,.slidersContainer{display:flex;flex-direction:column}.sliderRow{gap:8px}.sliderLabel{color:#4a5568;display:flex;font-size:12px;justify-content:space-between}.sliderRow input[type=range]{-webkit-appearance:none;background:#e2e8f0;border-radius:10px;height:6px;outline:none;width:100%}.sliderRow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chattonPrimaryColor);border-radius:50%;box-shadow:0 0 4px #0003;cursor:pointer;height:16px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:16px}.sliderRow input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.optionsToggleRow{display:flex;gap:12px;justify-content:space-between;margin:20px 0}.toggleSwitchLabel{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px}.toggleSwitchLabel input{accent-color:var(--chattonPrimaryColor);cursor:pointer;height:16px;width:16px}.controlActions{display:flex;gap:12px;margin-top:30px}.downloadContainer{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:10px}.downloadText{align-items:center;color:var(--chattonPrimaryColor);display:flex;font-size:11px;gap:6px;margin-bottom:6px}.progressBarOuter{background:#e2e8f0;border-radius:20px;height:4px;overflow:hidden}.progressBarInner{background:var(--chattonPrimaryColor);border-radius:20px;height:100%;transition:width .1s linear}.chatLogsWrapper{flex:1 1;gap:10px;max-height:600px;min-height:400px;overflow-y:auto;padding-right:5px}.chatLogsWrapper,.noLogs{display:flex;flex-direction:column}.noLogs{align-items:center;color:#a0aec0;height:100%;justify-content:center;margin:auto 0}.noLogsIcon{color:#cbd5e0;margin-bottom:12px}.noLogs p{font-size:13px;margin:0}.chatLogItem{background:#f8fafc;border-left:4px solid #718096;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s ease}.chatLogItem.chzzk{border-left-color:#00ffa3}.chatLogItem.youtube{border-left-color:red}.chatLogItem.twitch{border-left-color:#a855f7}.chatLogItem.cime{border-left-color:#3b82f6}.chatLogItem.system{background:#edf2f7;border-left-color:#cbd5e0}.logMeta{align-items:center;display:flex;font-size:10px;justify-content:space-between}.logPlatformBadge{border-radius:4px;font-size:9px;font-weight:800;padding:1px 6px;text-transform:uppercase}.logPlatformBadge.chzzk{background:#00ffa31a;color:#00cc82}.logPlatformBadge.youtube{background:#ff000014;color:#c00}.logPlatformBadge.twitch{background:#a855f714;color:#8b5cf6}.logPlatformBadge.cime{background:#3b82f614;color:#2563eb}.logPlatformBadge.system{background:#0000000d;color:#4a5568}.logTime{color:#a0aec0}.logText{font-size:13px;line-height:1.5}.logUser{color:#2d3748;margin-right:8px}.logMessage{color:#4a5568}.chatLogItem.readingHighlight{animation:neonPulse 1s infinite alternate;background:#3182ce14;border-color:var(--chattonPrimaryColor);box-shadow:0 0 10px #3182ce26}@keyframes neonPulse{0%{box-shadow:0 0 4px #3182ce1a}to{box-shadow:0 0 12px #3182ce4d}}.ttsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ttsModelCard{display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:all .2s ease}.ttsModelCard:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.ttsModelCard.inactive{background:#f7fafc;opacity:.65}.cardBadge{align-items:center;background:#edf2f7;border-radius:20px;color:#4a5568;display:flex;font-size:11px;font-weight:700;gap:6px;padding:4px 10px;position:absolute;right:15px;top:15px}.statusDot{border-radius:50%;height:6px;width:6px}.statusDot.active{background-color:#38a169}.statusDot.inactive{background-color:#e53e3e}.cardContent{margin-bottom:20px}.cardMainInfo{margin-bottom:16px;padding-right:60px}.modelTitle{color:#2d3748;font-size:17px;font-weight:700;margin:0 0 6px}.modelDesc{color:#718096;font-size:12px;line-height:1.5;margin:0}.cardDetails{border-top:1px solid #f7fafc;display:flex;flex-direction:column;gap:8px;padding-top:12px}.detailRow{align-items:center;color:#4a5568;display:flex;font-size:12px;gap:8px}.detailIcon{color:#a0aec0;width:14px}.urlRow{cursor:pointer}.urlText{color:var(--chattonPrimaryColor);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardActions{border-top:1px solid #edf2f7;display:flex;gap:8px;padding-top:14px}.cardActions .btn{flex:1 1;justify-content:center}.noDataCard{align-items:center;border:2px dashed #e2e8f0;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px;text-align:center}.noDataIcon{color:#cbd5e0;margin-bottom:16px}.noDataCard p{color:#718096;font-size:14px;margin:0 0 20px}.ttsModalOverlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ttsModalContainer{animation:modalShow .15s ease-out;max-width:90%;overflow:hidden;width:500px}@keyframes modalShow{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ttsModalHeader{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding-bottom:16px}.closeBtn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;padding:4px;transition:color .15s ease}.closeBtn:hover{color:#4a5568}.ttsModalForm{padding-top:20px}.formGroup{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.formGroup.half{flex:1 1}.formRow{display:flex;gap:16px;margin-bottom:16px}.formGroup label{color:#4a5568;font-size:12px;font-weight:700}.formGroup label.required:after{color:#e53e3e;content:" *"}.formGroup input[type=text],.formGroup input[type=url],.formGroup select,.formGroup textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#2d3748;font-size:13px;outline:none;padding:10px 14px;transition:border-color .15s ease}.formGroup input:focus,.formGroup select:focus,.formGroup textarea:focus{border-color:var(--chattonPrimaryColor)}.statusToggle{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.toggleBtn{align-items:center;background:#f7fafc;border:none;color:#718096;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .15s ease}.toggleBtn.active{background:#ebf8f2;color:#38a169}.toggleBtn.inactive{background:#fff5f5;color:#e53e3e}.ttsModalFooter{border-top:1px solid #edf2f7;display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px}
/*# sourceMappingURL=main.aaa48a3b.css.map*/