.tool-page{padding:1rem 0 0}.intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.5rem;margin:1rem 0 1.35rem}.eyebrow{margin:0 0 .5rem;color:var(--accent-deep);font-size:.82rem;font-weight:780;letter-spacing:.09em;text-transform:uppercase}h1{max-width:48rem;margin:0;font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.055em;line-height:1.04}.lede{max-width:37rem;margin:.8rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.55}.shortcut{margin:0 0 .25rem;color:var(--muted);font-size:.84rem;white-space:nowrap}kbd{border:1px solid #c7d2dc;border-bottom-width:2px;border-radius:.3rem;background:#fff;padding:.1rem .36rem;color:#43546a;font:.76rem ui-monospace,SFMono-Regular,Menlo,monospace}.workbench{overflow:hidden;border:1px solid rgba(154,174,191,.52);border-radius:1.1rem;background:var(--paper);box-shadow:var(--shadow)}.toolbar,.statusbar{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.85rem 1rem;background:#fbfdfe}.toolbar{border-bottom:1px solid var(--line)}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.button{min-height:2.4rem;border:1px solid var(--line);border-radius:.55rem;padding:0 .82rem;background:#fff;color:var(--ink);font-size:.9rem;font-weight:680;transition:transform .15s ease,border-color .15s ease,background .15s ease}.button:hover{transform:translateY(-1px);border-color:#abc0cf;background:#f5fafb}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.primary:hover{border-color:var(--accent-deep);background:var(--accent-deep)}.button.quiet{color:var(--muted)}.editors{display:grid;grid-template-columns:1fr 1fr;min-height:29rem}.editor{display:flex;flex-direction:column;min-width:0}.editor+.editor{border-left:1px solid var(--line)}.editor-label{display:flex;align-items:center;justify-content:space-between;padding:.72rem 1rem;border-bottom:1px solid var(--line);color:#53667a;font-size:.76rem;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.editor-label span:last-child{color:#8c9baa;font-size:.7rem;letter-spacing:.04em}textarea{width:100%;min-height:24rem;flex:1;resize:vertical;border:0;padding:1.1rem;color:#e2f6ef;background:var(--code);caret-color:#7ce4cb;font:.9rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}textarea::placeholder{color:#87a2b3}.json-tree{min-height:24rem;flex:1;overflow:auto;padding:1.1rem;color:#d9ebf3;background:var(--code-output);font:.9rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.json-placeholder{margin:0;color:#87a2b3}.json-node{min-width:max-content}.json-container{margin:0}.json-container>summary{cursor:pointer;list-style:none;border-radius:.3rem;padding:.04rem .2rem}.json-container>summary::-webkit-details-marker{display:none}.json-container>summary:before{display:inline-grid;width:.8rem;height:.8rem;place-items:center;margin-right:.28rem;border:1px solid #7ce4cb;border-radius:999px;color:#7ce4cb;content:"−";font:700 .76rem/1 sans-serif;vertical-align:.02rem}.json-container:not([open])>summary:before{content:"+"}.json-container>summary:hover{background:#7ce4cb1a}.json-children{margin-left:0;padding-left:2.2rem}.json-line{padding-left:1.35rem}.json-key{color:#8bd5ff;font-weight:650}.json-expanded-token,.json-closing,.json-punctuation{color:#e2f6ef}.json-collapsed-token{color:#87a2b3}.json-container[open] .json-collapsed-token,.json-container:not([open]) .json-expanded-token{display:none}.json-container[open] .json-expanded-token,.json-container:not([open]) .json-collapsed-token{display:inline}.json-string{color:#b7e59e}.json-number{color:#f3cb85}.json-boolean,.json-null{color:#d8a9ff}.statusbar{border-top:1px solid var(--line)}.status{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.88rem}.status-icon{width:.6rem;height:.6rem;border-radius:99px;background:#9aacb9}.status.valid{color:var(--accent-deep)}.status.valid .status-icon{background:var(--accent)}.status.invalid{color:var(--danger)}.status.invalid .status-icon{background:var(--danger)}.stats{color:#718295;font:.78rem ui-monospace,SFMono-Regular,Menlo,monospace}.information-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:1.3rem}.info-card{padding:1.2rem;border:1px solid rgba(154,174,191,.45);border-radius:.9rem;background:#ffffffad}.info-card h2{margin:0 0 .45rem;font-size:1rem;letter-spacing:-.015em}.info-card p,.info-card li{color:var(--muted);font-size:.92rem;line-height:1.55}.info-card p{margin:0}.info-card ul{margin:.4rem 0 0;padding-left:1.1rem}.info-card li+li{margin-top:.2rem}@media(max-width:48rem){.intro,.editors,.information-grid{grid-template-columns:1fr}.shortcut{display:none}.toolbar,.statusbar{align-items:flex-start;flex-direction:column}.secondary-actions{width:100%}.button{flex:1 1 auto}.editor+.editor{border-top:1px solid var(--line);border-left:0}textarea,.json-tree{min-height:18rem}}