.o_Ioga_panel{background:linear-gradient(135deg,#1b2032,#141929);border:1px solid #887caa4a;border-radius:10px;margin-top:30px;padding:26px;scroll-margin-top:32px}.o_Ioga_heading{justify-content:space-between;gap:25px;display:flex}.o_Ioga_heading>div>span{color:#aca0d8;letter-spacing:.13em;font-size:9px}.o_Ioga_heading h2{letter-spacing:-.025em;margin:10px 0 12px;font:400 32px Bodoni Moda Variable,Noto Sans Thai,serif}.o_Ioga_heading p{color:#a0aac3;max-width:700px;font-size:12px;line-height:1.85}.o_Ioga_account{color:#b4a9dc;white-space:nowrap;align-self:start;align-items:center;gap:8px;font-size:11px;display:flex}.o_Ioga_actions{align-items:center;gap:22px;margin-top:24px;display:flex}.o_Ioga_actions>span{color:#8f9ab7;font:10px Geist Mono Variable,monospace}.o_Ioga_primary{color:#111426;background:#a79df5;border:1px solid #bfb3ff;border-radius:4px;gap:16px;min-height:42px;padding:0 16px;font-size:12px}.o_Ioga_primary:hover{background:#b9afff}.o_Ioga_secondary{color:#c9c2dd;background:0 0;border:1px solid #736985;border-radius:4px;gap:9px;min-height:42px;padding:0 15px;font-size:12px}.o_Ioga_result{background:#10172773;border:1px solid #a59bbc35;border-radius:6px;margin-top:24px;padding:20px}.o_Ioga_state{color:#c5b8f8;align-items:center;gap:10px;font-size:13px;display:flex}.o_Ioga_state strong{font-weight:450}.o_Ioga_state button{color:#c8bedc;gap:8px;min-height:35px;margin-left:auto;font-size:11px}.o_Ioga_result>p{color:#939fba;margin-top:10px;font-size:11px;line-height:1.8}.o_Ioga_result .o_Ioga_changed{color:#ccb9dd}.o_Ioga_resultActions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:20px;display:flex}.o_Ioga_error{color:#f0b9cf;margin-top:17px;font-size:12px;line-height:1.8}.o_Ioga_error button{color:#c1afe7;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:8px;margin-left:14px;font-size:11px;text-decoration:underline;display:inline-flex}.o_Ioga_dot{background:#aaa0c4;border-radius:50%;width:5px;height:5px}.o_Ioga_spin{animation:.85s linear infinite o_Ioga_spin}@keyframes o_Ioga_spin{to{transform:rotate(360deg)}}.o_Ioga_preview{border:1px solid #7b709d50;border-radius:6px;height:340px;margin-top:20px;overflow:hidden}.o_Ioga_preview>p{color:#a9abc2;background:#1b2234;padding:12px 16px;font-size:10px}.o_Ioga_preview>div{height:295px}.o_Ioga_recent{margin-top:25px}.o_Ioga_recent>span{letter-spacing:.1em;color:#8f99b5;font-size:9px}.o_Ioga_recent button{color:#b3abc9;background:0 0;border:0;border-bottom:1px solid #dadde618;align-items:center;gap:20px;width:100%;padding:12px 0;font-size:11px;display:flex}.o_Ioga_recent button>span:first-child{color:#7783a2;font-family:Geist Mono Variable,monospace}.o_Ioga_recent button>span:last-child{color:#7783a2;margin-left:auto}.o_Ioga_beta{color:#8d96b1;margin-top:20px;font-size:10px;line-height:1.8}.o_Ioga_panel button,.o_Ioga_panel a{transition:background .14s,color .14s,transform .1s}.o_Ioga_panel button:active,.o_Ioga_panel a:active{transform:translateY(1px)}.o_Ioga_panel :focus-visible{outline-offset:4px;outline:2px solid #b1a5ff}@media (max-width:700px){.o_Ioga_panel{margin-top:25px;padding:21px 17px}.o_Ioga_heading{gap:12px}.o_Ioga_heading h2{font-size:28px}.o_Ioga_heading p{font-size:11px}.o_Ioga_account{font-size:10px}.o_Ioga_actions{flex-direction:column;align-items:flex-start;gap:12px}.o_Ioga_actions .o_Ioga_primary{justify-content:space-between;width:100%}.o_Ioga_result{padding:15px}.o_Ioga_state{flex-wrap:wrap;font-size:12px}.o_Ioga_resultActions{gap:10px}.o_Ioga_resultActions button{font-size:11px}.o_Ioga_preview{height:300px}.o_Ioga_preview>div{height:245px}.o_Ioga_recent button{gap:12px;font-size:10px}}.o_Ioga_errorCode{color:#b5abc8;overflow-wrap:anywhere;margin-top:8px;font:10px Geist Mono Variable,monospace;display:block}
._keQXq_page{color:#dadde6;--primary:#a69cff;--primary-foreground:#111426;--ring:#b9afff;--background:#101322;--foreground:#dadde6;--input:#dadde633;background:#101322;min-height:100svh;font:14px Geist Variable,Noto Sans Thai,sans-serif}._keQXq_header{border-bottom:1px solid #dadde61c;justify-content:space-between;align-items:center;gap:24px;width:min(1320px,90%);min-height:96px;margin:auto;display:flex}._keQXq_lockup{align-items:center;gap:12px;display:inline-flex}._keQXq_mark{width:35px;height:44px}._keQXq_wordmark{font-size:29px}._keQXq_header nav{color:#b3b9cd;align-items:center;gap:28px;font-size:12px;display:flex}._keQXq_home{align-items:center;gap:9px;display:flex}._keQXq_language{color:#dadde6;background:0 0;border:0;border-left:1px solid #dadde62b;align-items:center;gap:8px;min-height:44px;padding:12px 0 12px 24px;font-size:12px;display:flex}._keQXq_main{width:min(1320px,90%);margin:auto}._keQXq_intro{padding:43px 0 31px}._keQXq_eyebrow{color:#aaa1d8;letter-spacing:.16em;font-size:9px;line-height:1.7}._keQXq_intro h1{letter-spacing:-.04em;margin:13px 0;font:400 clamp(36px,4vw,57px)/1.16 Bodoni Moda Variable,Noto Sans Thai,serif}._keQXq_intro>p:last-child{color:#a4adc4;font-size:13px;line-height:1.8}._keQXq_workspace{background:linear-gradient(140deg,#1b2033,#151a2c);border:1px solid #77709566;border-radius:12px;transition:border-color .14s,box-shadow .14s;overflow:hidden;box-shadow:0 26px 90px #0002}._keQXq_workspace[data-dragging]{border-color:#c8baff;box-shadow:0 0 0 4px #b09dff30}._keQXq_workspaceBar{color:#a9b1c9;border-bottom:1px solid #dadde616;justify-content:space-between;align-items:center;gap:20px;height:43px;padding:0 24px;font-size:10px;display:flex}._keQXq_workspaceBar>span:first-child{align-items:center;gap:8px;display:inline-flex}._keQXq_statusDot{background:#9d92df;border-radius:50%;width:4px;height:4px}._keQXq_service{color:#7c88a5;font-size:9px}._keQXq_workspaceGrid{grid-template-columns:minmax(0,1fr) 340px;display:grid}._keQXq_sourcePanel{flex-direction:column;min-width:0;display:flex}._keQXq_fileBar{justify-content:space-between;align-items:center;gap:14px;min-height:67px;padding:13px 24px;display:flex}._keQXq_fileBar>div:first-child{color:#c9c3e8;align-items:center;gap:11px;min-width:0;display:flex}._keQXq_fileBar strong{color:#e1e0ed;white-space:nowrap;text-overflow:ellipsis;max-width:30vw;font-size:12px;font-weight:450;overflow:hidden}._keQXq_fileBar svg{flex-shrink:0}._keQXq_fileBadge{white-space:nowrap;border:1px solid #9083bd5c;border-radius:3px;padding:4px 6px;font-size:8px}._keQXq_fileActions{align-items:center;gap:10px;display:flex}._keQXq_importButton,._keQXq_secondary{color:#dedbee;background:#ffffff04;border:1px solid #77709570;border-radius:4px;gap:8px;min-height:37px;padding:0 12px;font-size:11px}._keQXq_importButton:hover,._keQXq_secondary:hover{color:#fff;background:#ffffff0c}._keQXq_iconButton{color:#9e9db7;border-radius:4px;width:32px;height:32px}._keQXq_iconButton:hover{color:#f0cadb;background:#f0a8bd0c}._keQXq_hiddenInput{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._keQXq_readStatus{color:#beb5f1;align-items:center;gap:9px;min-height:0;margin:0 24px;font-size:11px;display:flex}._keQXq_readStatus:not(:empty){min-height:32px;padding-bottom:10px}._keQXq_readStatus button{color:#dadde6;text-underline-offset:4px;background:0 0;border:0;margin-left:auto;font-size:10px;text-decoration:underline}._keQXq_spin{animation:.85s linear infinite _keQXq_spin}@keyframes _keQXq_spin{to{transform:rotate(360deg)}}._keQXq_tabs{flex:1;gap:0}._keQXq_tabsList{background:0 0;border-bottom:1px solid #dadde61a;border-radius:0;justify-content:flex-start;gap:28px;width:100%;height:39px;padding:0 24px}._keQXq_tab{color:#919bb8;border:0;border-radius:0;flex:none;height:39px;padding:0;font-size:12px;transition:color .13s}._keQXq_tab[data-state=active],._keQXq_tab[data-active]{color:#e3dcff;box-shadow:none;background:0 0}._keQXq_tab:after{background:#a297f4;bottom:-1px}._keQXq_tabContent{margin:0}._keQXq_editorWrap{background:#10132236;height:310px;padding:21px 24px 17px;display:flex;overflow:hidden}._keQXq_lineNumbers{color:#646f8e;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:34px;font:10px/26px Geist Mono Variable,monospace;display:flex;overflow:visible}._keQXq_editor{resize:none;white-space:pre;tab-size:4;color:#d4cee9;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font:14px/26px Geist Mono Variable,monospace;overflow:auto}._keQXq_editor::placeholder{color:#66728f}._keQXq_editor:focus-visible{box-shadow:none;outline:none}._keQXq_editorWrap:focus-within{box-shadow:inset 0 0 0 1px #b6a8ff33}._keQXq_previewHint{color:#b7bad1;background:#a69cff0a;border-top:1px solid #dadde61c;padding:12px 24px;font-size:10px;line-height:1.8}._keQXq_editorFooter{color:#7884a4;border-top:1px solid #dadde60e;justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding:13px 24px;font:9px Geist Mono Variable,monospace;display:flex}._keQXq_editorFooter button{color:#abb0c7;background:0 0;border:0;align-items:center;gap:7px;font:10px Geist Variable,Noto Sans Thai,sans-serif;display:flex}._keQXq_empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:360px;padding:25px;display:flex}._keQXq_emptySymbol{color:#b5a5ee;background:#b3a4ff08;border:1px solid #b9a8ff26;border-radius:15px;place-items:center;width:64px;height:64px;margin-bottom:20px;display:grid}._keQXq_empty h2{letter-spacing:-.025em;color:#e4dfef;font:400 31px Bodoni Moda Variable,Noto Sans Thai,serif}._keQXq_empty>p{color:#939fb9;max-width:340px;margin:12px 0 23px;font-size:12px;line-height:1.8}._keQXq_empty>div:not(._keQXq_emptySymbol){gap:12px;display:flex}._keQXq_primary{color:#101322;background:#a89eff;border:1px solid #bcb2ff;border-radius:4px;gap:22px;min-height:41px;padding:0 16px;font-size:12px;box-shadow:inset 0 1px #ffffff1f}._keQXq_primary:hover{background:#b9b1ff}._keQXq_example{color:#aca5ce;background:0 0;border:0;align-items:center;gap:9px;margin-top:11px;padding:13px 0;font-size:11px;display:flex}._keQXq_inspector{background:#10152244;border-left:1px solid #dadde623;flex-direction:column;padding:26px 24px 22px;display:flex}._keQXq_inspector h2{letter-spacing:-.035em;margin:5px 0 16px;font:400 32px Bodoni Moda Variable,Noto Sans Thai,serif}._keQXq_setting{border-bottom:1px solid #dadde61b;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}._keQXq_setting label{color:#e3dfef;cursor:pointer;font-size:12px}._keQXq_setting p{color:#8591ac;max-width:200px;margin-top:5px;font-size:10px;line-height:1.7}._keQXq_switch{background:#434a64}._keQXq_switch[data-state=checked],._keQXq_switch[data-checked]{background:#a397f2}._keQXq_switch [data-slot=switch-thumb]{background:#f1edff}._keQXq_markField{padding-top:15px;overflow:hidden}._keQXq_markField label{color:#c3c4d5;font-size:11px}._keQXq_markInput{color:#e7e1f1;background:#101728;border:1px solid #706688;border-radius:4px;height:36px;margin-top:9px;font-size:12px}._keQXq_markInput[aria-invalid=true]{border-color:#eeb4c7}._keQXq_markCount,._keQXq_error{margin-top:8px;font-size:10px;line-height:1.7}._keQXq_markCount{color:#8d97b1}._keQXq_error{color:#f2bdcf}._keQXq_inspectorBottom{margin-top:auto;padding-top:22px}._keQXq_continueHint{color:#929bb5;margin-bottom:11px;font-size:10px;line-height:1.7}._keQXq_reviewButton{color:#101322;background:#a69cff;border:1px solid #b9afff;border-radius:4px;justify-content:space-between;gap:10px;width:100%;min-height:43px;padding:0 13px;font-size:12px;display:flex}._keQXq_reviewButton:hover{background:#b5adff}._keQXq_reviewButton:disabled{opacity:.45}._keQXq_shortcut{color:#4b436e;margin-left:auto;font-size:8px}._keQXq_outputBrief{min-height:310px;padding:10px 25px 20px}._keQXq_brief{margin:0}._keQXq_brief>div{border-bottom:1px solid #dadde61a;justify-content:space-between;align-items:baseline;gap:25px;padding:13px 0;font-size:12px;display:flex}._keQXq_brief dt{color:#959fb9;flex-shrink:0}._keQXq_brief dd{text-align:right;color:#e1dcec;overflow-wrap:anywhere;min-width:0}._keQXq_errorBanner{color:#f1c4d1;background:#d18aa90b;border:1px solid #e4a7bd33;border-radius:5px;margin-top:17px;padding:12px 16px;font-size:12px;line-height:1.8}._keQXq_privacy{color:#7f8ba7;justify-content:space-between;gap:30px;padding:18px 0 31px;font-size:10px;line-height:1.8;display:flex}._keQXq_privacy>span{max-width:47%}._keQXq_footer{color:#6d7893;border-top:1px solid #dadde61b;align-items:center;gap:25px;padding:23px 0 30px;font-size:9px;display:flex}._keQXq_footer>span:first-child{color:#9ca0b7;font-size:20px}._keQXq_footer a{color:#a6a7c1;align-items:center;gap:9px;margin-left:auto;display:flex}._keQXq_footer>span:last-child{letter-spacing:.12em;margin-left:20px}._keQXq_toast{z-index:70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e4dfef;background:#23293eea;border:1px solid #7a6c9a;border-radius:7px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:13px 16px;font:12px Geist Variable,Noto Sans Thai,sans-serif;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0003}._keQXq_toast>svg{color:#c0b5f8;flex-shrink:0}._keQXq_toast button{color:#c6baff;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:5px;font-size:11px;display:flex}._keQXq_toast button:last-child{color:#a4a6bf;margin-left:5px}._keQXq_reviewDialog{color:#e6e1f1;background:#181e30;border:1px solid #70678b;border-radius:10px;gap:19px;width:480px;max-width:calc(100% - 32px);max-height:calc(100svh - 32px);padding:27px;font-family:Geist Variable,Noto Sans Thai,sans-serif;overflow-y:auto}._keQXq_reviewDialog [data-slot=dialog-title]{letter-spacing:-.025em;font:400 33px Bodoni Moda Variable,Noto Sans Thai,serif}._keQXq_reviewDialog [data-slot=dialog-description]{color:#a7aec5;margin-top:12px;font-size:12px;line-height:1.8}._keQXq_reviewDialog [data-slot=dialog-close]{color:#bcb5d8}._keQXq_disconnected{color:#b0b6ca;background:#9e8fd009;border:1px solid #8c83ad3d;border-radius:5px;padding:13px 15px;font-size:11px;line-height:1.8}._keQXq_reviewActions{gap:12px;display:flex}._keQXq_reviewActions>button{flex:1;gap:10px;min-width:0;min-height:42px;font-size:11px}._keQXq_backButton{color:#bcb5d2;gap:10px;min-height:38px;font-size:11px}._keQXq_backButton:hover{color:#ece9f8;background:#bfa5ff0a}._keQXq_page a,._keQXq_page button,._keQXq_reviewDialog button{transition:background-color .14s,color .14s,border-color .14s,transform .1s}._keQXq_page a:active,._keQXq_page button:not(:disabled):active,._keQXq_reviewDialog button:active{transform:translateY(1px)}._keQXq_page a:focus-visible,._keQXq_page button:focus-visible,._keQXq_reviewDialog button:focus-visible{outline-offset:4px;outline:2px solid #b4a5ff}._keQXq_page[lang=th] ._keQXq_intro h1{font-family:Noto Sans Thai,sans-serif;font-size:38px;font-weight:450;line-height:1.5}@media (max-width:1000px){._keQXq_workspaceGrid{grid-template-columns:minmax(0,1fr) 290px}._keQXq_inspector{padding-inline:20px}._keQXq_fileBadge,._keQXq_shortcut{display:none}}@media (max-width:700px){._keQXq_page{padding-bottom:77px}._keQXq_header,._keQXq_main{width:calc(100% - 36px)}._keQXq_header{gap:15px;min-height:82px}._keQXq_mark{width:29px;height:38px}._keQXq_lockup{gap:8px}._keQXq_wordmark{font-size:24px}._keQXq_header nav{gap:15px}._keQXq_home{min-height:44px}._keQXq_home>span,._keQXq_guide{display:none}._keQXq_language{border:0;gap:6px;padding:12px 0;font-size:10px}._keQXq_intro{padding:29px 0 25px}._keQXq_intro h1{font-size:38px;line-height:1.2}._keQXq_intro>p:last-child{max-width:300px;font-size:12px}._keQXq_eyebrow{font-size:8px}._keQXq_workspace{border-radius:9px}._keQXq_workspaceBar{gap:9px;height:39px;padding:0 15px;font-size:9px}._keQXq_service{text-align:right;max-width:135px;font-size:8px}._keQXq_workspaceGrid{grid-template-columns:minmax(0,1fr)}._keQXq_fileBar{gap:9px;min-height:62px;padding:12px 14px}._keQXq_fileBar>div:first-child{gap:8px}._keQXq_fileBar strong{max-width:38vw;font-size:11px}._keQXq_fileActions{gap:4px}._keQXq_iconButton{width:28px;height:30px}._keQXq_importButton{gap:5px;min-height:33px;padding:0 8px;font-size:10px}._keQXq_tabsList{gap:25px;padding-inline:15px}._keQXq_tab{font-size:11px}._keQXq_editorWrap{height:265px;padding:18px 14px 14px}._keQXq_lineNumbers{width:28px}._keQXq_editor{font-size:14px}._keQXq_empty{min-height:320px;padding:28px 20px}._keQXq_empty h2{font-size:29px}._keQXq_empty>p{font-size:11px}._keQXq_emptySymbol{width:57px;height:57px}._keQXq_empty ._keQXq_primary{gap:15px;min-height:39px;font-size:11px}._keQXq_empty ._keQXq_secondary{font-size:11px}._keQXq_editorFooter{gap:10px;padding:12px 14px;font-size:8px}._keQXq_editorFooter button{gap:5px;font-size:9px}._keQXq_inspector{border-top:1px solid #dadde622;border-left:0;padding:23px 19px 20px}._keQXq_inspector h2{font-size:30px}._keQXq_setting{padding-block:15px}._keQXq_setting label{font-size:13px}._keQXq_setting p{max-width:none;font-size:11px}._keQXq_continueHint{font-size:10px}._keQXq_reviewButton{z-index:40;width:calc(100% - 36px);min-height:48px;font-size:13px;position:fixed;bottom:14px;left:18px;box-shadow:0 0 0 10px #101322f5,0 -16px 30px #101322}._keQXq_reviewButton:disabled{opacity:1;color:#a7a4c2;background:#3d3f60;border-color:#606078}._keQXq_privacy{padding:18px 4px 25px;font-size:10px;display:block}._keQXq_privacy>span{max-width:none;display:block}._keQXq_privacy>span:last-child{margin-top:9px}._keQXq_footer{padding-block:20px}._keQXq_footer>span:first-child{font-size:18px}._keQXq_footer>span:last-child{margin-left:0;font-size:7px}._keQXq_footer a{font-size:10px}._keQXq_outputBrief{min-height:265px;padding:8px 18px 20px}._keQXq_brief>div{gap:20px;font-size:11px}._keQXq_previewHint{padding:12px 16px}._keQXq_toast{gap:8px;padding:10px 12px;font-size:11px;bottom:88px}._keQXq_reviewDialog{padding:23px 20px}._keQXq_reviewDialog [data-slot=dialog-title]{font-size:29px}._keQXq_reviewActions{flex-direction:column;gap:10px}._keQXq_reviewActions>button{width:100%}._keQXq_page[lang=th] ._keQXq_intro h1{font-size:29px;line-height:1.5}}._keQXq_sourcePanel>._keQXq_errorBanner{margin:0 24px 12px}._keQXq_monacoHost{background:#151a2c;width:100%;min-width:0;height:310px;overflow:hidden}._keQXq_monacoHost:focus-within{box-shadow:inset 0 0 0 1px #b6a8ff33}@media (max-width:700px){._keQXq_monacoHost{height:300px}}._keQXq_whitespaceNotice{color:#dcc9e5;background:#ac91c20c;border-bottom:1px solid #ac91c24a;padding:14px 20px;font-size:11px;line-height:1.8}._keQXq_whitespaceNotice p+p{color:#ada2c1;margin-top:4px}._keQXq_whitespaceFix{color:#d9c9f4;background:#b19add12;border-color:#b19add66;border-radius:4px;min-height:36px;margin-top:10px;font-size:11px}