.json-parser[data-v-09d59a8a]{padding:20px;background:#f5f5f5;min-height:calc(100vh - 110px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-container[data-v-09d59a8a]{background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.editor-header[data-v-09d59a8a]{padding:10px;border-bottom:1px solid #eee}.editor-tools[data-v-09d59a8a]{display:flex;gap:10px}.tool-btn[data-v-09d59a8a]{padding:5px 10px;border:none;background:none;cursor:pointer;border-radius:4px}.tool-btn[data-v-09d59a8a]:hover{background:#f5f5f5}.editor-main[data-v-09d59a8a]{display:flex;height:calc(100vh - 200px);position:relative}.input-section[data-v-09d59a8a],.output-section[data-v-09d59a8a]{height:100%;position:relative;transition:width .1s ease}.input-section[data-v-09d59a8a]{border-right:none}textarea[data-v-09d59a8a]{width:100%;border:none;resize:none;outline:none}.json-output[data-v-09d59a8a],textarea[data-v-09d59a8a]{height:100%;padding:15px;font-family:monospace;font-size:14px;line-height:1.5;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.json-output[data-v-09d59a8a]{margin:0;overflow:auto;white-space:pre-wrap}.json-output[data-v-09d59a8a] .string{color:#2f9c0a}.json-output[data-v-09d59a8a] .boolean,.json-output[data-v-09d59a8a] .null,.json-output[data-v-09d59a8a] .number{color:#06c}.json-output[data-v-09d59a8a] .key{color:#2f9c0a;font-weight:500}.error[data-v-09d59a8a]{padding:15px;color:#f44;background:#fff0f0;border-radius:4px;margin:10px;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.error-title[data-v-09d59a8a]{font-weight:700;margin-bottom:8px}.error-message[data-v-09d59a8a],.error-position[data-v-09d59a8a]{margin-bottom:8px;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.error-position[data-v-09d59a8a]{font-size:12px;color:#666}.error-context[data-v-09d59a8a]{background:#fff;padding:10px;border-radius:4px;font-family:monospace;white-space:pre;overflow-x:auto;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.error-line[data-v-09d59a8a]{color:#333}.error-pointer[data-v-09d59a8a]{color:#f44;margin-top:4px}.output-section[data-v-09d59a8a]{flex:1;position:relative}.copy-btn[data-v-09d59a8a]{position:absolute;top:10px;right:10px;padding:6px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#666;z-index:1;transition:all .2s}.copy-btn[data-v-09d59a8a]:hover{background:#e8e8e8}.copy-btn.copied[data-v-09d59a8a]{background:#00c58e;color:#fff;border-color:#00c58e}.resize-handle[data-v-09d59a8a]{width:5px;background:transparent;cursor:col-resize;display:flex;justify-content:center;align-items:center;transition:background .2s}.resize-handle[data-v-09d59a8a]:active,.resize-handle[data-v-09d59a8a]:hover{background:#f0f0f0}.handle-line[data-v-09d59a8a]{width:2px;height:100%;background:#ddd}.resize-handle:hover .handle-line[data-v-09d59a8a]{background:#00c58e}.dark-mode[data-v-09d59a8a]{background:#242424}.dark-mode .editor-container[data-v-09d59a8a]{background:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.2)}.dark-mode .error[data-v-09d59a8a]{background:#2a1f1f;color:#ff6b6b}.dark-mode .error-context[data-v-09d59a8a]{background:#242424}.dark-mode .error-line[data-v-09d59a8a]{color:#e0e0e0}.dark-mode textarea[data-v-09d59a8a]{background:#1a1a1a;color:#e0e0e0}.dark-mode .json-output[data-v-09d59a8a]{color:#e0e0e0}.dark-mode .json-output[data-v-09d59a8a] .string{color:#42d392}.dark-mode .json-output[data-v-09d59a8a] .boolean,.dark-mode .json-output[data-v-09d59a8a] .null,.dark-mode .json-output[data-v-09d59a8a] .number{color:#59a5ff}.dark-mode .json-output[data-v-09d59a8a] .key{color:#42d392}.dark-mode .resize-handle[data-v-09d59a8a]:active,.dark-mode .resize-handle[data-v-09d59a8a]:hover{background:#333}.dark-mode .handle-line[data-v-09d59a8a]{background:#444}.dark-mode .resize-handle:hover .handle-line[data-v-09d59a8a]{background:#42d392}.dark-mode .copy-btn[data-v-09d59a8a]{background:#333;border-color:#444;color:#999}.dark-mode .copy-btn[data-v-09d59a8a]:hover{background:#444}.dark-mode .copy-btn.copied[data-v-09d59a8a]{background:#42d392;color:#1a1a1a;border-color:#42d392}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;display:flex;flex-direction:column}.header{padding:0 20px;height:50px;border-bottom:1px solid #eee;gap:30px}.header,.logo{display:flex;align-items:center}.logo{font-size:16px;font-weight:700;color:#00c58e;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.logo:hover{background-color:rgba(0,197,142,.1)}.logo-icon{width:24px;height:24px}.nav-menu{display:flex;gap:20px;flex:1}.nav-btn{border:none;background:none;padding:6px 12px;font-size:14px;color:#666;cursor:pointer;border-radius:4px;transition:all .2s}.nav-btn.active,.nav-btn:hover:not(.active){background:rgba(0,197,142,.1)}.nav-btn.active{color:#00c58e}.right-menu{display:flex;gap:15px}.icon{width:20px;height:20px;cursor:pointer;color:#666;transition:color .2s}.icon:hover{color:#00c58e}.dark-mode{background-color:#1a1a1a;color:#e0e0e0;min-height:100vh}.dark-mode .header{background-color:#242424;border-color:#333}.dark-mode .logo{color:#42d392}.dark-mode .logo:hover{background-color:rgba(66,211,146,.1)}.dark-mode .nav-btn{color:#999}.dark-mode .nav-btn.active,.dark-mode .nav-btn:hover:not(.active){background:rgba(66,211,146,.1)}.dark-mode .nav-btn.active{color:#42d392}.dark-mode .icon{color:#999}.dark-mode .icon:hover{color:#42d392}