.qpt-json{--line:#30353c;--muted:#aab3bf;color:#f3f4f6;background:#101216;border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,32px);margin:24px 0;font:15px/1.6 system-ui,sans-serif}.qpt-json *{box-sizing:border-box}.qpt-json h2{font:clamp(28px,4vw,42px)/1.15 Georgia,serif;margin:12px 0}.qpt-json .qpj-kicker{font:11px/1.5 system-ui;letter-spacing:.18em;color:#9ce6cb}.qpt-json p{color:var(--muted)}.qpj-toolbar,.qpj-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.qpt-json button,.qpt-json select,.qpt-json input,.qpt-json .qpj-download{font:inherit;color:inherit;background:#1b2027;border:1px solid #505c69;border-radius:8px;padding:9px 12px}.qpt-json button{cursor:pointer}.qpt-json button:hover{border-color:#9ce6cb}.qpt-json button:disabled{opacity:.45;cursor:default}.qpt-json :focus-visible{outline:3px solid #9ce6cb;outline-offset:3px}.qpj-editors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qpt-json label{display:block;margin-bottom:8px}.qpt-json textarea{width:100%;min-height:300px;resize:vertical;background:#090b0e;color:#e4eaf1;border:1px solid var(--line);border-radius:10px;padding:16px;font:14px/1.6 ui-monospace,Consolas,monospace;tab-size:2}.qpt-json input[type=file]{width:100%;max-width:100%;font-size:13px}.qpt-json .qpj-primary{background:#a1ebd2;color:#10231d;font-weight:650}.qpt-json [hidden]{display:none!important}.qpj-result{border-top:1px solid var(--line);padding-top:16px}.qpj-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090b0e;padding:16px;border-radius:8px;max-height:440px;overflow:auto;font:13px/1.6 ui-monospace,monospace}.qpj-table-wrap{overflow:auto;max-height:440px}.qpt-json table{width:100%;border-collapse:collapse;font-size:13px}.qpt-json th,.qpt-json td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:320px}.qpt-json td{font-family:ui-monospace,monospace;white-space:pre-wrap}.qpt-json #qpj-status[data-error=true]{color:#ffb7b7}.qpt-json .qpj-note{font-size:13px}.qpj-article{line-height:1.8;margin:32px 0}.qpj-article h2,.qpj-article h3{line-height:1.3}.qpj-article code{overflow-wrap:anywhere}.qpj-article a{color:inherit;text-decoration:underline}@media(max-width:700px){.qpj-editors{grid-template-columns:1fr}.qpt-json textarea{min-height:220px}.qpj-toolbar>*{max-width:100%}.qpt-json th,.qpt-json td{min-width:100px}}