:root{color-scheme:dark;--bg:#070906;--panel:rgba(17,23,17,.95);--panel-strong:#151c15;--text:#edf5eb;--muted:#9eaa9c;--line:#2b382c;--line-hot:#4c6b50;--accent:#7df29b;--accent-strong:#36c968;--accent-soft:rgba(125,242,155,.1);--warning:#f0ba55;--danger:#de6958;--shadow:0 24px 70px rgba(0,0,0,.42);--input:#080c08;--radius:9px;--font:"Segoe UI",Arial,sans-serif;--mono:"Cascadia Code",Consolas,monospace}
:root[data-theme="light"]{color-scheme:light;--bg:#eef1e9;--panel:rgba(255,255,252,.95);--panel-strong:#f8faf5;--text:#182019;--muted:#647064;--line:#cbd4c9;--line-hot:#92aa95;--accent:#176e37;--accent-strong:#105e2d;--accent-soft:rgba(23,110,55,.1);--warning:#9c6508;--danger:#b14435;--shadow:0 20px 55px rgba(34,48,36,.12);--input:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font);background:linear-gradient(rgba(125,242,155,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,242,155,.025) 1px,transparent 1px),radial-gradient(circle at top left,rgba(74,130,82,.17),transparent 36rem),var(--bg);background-size:40px 40px,40px 40px,auto,auto}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--warning);outline-offset:3px}.skip-link{position:fixed;z-index:100;top:10px;left:10px;transform:translateY(-160%);padding:10px 14px;background:var(--warning);color:#111;font-weight:800}.skip-link:focus{transform:none}
.page-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:18px 0 40px}.top-nav{min-height:58px;margin-bottom:18px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(7,10,7,.88);backdrop-filter:blur(18px)}:root[data-theme="light"] .top-nav{background:rgba(255,255,252,.86)}.top-brand{display:flex;align-items:center;gap:10px;color:var(--text);font:800 .75rem var(--mono);letter-spacing:.1em;text-decoration:none}.top-brand img{width:36px;height:36px;border:1px solid var(--line-hot);border-radius:6px}.top-nav>div{display:flex;flex-wrap:wrap;gap:4px}.top-nav>div a{padding:8px 10px;border-radius:5px;color:var(--muted);font:700 .7rem var(--mono);text-decoration:none;text-transform:uppercase}.top-nav>div a:hover{background:var(--accent-soft);color:var(--accent)}
.hero,.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:24px;margin-bottom:20px;padding:26px;border-color:var(--line-hot);background:linear-gradient(120deg,rgba(70,112,77,.2),var(--panel) 58%)}.hero-brand{display:flex;gap:18px;align-items:flex-start}.hero-icon{width:68px;height:68px;object-fit:contain;border:1px solid var(--line-hot);border-radius:8px;background:#0d120e}.eyebrow{margin:0 0 9px;color:var(--accent);font:800 .7rem var(--mono);letter-spacing:.13em;text-transform:uppercase}.hero h1,.sidebar-header h2,.workspace-toolbar h2{margin:0}.hero h1{max-width:15ch;font-size:clamp(2rem,3.7vw,4rem);line-height:.98;letter-spacing:-.045em}.hero-copy,.muted,.status{color:var(--muted)}.hero-copy{max-width:68ch;margin:15px 0 0;line-height:1.6}.hero-actions,.toolbar-actions,.tabs,.array-actions{display:flex;flex-wrap:wrap;gap:9px}.hero-actions{align-content:start;justify-content:flex-end}
.button{min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel-strong);color:var(--text);cursor:pointer;font:800 .72rem var(--mono);text-decoration:none;text-transform:uppercase;transition:transform 140ms ease,border-color 140ms ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{border-color:var(--accent);background:var(--accent);color:#071008}.button.secondary{border-color:var(--line-hot);background:var(--accent-soft)}.button.ghost{background:transparent}
.layout{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:20px}.card{padding:20px}.sidebar{position:sticky;top:18px;align-self:start}.sidebar-header,.workspace-toolbar,.editor-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;padding:5px 9px;border:1px solid var(--line-hot);border-radius:5px;background:var(--accent-soft);color:var(--accent);font:800 .68rem var(--mono);text-transform:uppercase}.file-list{display:grid;gap:8px;max-height:72vh;margin-top:15px;overflow:auto}.empty-state{min-height:220px;place-items:center;text-align:center;border:1px dashed var(--line);border-radius:7px;padding:16px}.file-button{width:100%;padding:13px;border:1px solid transparent;border-radius:7px;background:var(--panel-strong);color:var(--text);cursor:pointer;text-align:left}.file-button small{display:block;margin-top:5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.file-button.active{border-color:var(--accent);background:linear-gradient(120deg,var(--accent-soft),var(--panel-strong))}.workspace{display:grid;gap:20px}.workspace-toolbar{align-items:end}.tab{padding:9px 13px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font:800 .72rem var(--mono);text-transform:uppercase}.tab.active{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}.editor-meta{margin:17px 0}.editor-panel.hidden{display:none}
#rawJsonInput{width:100%;min-height:62vh;resize:vertical;border:1px solid var(--line);border-radius:7px;background:var(--input);color:var(--text);padding:17px;font:14px/1.55 var(--mono)}.field-label{display:block;margin-bottom:8px;font-weight:800}.tree-group{padding:15px;border:1px solid var(--line);border-radius:8px;background:rgba(125,242,155,.025)}.tree-group+.tree-group,.field-row+.field-row{margin-top:12px}.group-title{margin:0 0 13px;color:var(--accent);font:800 .8rem var(--mono);text-transform:uppercase}.field-row{display:grid;gap:9px}.field-row label{font-weight:700}.field-row input[type="text"],.field-row input[type="number"],.field-row textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:var(--input);color:var(--text)}.field-row input:focus,.field-row textarea:focus,#rawJsonInput:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.field-row textarea{min-height:90px;resize:vertical}.field-row.array-item{padding:12px;border-left:3px solid var(--line-hot);background:var(--accent-soft)}.array-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.array-header .group-title{margin:0}.mini-button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel-strong);color:var(--text);cursor:pointer;font:700 .7rem var(--mono)}.toggle-row{display:flex;align-items:center;gap:9px}.status.error{color:var(--danger)}.status.warning{color:var(--warning)}.status.success{color:var(--accent)}
@media(max-width:980px){.hero,.layout{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.sidebar{position:static}.hero-brand{flex-direction:column}}
@media(max-width:680px){.page-shell{width:calc(100% - 20px)}.top-nav{align-items:flex-start;flex-direction:column}.top-nav>div{width:100%}.hero{padding:19px}.card{padding:15px}.workspace-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions,.hero-actions{width:100%}.toolbar-actions .button,.hero-actions .button,.hero-actions label{flex:1 1 150px}.array-header{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}