.CodeBtn_btn__E6UK4{border:1px solid var(--grayLv2);width:3.2rem;height:3.2rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;padding:.6rem;transition:all .3s}.CodeBtn_btn__E6UK4 svg{transition:all .3s}.CodeBtn_btn__E6UK4:hover{background-color:var(--activation)}.CodeBtn_btn__E6UK4:hover svg{fill:var(--primary)}.CodeBtn_container__LRg7Y{position:relative}.CodeBtn_tooltip__Vo_m_{display:flex;align-items:center;justify-content:center;width:6.4rem;padding:.6rem;background-color:var(--grayLv4);color:var(--background);box-shadow:0 4px 20px 0 rgba(0,0,0,.04);font-size:clamp(1.5rem,1.3445378151vw,1.6rem);border-radius:.5rem;position:absolute;left:50%;transform:translateX(-50%);z-index:1}.CodeBtn_tooltip__Vo_m_:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-100%);border-width:.4rem;border-style:solid;border-color:transparent transparent var(--grayLv4) transparent}.HtmlCssEditor_editor_container__mbf_V{display:flex;gap:1px;margin:2rem 0;overflow:hidden;border:1px solid var(--grayLv2);box-sizing:border-box;border-radius:1rem;background-color:var(--grayLv2)}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS,.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_preview_title__dlR5I{display:flex;align-items:center;box-sizing:border-box;height:5rem;box-shadow:inset 0 -1px 1px var(--grayLv2)}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS{justify-content:space-between;padding:.6rem 1rem 0}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS .HtmlCssEditor_editor_tab__vR_7b{display:flex;height:5rem;flex-shrink:0}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS .HtmlCssEditor_editor_tab__vR_7b .HtmlCssEditor_tab_btn__yQapw{width:8rem;border:solid transparent;border-width:1px 1px 0;border-radius:1rem 1rem 0 0}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS .HtmlCssEditor_editor_tab__vR_7b .HtmlCssEditor_tab_btn__yQapw.HtmlCssEditor_active__74Jqy{color:var(--primary);background-color:var(--grayLv1);border-color:var(--grayLv2);border-bottom:1px solid var(--grayLv1);font-weight:700}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_header__nmVLS .HtmlCssEditor_copy-btn__DPnRl{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-top:-.6rem}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_preview_title__dlR5I{font-weight:700;padding:0 1rem}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP,.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_preview_wrap__kAhUQ{background-color:var(--background);flex-shrink:0;flex-basis:0;flex-grow:1}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP{position:relative;display:flex;flex-direction:column}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP .HtmlCssEditor_css_editor__Ex9oT,.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP .HtmlCssEditor_html_editor__jrAKq{flex-grow:1}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP .HtmlCssEditor_css_editor__Ex9oT>div,.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP .HtmlCssEditor_html_editor__jrAKq>div{width:100%;height:100%;box-sizing:border-box}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_preview_wrap__kAhUQ .HtmlCssEditor_htmlcssPreview__MTEqG{flex-shrink:0;border:0;width:100%;height:calc(100% - 5rem);background-color:#fff}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_CodeMirror__krlJB pre.HtmlCssEditor_CodeMirror-line__bMKTJ{color:var(--surface);padding:4px 0 4px 4px}.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_CodeMirror-linenumber__sJEgB{padding:4px 0 4px 25px}@media screen and (min-width:641px){.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_editor_wrap__izSSP,.HtmlCssEditor_editor_container__mbf_V .HtmlCssEditor_preview_wrap__kAhUQ{width:calc((100% - 1px)/2)}}@media screen and (max-width:640px){.HtmlCssEditor_editor_container__mbf_V{flex-direction:column}}.react-codemirror2{height:100%}.editor_top{padding:1.6rem;display:flex;align-items:center;justify-content:space-between}.btn-group{display:flex;gap:.4rem}.Editor_editor_container__5Nuph{font-family:var(--code),monospace;border:1px solid var(--grayLv2);border-radius:1rem;margin:1.5rem 0}.Editor_editor_container__5Nuph .Editor_result__axPbs{padding:1.6rem;white-space:pre-wrap;line-height:1.6}.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_result_title__5HCge{font-weight:600;font-size:.9em}.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_result_title__5HCge+div{border-top:1px solid var(--grayLv2);margin-top:.5em;padding-top:.5em}.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_string__RU51t{color:var(--code-orange)}.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_green__pEo5U{color:var(--code-green)}.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_boolean__cJWJN,.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_null__bfRFl,.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_number__TxSaH,.Editor_editor_container__5Nuph .Editor_result__axPbs .Editor_undefined__P8eMh{color:var(--code-purple)}.Tooltip_tooltipContainer___39Tz{position:relative;display:inline-block}.Tooltip_tooltip__elYov{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;z-index:1000;pointer-events:none}.Tooltip_tooltip__elYov:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-color:transparent transparent rgba(0,0,0,.8);border-style:solid;border-width:0 6px 6px}.codeblock-wrap{flex-direction:column;border:1px solid var(--grayLv2);border-radius:10px;margin:15px 0}.codeblock-wrap span{color:var(--surface)}.codeblock-header{display:flex;padding:10px 12px;align-items:center;justify-content:space-between}.codeblock-copy-button,.codeblock-exec-button{display:flex;align-items:center;justify-content:center}.codeblock-result{padding:4px 20px;font-size:16px;line-height:22px;word-break:break-all;white-space:normal;margin:1em 0}.codeblock-result p{white-space:pre-wrap;line-height:30px}.custom-toggle{margin:1rem 0;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;background-color:#f8fafc}.toggle-summary{padding:.75rem 1rem;cursor:pointer;font-weight:600;display:flex;align-items:center;color:#334155;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.toggle-summary:hover{background-color:#f1f5f9}.toggle-summary:before{content:"▶";font-size:.8rem;margin-right:.5rem;display:inline-block;transition:transform .2s;color:#64748b}details[open] .toggle-summary:before{transform:rotate(90deg)}.toggle-content{padding:1rem;border-top:1px solid #e2e8f0;background-color:#fff}.CodeMirror{font-family:var(--code),monospace;min-height:144px;height:auto;color:#000;direction:ltr;font-size:clamp(1.5rem,1.3445378151vw,1.6rem)}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line{padding-left:20px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:var(--grayLv1);white-space:nowrap}.CodeMirror-linenumbers{width:45px!important}.CodeMirror-linenumber{padding:8px 0 8px 25px;min-width:20px;color:var(--grayLv3);font-size:16px;font-weight:500;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:var(--code-purple)}.cm-s-default .cm-atom,.cm-s-default .cm-number{color:var(--code-green)}.cm-s-default .cm-def{color:#e37c00}.cm-s-default .cm-property{color:var(--code-pink)}.cm-s-default .cm-variable{color:var(--code-blue)}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:var(--grayLv3)}.cm-s-default .cm-string{color:var(--code-orange)}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#121314}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:var(--activation)}.CodeMirror{position:relative;overflow:hidden;background:var(--grayLv1)}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent;z-index:999;caret-color:#121314}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-feature-settings:"calt";font-variant-ligatures:contextual;padding:8px 0 8px 8px}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:-46px;right:0;top:0;bottom:0;z-index:0;border-left:4px solid var(--primary)}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#dee8ff}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#dee8ff}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}