.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}::selection{background:var(--text-accent);color:var(--bg-body)}.jsonFormatter{background:var(--bg-surface);border:1px solid var(--border-light);max-width:900px;color:var(--text-main);border-radius:12px;flex-direction:column;gap:1.2rem;margin:3rem auto;padding:2rem;display:flex}.jsonFormatter h1{margin:0;font-size:1.5rem;font-weight:800}#size-indicator{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-light);border-radius:6px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:.7rem;transition:opacity .2s;display:inline-block}#size-indicator:empty{display:none}.field-group{flex-direction:column;width:100%;display:flex}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.5rem;margin-bottom:.5rem;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:700;display:block}#output-section:has(#json-output:placeholder-shown){display:none}.jsonFormatter textarea{border:1px solid var(--border-light);background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:10px;padding:1.2rem;font-family:ui-monospace,monospace;font-size:.85rem;line-height:1.6;transition:border-color .2s}.jsonFormatter textarea:focus{border-color:var(--border-accent);outline:none}.jsonFormatter textarea.error-border{border-color:var(--text-error)!important;background-color:var(--bg-error)!important}.sticky-controls{z-index:10;background-color:var(--bg-surface);border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding:.75rem 0;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.sticky-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:transparent}}.jsonFormatter .buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.jsonFormatter button,.jsonFormatter button:disabled{opacity:.4;cursor:not-allowed}.jsonFormatter button.selected{background-color:var(--btn-bg)!important;color:var(--btn-color)!important;border-color:var(--border-accent)!important}.jsonFormatter button.danger-btn{color:var(--text-muted);background:0 0;border:none}.jsonFormatter button.danger-btn:hover:not(:disabled){color:var(--text-error)}.divider{background:var(--border-light);width:1px;height:24px;margin:0 .5rem}#error-display{background-color:var(--bg-error);border-left:4px solid var(--text-error);color:var(--text-main);border-radius:8px;margin:1rem 0;padding:1.25rem;font-size:.9rem}.error-pre{background-color:var(--bg-input);border:1px solid var(--border-light);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin-top:12px;padding:1rem;font-family:ui-monospace,monospace;font-size:.8rem}.error-pre span{font-weight:700;color:var(--text-error)!important}.json-playground{background:var(--bg-playground);text-align:center;border-radius:12px;max-width:900px;margin:2rem auto;padding:2rem}.faq-item h3{color:var(--text-accent)}.faq-item p{color:var(--text-muted)}.hidden{display:none!important}#copy-btn{border:1px solid var(--border-light);color:var(--text-main);background-color:var(--bg-input);border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}#copy-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-light);background-color:transparent;color:var(--text-muted)!important}#copy-btn:not(:disabled):hover{color:var(--text-accent);border-color:var(--border-accent);background-color:var(--bg-input)}#copy-btn.selected{background-color:var(--btn-bg)!important;color:var(--btn-color)!important;border-color:var(--border-accent)!important}.copy-btn-label{transition:opacity .2s;display:inline-block}.copy-btn-feedback{opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#copy-btn.selected .copy-btn-label{opacity:0}#copy-btn.selected .copy-btn-feedback{opacity:1}.header-title-group{flex-direction:column;gap:.25rem;display:flex}.header-subtitle{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:400;line-height:1.4}.formatter-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.json-playground{background:var(--bg-surface);border:1px solid var(--border-light);text-align:center;border-radius:12px;max-width:900px;margin:2rem auto;padding:2.5rem}.json-playground h2{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1rem;font-weight:700}.json-playground .examples{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.example-btn{border:1px solid var(--border-light);background-color:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.6rem 1.2rem;font-family:ui-monospace,monospace;font-size:.8rem;font-weight:600;transition:all .2s}.example-btn:hover{border-color:var(--border-accent);color:var(--text-accent);background-color:var(--bg-surface);transform:translateY(-1px)}.example-btn:active{transform:translateY(0)}#download-btn,#clear-btn,#pretty-btn,#minify-btn{border:1px solid var(--border-light);background-color:var(--bg-input);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}#download-btn{border-color:var(--border-light)}#download-btn:not(:disabled):hover{border-color:var(--text-accent);color:var(--text-accent);background-color:var(--bg-surface)}#download-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--text-muted)}#download-btn:active{transform:translateY(1px)}