:root{--primary-color:#0f766e;--primary-soft:#ccfbf1;--sidebar-bg:#172033;--sidebar-rail:#111827;--sidebar-panel:#1f2937;--sidebar-text:#e5e7eb;--sidebar-muted:#9ca3af;--sidebar-hover:#ffffff14;--main-bg:#f6f8fb;--card-bg:#fff;--text-main:#172033;--text-muted:#64748b;--border-color:#e2e8f0;--transition-speed:.22s;--sidebar-width:278px;--sidebar-rail-width:58px;--header-height:64px}*{box-sizing:border-box}body{background-color:var(--main-bg);color:var(--text-main);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,select,textarea{font:inherit}.app-shell{grid-template-columns:auto 1fr;grid-template-rows:var(--header-height) 1fr;min-height:100vh;display:grid}.top-header{width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1001;background-color:#ffffffeb;grid-area:1/2;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;display:grid}.header-right{justify-self:end;align-items:center;gap:16px;display:flex}.lang-menu{position:relative}.lang-trigger{min-width:116px;height:38px;color:var(--text-main);cursor:pointer;transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease, transform var(--transition-speed) ease;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b885;border-radius:8px;align-items:center;gap:8px;padding:0 11px;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.lang-trigger:hover,.lang-trigger:focus-visible,.lang-trigger[aria-expanded=true]{border-color:#0f766e8c;outline:none;box-shadow:0 0 0 3px #0f766e1f,0 8px 20px #0f172a14}.lang-trigger:active{transform:translateY(1px)}.lang-current{text-align:left;white-space:nowrap;flex:1;font-size:14px;font-weight:600}.lang-chevron{border-bottom:1.8px solid #64748b;border-right:1.8px solid #64748b;flex-shrink:0;width:7px;height:7px;margin-top:-3px;transform:rotate(45deg)}.lang-options{z-index:1100;background:#fff;border:1px solid #94a3b852;border-radius:8px;min-width:138px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f172a29,0 2px 6px #0f172a0f}.lang-option{width:100%;min-height:36px;color:var(--text-main);text-align:left;cursor:pointer;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:7px 8px;display:flex}.lang-option:hover,.lang-option:focus-visible{background:#f1f5f9;outline:none}.lang-option.is-selected{color:#042f2e;background:var(--primary-soft)}.lang-option-mark{width:28px;height:22px;color:var(--primary-color);background:#0f766e1a;border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.lang-option.is-selected .lang-option-mark{color:#fff;background:var(--primary-color)}.app-body{display:contents}.sidebar-shell{width:var(--sidebar-rail-width);background:var(--sidebar-panel);transition:width var(--transition-speed) cubic-bezier(.4, 0, .2, 1);z-index:20;flex-shrink:0;grid-area:1/1/-1;position:relative;overflow:visible}.sidebar-shell.is-open{width:var(--sidebar-width)}.sidebar-toggle-btn{color:#fff;background:var(--sidebar-panel);cursor:pointer;width:34px;height:34px;transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;z-index:1002;border:1px solid #94a3b847;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:14px;left:12px;box-shadow:0 6px 16px #0f172a29}.sidebar-toggle-btn:hover,.sidebar-toggle-btn:focus-visible,.sidebar-toggle-btn.open{color:#fff;background:#243244;border-color:#ccfbf15c;outline:none;box-shadow:5px 0 18px #0f172a33}.toggle-icon{flex-direction:column;justify-content:space-between;width:16px;height:13px;display:flex}.toggle-icon span{transform-origin:50%;height:2px;transition:transform var(--transition-speed) ease, opacity var(--transition-speed) ease;background:currentColor;border-radius:999px}.sidebar{color:var(--sidebar-text);background:var(--sidebar-panel);flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:8px 0 24px #0f172a14}.sidebar-footer{opacity:.85;text-align:center;border-top:1px solid #94a3b82e;padding:14px 12px;font-size:13.5px;font-weight:500}.sidebar-footer-brand{-webkit-user-select:none;user-select:none}.sidebar-content{width:var(--sidebar-width);max-width:0;transition:max-width var(--transition-speed) cubic-bezier(.4, 0, .2, 1);flex:1;padding:60px 14px 16px;overflow:hidden auto}.sidebar-shell.is-open .sidebar-content{max-width:var(--sidebar-width)}.tree-root,.tree-children{margin:0;padding:0;list-style:none}.tree-children{border-left:1px solid #94a3b838;margin-left:17px;padding-left:11px}.tree-item{margin:3px 0}.tree-row{width:100%;min-height:38px;color:var(--sidebar-text);text-align:left;cursor:pointer;transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;display:flex;position:relative}.tree-row:hover,.tree-row:focus-visible{color:#fff;background:var(--sidebar-hover);outline:none}.tree-link.is-active{color:#042f2e;background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary-color)}.tree-caret{width:18px;height:18px;color:var(--sidebar-muted);flex-shrink:0;place-items:center;display:grid}.tree-caret:before{content:"";width:7px;height:7px;transition:transform var(--transition-speed) ease, color var(--transition-speed) ease;border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}.tree-parent.is-expanded .tree-caret:before{transform:rotate(135deg)}.tree-leaf-dot{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.tree-leaf-dot:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:6px;height:6px}.tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.tree-level-0>.tree-row .tree-label{font-weight:700}.main-content{background-color:var(--main-bg);grid-area:2/2;min-width:0;padding:24px;overflow:auto}@media (width<=720px){:root{--sidebar-width:236px;--sidebar-rail-width:54px}.top-header{padding:0 16px}.main-content{padding:16px}}.header-left{align-items:center;display:flex}.header-title{color:#111;font-size:18px;font-weight:600}.json-tool-page{max-width:1360px;margin:0 auto;padding:24px}.tool-header{margin-bottom:24px}.tool-header h1{margin:0;font-size:28px;font-weight:600}.tool-actions{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tool-button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 16px;font-size:14px;transition:background-color .15s}.tool-button:hover:not(:disabled){background:#f3f4f6}.tool-button:active:not(:disabled){background:#e5e7eb}.tool-button:disabled{opacity:.5;cursor:not-allowed}.tool-button.primary{color:#fff;background:#0f766e;border-color:#0f766e}.tool-button.primary:hover{background:#115e59;border-color:#115e59}.tool-button.subtle{color:#991b1b;border-color:#fecaca}.tool-button.subtle:hover{background:#fee2e2}.json-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px}.json-panel{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;min-height:calc(100vh - 320px);display:flex;overflow:hidden}.json-editor-wrap{flex:1;min-height:0;overflow:hidden}.json-code-editor{height:100%}@media (width<=720px){.json-tool-page{padding:16px}.tool-header h1{font-size:20px}.tool-actions{gap:6px}.tool-button{padding:4px 12px;font-size:13px}}