.CodeBeautify .ToolBar[data-v-5de5a59a]{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.CodeBeautify .ToolBar .LanguageSelect[data-v-5de5a59a]{align-items:center;display:flex;gap:12px}.CodeBeautify .ToolBar .LanguageSelect .Label[data-v-5de5a59a]{color:#64748b;font-size:14px;font-weight:500}.CodeBeautify .ToolBar .ActionBtns[data-v-5de5a59a]{display:flex;flex-wrap:wrap;gap:8px}.CodeBeautify .EditorArea[data-v-5de5a59a]{display:grid;gap:20px;grid-template-columns:1fr 1fr}.CodeBeautify .EditorArea .EditorBox[data-v-5de5a59a]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.CodeBeautify .EditorArea .EditorBox .EditorHeader[data-v-5de5a59a]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.CodeBeautify .EditorArea .EditorBox .EditorHeader .Title[data-v-5de5a59a]{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px}.CodeBeautify .EditorArea .EditorBox .EditorHeader .Title[data-v-5de5a59a] .arco-icon{color:var(--theme-primary,#1e7fff)}.CodeBeautify .EditorArea .EditorBox .CodeEditor[data-v-5de5a59a] .arco-textarea{background:#fafafa;border:none;border-radius:0;font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;min-height:400px;padding:16px;resize:none}.CodeBeautify .EditorArea .EditorBox .CodeEditor[data-v-5de5a59a] .arco-textarea:focus{background:#fff}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper[data-v-5de5a59a]{background:#fafafa;max-height:600px;min-height:400px;overflow:auto}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper[data-v-5de5a59a]::-webkit-scrollbar{height:4px;width:4px}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper[data-v-5de5a59a]::-webkit-scrollbar-track{background:transparent}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper[data-v-5de5a59a]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper[data-v-5de5a59a]::-webkit-scrollbar-thumb:hover{background:#bbb}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput[data-v-5de5a59a]{font-family:Fira Code,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;margin:0;padding:16px;white-space:pre;word-wrap:normal}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a]{display:block}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .tag{color:#22863a}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .attr{color:#6f42c1}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .string{color:#032f62}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .keyword{color:#d73a49}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .selector{color:#22863a}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .value,.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .number{color:#005cc5}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .CodeOutput code[data-v-5de5a59a] .comment{color:#6a737d;font-style:italic}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .EmptyPlaceholder[data-v-5de5a59a]{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;min-height:400px}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .EmptyPlaceholder .empty-icon[data-v-5de5a59a]{font-size:48px;margin-bottom:12px;opacity:.5}.CodeBeautify .EditorArea .EditorBox .CodeOutputWrapper .EmptyPlaceholder p[data-v-5de5a59a]{font-size:14px}@media (max-width:1024px){.CodeBeautify .ToolBar[data-v-5de5a59a]{align-items:flex-start;flex-direction:column}.CodeBeautify .EditorArea[data-v-5de5a59a]{grid-template-columns:1fr}}