.CodeEditor_codeEditor__S5NaO{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.CodeEditor_codeEditor__editor__HVO4J{padding:0 1rem;cursor:text;overflow-y:auto}.CodeEditor_codeEditor__tiptap__G_9uC{position:relative}.CodeEditor_codeEditor__tiptap__G_9uC:not(.CodeEditor_codeEditor__tiptap__disableLineNumber__vWSO8)>:not(.CodeEditor_codeEditor__tiptap-line-number__I5cyk):not(.CodeEditor_codeEditor__tiptap-line-number-wrapper__lmD2f){padding-left:2.5rem}.CodeEditor_codeEditor__tiptap__G_9uC>*{margin:0;font-family:Goorm Sans Code}.CodeEditor_codeEditor__tiptap__G_9uC>p{margin-block-start:8px;margin-block-end:8px;color:var(--color-syntax-variable);white-space:pre-wrap}.CodeEditor_codeEditor__tiptap__G_9uC span{white-space:pre-wrap}.CodeEditor_codeEditor__tiptap__G_9uC:focus{outline:none}.CodeEditor_codeEditor__tiptap-line-number__I5cyk{padding-top:1px;text-align:right;user-select:none}.CodeEditor_codeEditor__tiptap-line-number-wrapper__lmD2f{position:absolute;left:0;width:2rem;height:20px;user-select:none;display:flex;justify-content:flex-end;align-items:center}.CodeEditor_codeEditor__tiptap__error-highlight__Z_zOI{background:rgba(255,63,53,.193);border-radius:2px;text-decoration:underline dotted red;font-weight:700;cursor:pointer}.CodeEditor_codeEditor__tiptap__errorTooltip__TpwyW{position:fixed;transform:translateY(calc(-100% - .2rem));max-width:350px;text-wrap:wrap;word-break:keep-all;z-index:100;background:var(--color-component-fill-standard-primary);padding:.5rem .375rem;border:1px solid var(--color-line-outline);border-radius:.375rem}.CodeEditor_codeEditor__tiptap__running-highlight__viuVV{background:var(--color-core-accent-translucent);border-radius:2px;font-weight:700}.CodeEditor_codeEditor__tiptap__drop-target-line__caU_Y{position:absolute;left:0;right:0;height:2px;background:var(--color-core-accent);border-radius:1px;pointer-events:none;display:none}.CodeEditor_codeEditor__tiptap__drop-target-block__HZJ2j{position:absolute;left:0;right:0;background:var(--color-core-accent-translucent);border-radius:2px;pointer-events:none;display:none}.CodeEditor_codeEditor__tiptap__drop-target-caret__S64pD{position:absolute;width:2px;background:var(--color-core-accent);border-radius:1px;pointer-events:none;display:none}.CodeEditor_codeEditor__whitespace-marker__KhRXm{position:relative}.CodeEditor_codeEditor__whitespace-marker__KhRXm:before{content:"·";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-content-standard-teritary);pointer-events:none;opacity:.6}.CodeEditor_suggestion-box__KA2RG{position:fixed;width:fit-content;background:var(--color-component-fill-standard-primary);border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:1000;max-height:200px;overflow-y:auto;min-width:150px}.CodeEditor_suggestion-item___UuCz{padding:8px 12px;cursor:pointer;font-family:Goorm Sans Code;font-size:14px;color:var(--color-content-standard-primary);background:#fff}.CodeEditor_suggestion-item___UuCz.CodeEditor_active__7b4uR,.CodeEditor_suggestion-item___UuCz:hover{background:var(--color-component-translucent-primary)}.syntax_ysSyntax--function__Ji1ve{color:var(--color-syntax-function)!important}.syntax_ysSyntax--variable__UP0cq{color:var(--color-syntax-variable)}.syntax_ysSyntax--string__QNW55{color:var(--color-syntax-string)!important}.syntax_ysSyntax--constant__FeLUP{color:var(--color-syntax-constant)!important}.syntax_ysSyntax--operator__2qJcl{color:var(--color-syntax-operator)!important}.syntax_ysSyntax--keyword__NUIJY{color:var(--color-syntax-keyword)!important}.syntax_ysSyntax--comment__yT7eM{color:var(--color-syntax-comment)!important}.syntax_ysSyntax--exception__gLcqE{color:#000}.page_container__LLik5,.page_container__btnBox__fMHmz,.page_container__horizon__R6Mn2,.page_container__palette__48bWo,.page_container__palette__inputRow__6DP02{display:flex}.page_container__btnBox__fMHmz,.page_container__palette__inputRow__6DP02{justify-content:center}.page_container__LLik5,.page_container__palette__48bWo{flex-direction:column}.page_container__LLik5{width:100%}.page_container__editor__Q8TfA h1{font-size:1.5rem;line-height:2rem}.page_container__editor__Q8TfA h2{font-size:1.25rem;line-height:1.75rem}.page_container__editor__desc___7Y4T{font-size:1rem;line-height:1.5rem}.page_container__editor__Q8TfA h1,.page_container__editor__Q8TfA h2{font-weight:700}.page_container__LLik5{padding:1rem;position:relative;gap:24px;overflow:auto}.page_container__horizon__R6Mn2{gap:4px}.page_container__horizon__R6Mn2>*{flex:1}.page_container__horizon__editor__GI4yi{background:var(--color-component-translucent-teritary);border-radius:12px;padding:1rem}.page_container__editor__Q8TfA{outline:none;border:1px solid #000;border-radius:.5rem;padding:1.5rem}.page_container__editor__code__F9XUQ{padding:1rem;border-radius:8px;border:1px solid var(--color-line-outline);background:var(--color-component-translucent-teritary)}.page_container__editor__desc___7Y4T{font-weight:500;color:var(--color-content-standard-secondary)}.page_container__editor__divider__l_bBf{height:1px;background:var(--color-line-divider)}.page_container__editor__Q8TfA h1,.page_container__editor__Q8TfA h2{color:var(--color-content-standard-primary)}.page_container__editor__Q8TfA img{max-width:100%;max-height:100%;display:block;margin:auto}.page_container__editor__Q8TfA *{margin:.5rem 0}.page_container__btnBox__fMHmz{gap:24px}.page_container__btnBox__input__hXpFC{padding:7px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.329);outline:none;font-size:14px;width:300px}.page_container__btnBox__input__hXpFC::placeholder{color:#999}.page_container__btnBox__button__60R3Q{padding:7px 18px;border-radius:8px;background:rgba(0,0,0,.329);cursor:pointer;color:#fff}.page_container__palette__48bWo{gap:12px}.page_container__palette__inputRow__6DP02{gap:8px}.page_container__palette__input__LJssy{padding:7px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.329);outline:none;font-size:14px;flex:1;max-width:400px}.page_container__palette__input__LJssy::placeholder{color:#999}.page_container__palette__addBtn__qpzGO{padding:7px 18px;border-radius:8px;background:rgba(0,0,0,.329);cursor:pointer;color:#fff;font-size:14px;white-space:nowrap}.page_container__palette__list__CYcmJ{display:flex;flex-wrap:wrap;gap:8px}.page_container__palette__chip__YLq5t{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;background:#e8e8e8;font-size:13px;color:#333}.page_container__palette__chip__delete__2lmgA{cursor:pointer;font-size:16px;line-height:1;color:#888}.page_container__palette__chip__delete__2lmgA:hover{color:#e44}.page_container__result__6hzuQ{text-wrap:wrap;width:100%;padding:1rem}