.classic-container{display:flex;flex-direction:column;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s ease}.classic-container.dark{background-color:#1e1e1e;color:#e0e0e0}.classic-container.light{background-color:#fff;color:#333}.classic-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;max-width:none;border-radius:0;z-index:9999}.classic-tabs{display:flex;border-bottom:1.5px solid #c0c0c0;background:#eaeaea;padding-left:4px}.classic-tabs button{background:none;border:none;outline:none;padding:8px 18px 6px;margin-right:2px;font-weight:700;color:#222;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:2px solid transparent;cursor:pointer;font-size:15px}.classic-tabs button.active{background:#fff;border-bottom:2px solid #fff;color:#0074d9}.classic-toolbar{padding:16px;display:flex;gap:12px;transition:all .3s ease}.dark .classic-toolbar{background-color:#252526;border-bottom:1px solid #333}.light .classic-toolbar{background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.classic-toolbar button{padding:8px 16px;margin:0 4px;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;transition:all .2s ease}.dark .classic-toolbar button{background-color:#0e639c;color:#fff}.light .classic-toolbar button{background-color:#0074d9;color:#fff}.classic-toolbar button:hover{background:var(--button-hover-bg)}.dark .classic-toolbar button:hover{background-color:#17b}.light .classic-toolbar button:hover{background-color:#0056b3}.classic-toolbar button:active{transform:translateY(1px)}.theme-toggle{background-color:transparent!important;border:1px solid currentColor!important}.dark .theme-toggle{color:#e0e0e0!important}.light .theme-toggle{color:#333!important}.classic-content{flex:1;overflow:hidden;position:relative}.classic-split-view{display:flex;height:100%;overflow:hidden;gap:0}.dark .classic-split-view{background-color:#333}.light .classic-split-view{background-color:#e0e0e0}.vertical-resizer{background:#e0e0e0;transition:background .2s;width:6px;cursor:col-resize;-webkit-user-select:none;user-select:none}.vertical-resizer:hover,.vertical-resizer:active{background:#b0b0b0}.dark .vertical-resizer{background:#333}.dark .vertical-resizer:hover,.dark .vertical-resizer:active{background:#555}.classic-text-section{min-width:180px;max-width:80vw;transition:width .2s;overflow:hidden;padding:20px;display:flex;flex-direction:column}.classic-viewer-section{display:flex;flex-direction:column;height:100%;position:relative;min-width:180px;max-width:80vw;transition:width .2s;overflow:hidden;padding:0;border-left:1px solid #e0e0e0;background:#f8fafd;border-radius:18px;box-shadow:0 4px 24px #00000012;margin:24px 24px 24px 0}.dark .classic-viewer-section{border-color:#333;background:#23272e}.light .classic-viewer-section{border-color:#e0e0e0;background:#f8fafd}.editor-container{display:flex;flex:1;overflow:hidden;position:relative;border-radius:8px;transition:all .3s ease}.dark .editor-container{background-color:#252526;border:1px solid #333}.light .editor-container{background-color:#fff;border:1px solid #e0e0e0}.line-numbers{padding:16px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;text-align:right;-webkit-user-select:none;user-select:none;overflow-y:hidden;transition:all .3s ease}.dark .line-numbers{background-color:#1e1e1e;color:#858585;border-right:1px solid #333}.light .line-numbers{background-color:#f5f5f5;color:#666;border-right:1px solid #e0e0e0}.line-number{padding:0 8px}.classic-textarea{flex:1;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.6;border:none;resize:none;transition:all .3s ease}.dark .classic-textarea{background-color:#252526;color:#d4d4d4}.light .classic-textarea{background-color:#fff;color:#333}.classic-textarea:focus{outline:none}.dark .classic-textarea:focus{box-shadow:0 0 0 2px #0e639c33}.light .classic-textarea:focus{box-shadow:0 0 0 2px #0074d933}.classic-error{padding:16px;border-radius:8px;margin-bottom:20px;font-family:JetBrains Mono,Fira Code,monospace;white-space:pre-wrap;line-height:1.6;font-size:14px;transition:all .3s ease}.dark .classic-error{background-color:#ff52521a;border:1px solid #ff5252;color:#ff5252}.light .classic-error{background-color:#ff00001a;border:1px solid #ff0000;color:red}.fullscreen-toggle{margin-left:auto}.dark .fullscreen-toggle{background-color:#333!important}.light .fullscreen-toggle{background-color:#e0e0e0!important;color:#333!important}.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}::-webkit-scrollbar{width:10px;height:10px}.dark ::-webkit-scrollbar-track{background:#1e1e1e}.light ::-webkit-scrollbar-track{background:#f5f5f5}.dark ::-webkit-scrollbar-thumb{background:#424242}.light ::-webkit-scrollbar-thumb{background:#b0b0b0}::-webkit-scrollbar-thumb:hover{background:#666666}.react-json-view{background:none!important;font-family:JetBrains Mono,Fira Code,monospace!important;line-height:1.7!important}.rjv-default .object-key{color:#222;font-weight:700}.rjv-default .string-value{color:#e67c3c;font-weight:500}.rjv-default .number-value{color:#7c4dff;font-weight:500}.rjv-default .boolean-value{color:#0074d9;font-weight:500}.rjv-default .null-value{color:#ff6f61;font-weight:500}.rjv-default .object-content,.rjv-default .array-content{border-left:2px solid #000!important;position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:6px 0;padding:8px 0;transition:box-shadow .2s,background .2s}.rjv-default .icon-container{transition:transform .2s cubic-bezier(.4,2,.6,1)}.rjv-default .icon-container.open{transform:rotate(90deg)}.rjv-default .object-key-val,.rjv-default .array-key-val{transition:background .15s;border-radius:6px}.rjv-default .object-key-val:hover,.rjv-default .array-key-val:hover{background:#f0f4fa}.copy-btn{display:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:2px 8px;font-size:13px;color:#0074d9;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:2}.rjv-default .object-key-val:hover .copy-btn,.rjv-default .array-key-val:hover .copy-btn{display:inline-block;opacity:1}.classic-container *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.files-panel{width:200px;display:flex;flex-direction:column;border-right:1px solid;transition:all .3s ease}.dark .files-panel{background-color:#252526;border-color:#333}.light .files-panel{background-color:#f5f5f5;border-color:#e0e0e0}.files-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid}.dark .files-header{border-color:#333}.light .files-header{border-color:#e0e0e0}.files-header h3{margin:0;font-size:14px;font-weight:600}.add-file-btn{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.dark .add-file-btn{background-color:#0e639c;color:#fff}.light .add-file-btn{background-color:#0074d9;color:#fff}.files-list{flex:1;overflow-y:auto;padding:8px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:all .2s ease;gap:8px}.file-item span,.file-rename-input{flex:1 1 0;min-width:0;max-width:120px;overflow-wrap:break-word;white-space:normal;display:block;word-break:break-all}.file-rename-input{width:100%;min-height:28px}.delete-file-btn{flex:0 0 auto;padding:2px 6px;border:none;border-radius:4px;cursor:pointer;font-size:16px;opacity:0;transition:all .2s ease;margin-left:6px}.file-item:hover .delete-file-btn{opacity:1}.dark .file-item{color:#e0e0e0}.light .file-item{color:#333}.dark .file-item:hover{background-color:#2a2d2e}.light .file-item:hover{background-color:#e8e8e8}.dark .file-item.active{background-color:#37373d}.light .file-item.active{background-color:#e0e0e0}.dark .delete-file-btn{background-color:#333;color:#e0e0e0}.light .delete-file-btn{background-color:#e0e0e0;color:#333}.dark .delete-file-btn:hover,.light .delete-file-btn:hover{background-color:#ff5252;color:#fff}.viewer-header{display:flex;justify-content:flex-end;padding:12px 16px;margin:-20px -20px 16px;border-bottom:1px solid;transition:all .3s ease}.viewer-controls{display:flex;align-items:center;gap:8px}.viewer-controls-divider{width:1px;height:20px;margin:0 8px}.dark .viewer-controls-divider{background-color:#3c3c3c}.light .viewer-controls-divider{background-color:#d0d0d0}.font-size-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent}.dark .font-size-btn{border-color:#3c3c3c;color:#e0e0e0}.light .font-size-btn{border-color:#d0d0d0;color:#333}.dark .font-size-btn:hover{background-color:#2a2d2e;border-color:#4c4c4c}.light .font-size-btn:hover{background-color:#e8e8e8;border-color:#b0b0b0}.font-size-btn:active{transform:translateY(1px)}.font-size-value{font-size:13px;font-weight:500;min-width:40px;text-align:center}.dark .font-size-value{color:#e0e0e0}.light .font-size-value{color:#333}.dark .viewer-header{background-color:#252526;border-color:#333}.light .viewer-header{background-color:#f5f5f5;border-color:#e0e0e0}.collapse-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.dark .collapse-toggle{border-color:#3c3c3c;color:#e0e0e0}.light .collapse-toggle{border-color:#d0d0d0;color:#333}.dark .collapse-toggle:hover{background-color:#2a2d2e;border-color:#4c4c4c}.light .collapse-toggle:hover{background-color:#e8e8e8;border-color:#b0b0b0}.collapse-toggle:active{transform:translateY(1px)}.collapse-toggle:before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.dark .collapse-toggle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0e0e0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.light .collapse-toggle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333333'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.collapse-toggle[data-expanded=true]:before{transform:rotate(180deg)}.json-search-bar{width:100%;margin-bottom:18px;padding:10px 16px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:Inter,JetBrains Mono,monospace;background:#fff;box-shadow:0 1px 4px #00000008;outline:none;transition:border .2s}.json-search-bar:focus{border-color:#0074d9}.react-json-view .icon-container,.react-json-view .icon-container svg{width:1.2em!important;height:1.2em!important;min-width:1.2em!important;min-height:1.2em!important;max-width:1.2em!important;max-height:1.2em!important;vertical-align:middle}.files-panel.drag-over{background:#e3f2fd!important;border-color:#2196f3!important;box-shadow:0 0 0 2px #2196f3}.drag-hint{margin:0;padding:10px 14px;border-radius:0;background:#f0f4fa;color:#0074d9;font-size:14px;font-family:Inter,JetBrains Mono,monospace;display:flex;align-items:center;gap:8px;box-shadow:0 1px 4px #0000000a;border-bottom:1px solid #e0e0e0;transition:all .2s ease;cursor:pointer}.drag-hint:hover{background:#e3f2fd;color:#0056b3}.dark .drag-hint{background:#23272e;color:#4fc3f7;border-color:#333}.dark .drag-hint:hover{background:#2a2d2e;color:#81d4fa}.copyright-footer{text-align:center;padding:1rem;font-size:.9rem;color:#666;border-top:1px solid #eee;margin-top:auto}.copyright-footer a{color:#06c;text-decoration:none}.copyright-footer a:hover{text-decoration:underline}.dark .copyright-footer{color:#999;border-top-color:#333}.dark .copyright-footer a{color:#66b3ff}.viewer-sticky-header{position:sticky;top:0;z-index:3;background:#fff;box-shadow:0 2px 8px #00000008;padding:24px 24px 8px}.dark .viewer-sticky-header{background:#23272e}.viewer-scroll-area{flex:1 1 0;overflow:auto;padding:24px;min-height:0;position:relative}