.json-page{background:linear-gradient(180deg,#f8fbff 0,#fff 420px);color:#172033}.json-page .tool-hero{padding:34px 0 42px;background:radial-gradient(circle at 86% 4%,#fff0b7 0,transparent 28%),linear-gradient(135deg,#fff 0,#f1f7ff 100%);border-bottom:1px solid #dce7f4}.json-page .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--muted);font-size:13px}.json-page .breadcrumb a{color:#2563eb;font-weight:700}.json-page .eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f0ff;color:#1d4ed8;font-size:12px;font-weight:800}.json-page h1{margin:14px 0 10px;font-size:clamp(31px,4vw,44px);letter-spacing:-.04em}.json-page .tool-hero p{max-width:680px;margin:0;color:#53637a;line-height:1.75}.json-page .tool-section{padding:40px 0}.json-page .json-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.json-page .editor-card,.json-page .info-grid article{padding:24px;border:1px solid #dce7f4;border-radius:18px;background:#fff;box-shadow:0 14px 34px #20385a12}.json-page .input-card{position:relative;overflow:hidden}.json-page .input-card:before,.json-page .result-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#86b8ff,#3b82f6)}.json-page .result-card{position:relative;border-color:#c9dcf7;box-shadow:0 18px 42px #2563eb14}.json-page .result-card:before{background:linear-gradient(90deg,#ffdc68,#ffad16)}.json-page .panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.json-page h2{margin:0;font-size:19px}.json-page .panel-head h2:before{content:"";display:inline-block;width:9px;height:9px;margin:0 8px 1px 0;border-radius:50%;background:#3b82f6}.json-page .result-card .panel-head h2:before{background:#f59e0b}.json-page .panel-head p,.json-page .info-grid p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.json-page textarea{box-sizing:border-box;width:100%;height:410px;margin:18px 0 14px;padding:16px;border:1px solid #cddced;border-radius:12px;background:#f8fbff;color:#1e293b;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;outline-color:#2563eb}.json-page textarea:focus{background:#fff;box-shadow:0 0 0 4px #bfdbfe88}.json-page .tool-actions{display:flex;gap:8px;flex-wrap:wrap}.json-page button{min-height:40px;border-radius:10px;padding:0 14px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s}.json-page button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #1e3a5f18}.json-page .primary-action{border:0;background:linear-gradient(135deg,#ffce48,#ffaf16);color:#402800}.json-page .primary-action:before{content:"✦ ";font-size:14px}.json-page .secondary-action:first-of-type:before{content:"↙ ";font-size:15px}.json-page .secondary-action:last-of-type:before{content:"✓ ";font-size:15px}.json-page .secondary-action,.json-page .text-action,.json-page .compact-action,.json-page .icon-action{border:1px solid #cfdeee;background:#fff;color:#1d4ed8}.json-page .text-action:disabled{color:#98a2b3;cursor:not-allowed}.json-page .result-toolbar{display:flex;align-items:center;gap:7px;margin:18px 0 10px;padding:9px;border:1px solid #d8e5f4;border-radius:12px;background:#f8fbff}.json-page .result-toolbar:focus-within{border-color:#8bb7ed;box-shadow:0 0 0 4px #bfdbfe66}.json-page .result-toolbar input{min-width:120px;flex:1;border:0;outline:0;background:transparent;padding:7px;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.json-page .search-count{min-width:max-content;color:#64748b;font-size:12px;font-weight:700}.json-page .icon-action{width:34px;min-width:34px;padding:0}.json-page .compact-action{min-height:32px;padding:0 9px;font-size:12px;white-space:nowrap}.json-page .json-output{box-sizing:border-box;height:410px;overflow:auto;padding:14px 16px;border:1px solid #cddced;border-radius:12px;background:#f8fbff;color:#26354d;font:13px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.json-page .empty-output{display:grid;place-items:center;color:#7184a0}.json-page .json-node{margin:0}.json-page .json-node>summary{list-style:none;cursor:pointer;width:max-content;max-width:100%}.json-page .json-node>summary::-webkit-details-marker{display:none}.json-page .json-node>summary:before{content:"+";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:5px;border:1px solid #94a9c4;border-radius:4px;color:#2563eb;font-weight:900;font-size:13px}.json-page .json-node[open]>summary:before{content:"−"}.json-page .json-node ul{margin:0 0 0 13px;padding:0 0 0 15px;border-left:1px solid #d4e0ee;list-style:none}.json-page .tree-row{display:inline;border-radius:4px;padding:1px 3px;word-break:break-word}.json-page .closing{display:block}.json-page .json-key{color:#1d4ed8}.json-page .json-colon,.json-page .json-bracket{color:#64748b}.json-page .json-string{color:#15803d}.json-page .json-number{color:#b45309}.json-page .json-boolean{color:#7e22ce}.json-page .json-null{color:#dc2626}.json-page .node-meta{margin-left:8px;color:#7184a0;font-size:11px}.json-page .search-match{background:#ffe86b!important;color:#172033!important;box-shadow:0 0 0 2px #f5b514}.json-page .search-match *{color:#172033!important}.json-page .active-match{background:#ffae28!important;box-shadow:0 0 0 3px #fff3bd}.json-page .soft-band{background:linear-gradient(180deg,#fff7df,#fffaf0)}.json-page .info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.json-page ol{margin:12px 0 0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.9}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.json-page .json-layout{grid-template-columns:1fr}.json-page textarea,.json-page .json-output{height:360px}}@media(max-width:620px){.json-page .tool-hero{padding:24px 0 30px}.json-page .editor-card{padding:16px}.json-page .result-toolbar{flex-wrap:wrap}.json-page .result-toolbar input{min-width:100%;order:-1}.json-page .compact-action{flex:1}.json-page textarea,.json-page .json-output{height:310px}.json-page .info-grid{grid-template-columns:1fr}}
.json-page textarea.input-error{border-color:#dc2626;background:#fff7f7;box-shadow:0 0 0 4px #fecaca}.json-page .status-error{color:#b91c1c!important;font-weight:800}.json-page .invalid-output{display:block;border-color:#fca5a5;background:#fff7f7;color:#b91c1c;font-weight:800;text-align:left}.json-page .json-error-message{margin:0 0 12px;text-align:center}.json-page .json-invalid-source{margin:0;padding:14px;border-radius:7px;background:#fff;color:#334155;white-space:pre-wrap;word-break:break-word;font:13px/1.72 ui-monospace,SFMono-Regular,Consolas,monospace}.json-page .json-invalid-source mark{padding:1px 2px;border-radius:3px;background:#fecaca;color:#991b1b;font-weight:900}.json-page .json-comment-hint{color:#a16207!important}.json-page .json-comment-hint code{padding:1px 4px;border-radius:4px;background:#fef3c7;color:#92400e}