.jsonFormatterPage{padding-top:clamp(26px,3vw,44px)}.jsonFormatterIntro{max-width:820px;margin-bottom:clamp(20px,2.5vw,32px)}.jsonFormatterIntro h1{color:var(--text-primary);letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.15}.jsonFormatterIntro p{color:var(--text-secondary);margin:9px 0 0;font-size:.95rem}.jsonFormatterToolbar,.jsonFormatterTool{border:1px solid var(--border-subtle);background:var(--surface-white);border-radius:8px}.jsonFormatterToolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:10px 12px;display:flex}.jsonActionGroup,.jsonOptions,.jsonOutputActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jsonOptions{justify-content:flex-end}.jsonOptions>label:not(.jsonCheck){color:var(--text-primary);font-size:.84rem;font-weight:700}.jsonOptions select{border:1px solid var(--border-subtle);min-height:34px;color:var(--text-primary);background:var(--surface-white);font:inherit;border-radius:5px;padding:6px 28px 6px 9px;font-size:.84rem}.jsonCheck{min-height:34px;color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;padding:0 3px;font-size:.84rem;font-weight:600;display:inline-flex}.jsonCheck input{width:16px;height:16px;accent-color:var(--primary-color);margin:0}.jsonAction,.jsonPrimaryAction{border:1px solid var(--border-subtle);min-height:34px;color:var(--text-primary);background:var(--surface-white);cursor:pointer;border-radius:5px;padding:6px 10px;font-size:.78rem;font-weight:600}.jsonAction:hover{border-color:var(--primary-color-border);color:var(--primary-color);background:var(--primary-color-light)}.jsonPrimaryAction{border-color:var(--primary-color);color:#fff;background:var(--primary-color)}.jsonPrimaryAction:hover{border-color:var(--primary-color-hover);background:var(--primary-color-hover)}.jsonAction:focus-visible,.jsonPrimaryAction:focus-visible,.jsonInput:focus-visible,.jsonOptions select:focus-visible,.jsonCheck input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.jsonFormatterTool{padding:clamp(16px,2vw,24px)}.jsonFormatterWorkspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:20px;display:grid}.jsonPanel{flex-direction:column;min-width:0;display:flex}.jsonPanelHeading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:45px;display:flex}.jsonPanelHeading label,.jsonPanelHeading h2{color:var(--text-primary);margin:0;font-size:1rem;font-weight:650}.jsonPanelHeading p{color:var(--text-secondary);margin:4px 0 0;font-size:.84rem;line-height:1.45}.jsonHighlightNotice{max-width:540px;color:#8a4d00!important}.jsonHighlightNotice[hidden]{display:none}.jsonInput,.jsonOutput{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--surface-subtle);white-space:pre;tab-size:2;border-radius:6px;width:100%;min-height:clamp(340px,50vh,680px);margin:13px 0 0;padding:12px;font:.84rem/1.55 Consolas,Courier New,monospace;overflow:auto}.jsonInput{resize:vertical;color:var(--text-primary)}.jsonInput::placeholder{color:var(--text-secondary);opacity:1}.jsonInput:focus{border-color:var(--primary-color-border);background:var(--surface-white);outline:0}.jsonOutput{color:var(--text-primary)}.jsonEmptyState{color:var(--text-secondary);font-family:Segoe UI,Arial,sans-serif;font-size:.84rem}.jsonStatus{min-height:20px;color:var(--text-secondary);margin:12px 0 0;font-size:.84rem}.jsonStatus.isValid{color:#167a44}.jsonStatus.isInvalid{color:#a12b2b}.jsonKey{color:#3168bd}.jsonString{color:#8b3e7c}.jsonNumber{color:#9a4b10}.jsonBoolean{color:#16804d;font-weight:600}.jsonNull{color:#6d5baa;font-weight:600}.jsonPunctuation{color:#59635d}@media (width<=860px){.jsonFormatterWorkspace{grid-template-columns:1fr}.jsonInput,.jsonOutput{min-height:280px}}@media (width<=700px){.jsonFormatterToolbar{flex-direction:column;align-items:flex-start}.jsonOptions{justify-content:flex-start}}@media (width<=560px){.jsonFormatterTool{padding:14px}.jsonPanelHeading{flex-direction:column;align-items:flex-start}.jsonOutputActions{margin-top:-5px}.jsonInput,.jsonOutput{min-height:240px}}