:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0}body{display:block;min-width:0;min-height:100%;overflow-x:hidden}#root{max-width:none;margin:0;padding:0;text-align:initial}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{font-family:inherit}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}.adsbygoogle{background-color:#242424;border:1px dashed rgba(255,255,255,.1)}html,body,#root{height:100%;margin:0}*{box-sizing:border-box}:root{--radius: 6px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", Consolas, monospace;--ui: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--bg: #1e1e1e;--panel: #262626;--text: #e6e6e6;--subtext: #9aa0a6;--border: #3a3a3a;--key: #8ab4f8;--t-object: #4dd0e1;--t-array: #ffd54f;--t-string: #a5d6a7;--t-number: #ffab91;--t-boolean:#b39ddb;--t-null: #9e9e9e}:root[data-theme=dark]{--bg: #1e1e1e;--panel: #262626;--text: #e6e6e6;--subtext: #9aa0a6;--border: #3a3a3a;--key: #8ab4f8;--t-object: #4dd0e1;--t-array: #ffd54f;--t-string: #a5d6a7;--t-number: #ffab91;--t-boolean:#b39ddb;--t-null: #9e9e9e;--active-bg: #1b1f22}:root[data-theme=light]{--bg: #ffffff;--panel: #f5f7fa;--text: #1f2937;--subtext: #6b7280;--border: #d1d5db;--key: #2563eb;--t-object: #0891b2;--t-array: #b45309;--t-string: #047857;--t-number: #b91c1c;--t-boolean:#6d28d9;--t-null: #6b7280;--active-bg: #e0e7ff}html,body,.json-app,.pane,.preview,.topbar,.footer{transition:background-color .16s ease,color .16s ease,border-color .16s ease}.json-app{min-height:100vh;width:100%;max-width:none;background:var(--bg);color:var(--text);font-family:var(--ui);padding:16px;display:flex;flex-direction:column;gap:12px}.split{display:flex;gap:12px;flex:1 1 auto;min-height:0;width:100%;max-width:none}.pane{flex:1 1 0;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:12px;overflow:auto}.pane.left{flex:2 1 0;display:flex;flex-direction:column}.pane.right{flex:1 1 0;display:flex;flex-direction:column;gap:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.preview{background:var(--bg);border:1px solid var(--border);padding:12px;font-size:12px;line-height:1.5;overflow:auto;font-family:var(--mono);width:100%;flex:1 1 auto;min-height:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.input,.select,.btn,.pill{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.input{padding:6px 8px;min-width:140px}.select{padding:4px 6px}.select option{color:var(--text)}.btn{padding:6px 10px;cursor:pointer}.btn-danger{color:#f57}.pill{padding:2px 8px;border-radius:12px;font-size:12px}.file-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.filebar .file-btn{display:inline-flex;align-items:center;gap:8px}.filebar .file-btn:before{content:"📁"}.hint{font-size:12px;color:var(--subtext)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:12px}.status-ok{color:var(--t-string);border-color:#2e7d32}.status-err{color:#f57;border-color:#f57}.btn.btn-icon{width:28px;min-width:28px;text-align:center;padding:0;border:1px solid transparent;background:transparent;border-radius:var(--radius)}.btn.btn-icon:hover{background:var(--bg);border-color:var(--border)}.btn.btn-icon.btn-danger{color:#f57}.btn.btn-icon.btn-danger:hover{background:#ff557714;border-color:#ff557759}.twisty{display:inline-block;width:12px;text-align:center;color:var(--subtext)}.subinfo{font-size:12px;color:var(--subtext)}.kv-key{color:var(--key)}.t-object{color:var(--t-object)}.t-array{color:var(--t-array)}.t-string{color:var(--t-string)}.t-number{color:var(--t-number)}.t-boolean{color:var(--t-boolean)}.t-null{color:var(--t-null)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.4px;font-size:18px;color:var(--text);cursor:pointer}.menu{display:flex;align-items:center;gap:8px}.menu-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);text-decoration:none;transition:border-color .12s ease}.menu-link:hover{border-color:var(--t-object)}.menu-link.active{border-color:var(--t-object);color:var(--t-object);background:var(--active-bg)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;line-height:1}.theme-toggle .icon{font-size:14px}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;display:flex;flex-direction:column}.footer{text-align:center;padding:12px;font-size:13px;color:var(--subtext);background:var(--panel);border-top:1px solid var(--border)}@media (max-width: 900px){.split{flex-direction:column}}.paste-panel{margin-top:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:8px}.paste-textarea{width:100%;min-height:160px;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.5;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.paste-actions{display:flex;gap:8px}.ad-top,.ad-above-footer{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}