.json-formatter[data-v-457e1831]{width:100%;overflow:hidden;padding:10px 0;box-sizing:border-box}.json-formatter .container[data-v-457e1831]{height:100%}.formatter-container[data-v-457e1831]{display:flex;height:calc(100vh - 190px)}@media (max-width: 992px){.formatter-container[data-v-457e1831]{flex-direction:column;height:auto}.resize-handle[data-v-457e1831]{display:none}.input-area[data-v-457e1831],.output-area[data-v-457e1831]{width:100%!important;min-height:300px;margin-bottom:16px}}.input-area[data-v-457e1831],.output-area[data-v-457e1831]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-color);display:flex;flex-direction:column;flex-shrink:0;min-width:30%}.output-area.fullscreen[data-v-457e1831]{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:2000;border-radius:0;border:none}.resize-handle[data-v-457e1831]{width:8px;display:flex;align-items:center;justify-content:center;cursor:col-resize;flex-shrink:0;padding:0 2px}.resize-line[data-v-457e1831]{width:4px;height:60px;background:linear-gradient(180deg,var(--border-color) 0%,#c0c0c0 50%,var(--border-color) 100%);border-radius:2px;transition:all .2s}[data-theme=dark] .resize-line[data-v-457e1831]{background:linear-gradient(180deg,#3a3a5e 0%,#4a4a6e 50%,#3a3a5e 100%)}.resize-handle:hover .resize-line[data-v-457e1831]{background:linear-gradient(180deg,#2c8cf0 0%,#1a7ae0 50%,#2c8cf0 100%);height:80px}.area-header[data-v-457e1831]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-color);font-size:14px;flex-shrink:0;gap:12px}.stats-info[data-v-457e1831]{font-size:12px;color:var(--text-muted);flex:1;text-align:center}.output-title[data-v-457e1831]{display:flex;align-items:center;gap:6px}.example-icon[data-v-457e1831]{margin-left:8px;color:#2c8cf0;cursor:pointer;transition:all .2s}.example-icon[data-v-457e1831]:hover{color:#1a7ae0;transform:scale(1.1)}textarea[data-v-457e1831]{width:100%;flex:1;padding:14px;border:none;resize:none;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;outline:none;background:var(--bg-color);color:var(--text-color)}.output-content[data-v-457e1831]{flex:1;overflow:auto;background:var(--bg-secondary)}.output-content.has-error[data-v-457e1831]{background:#fef0f0}[data-theme=dark] .output-content.has-error[data-v-457e1831]{background:#2a1a1a}.output-wrapper[data-v-457e1831]{display:flex;background:var(--bg-secondary)}.line-numbers[data-v-457e1831]{display:flex;flex-direction:column;padding:14px 8px;background:var(--bg-secondary);border-right:1px solid var(--border-color);font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;min-width:40px;flex-shrink:0}.line-numbers span[data-v-457e1831]{display:block;white-space:nowrap}.output-content pre[data-v-457e1831]{margin:0;padding:14px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-all;flex:1;background:var(--bg-secondary);color:var(--text-color)}.output-content code[data-v-457e1831]{color:var(--text-color);outline:none}[data-v-457e1831] .json-key{color:#87308b;font-weight:700}[data-v-457e1831] .json-string{color:#2a9d8f;font-weight:700}[data-v-457e1831] .json-number{color:#e76f51;font-weight:700}[data-v-457e1831] .json-boolean{color:#264653;font-weight:700}[data-v-457e1831] .json-null{color:#a8a8a8;font-weight:700}[data-v-457e1831] .xml-declaration{color:#7c4dff}[data-v-457e1831] .xml-tag{color:#170}[data-v-457e1831] .xml-attr{color:#e76f51;font-weight:700}[data-v-457e1831] .json-toggle-icon{width:18px;height:18px;cursor:pointer;vertical-align:-3px;margin-right:2px;transition:transform .2s}[data-v-457e1831] .json-toggle-icon:hover{transform:scale(1.2)}[data-v-457e1831] .json-fold-btn{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}[data-v-457e1831] .json-fold-btn:hover{color:#2c8cf0}[data-v-457e1831] .json-collapsed-preview{color:#909399;font-style:italic;cursor:pointer}.error-msg[data-v-457e1831]{padding:16px;color:#f56c6c;font-size:14px}