.jschematool{margin:24px 0 32px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;box-shadow:var(--shadow-sm)}.jschematool__toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-soft)}.jschematool__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.jschematool__hint-text{font-size:13px;color:var(--color-text-muted)}.jschematool__hint-text code{padding:1px 5px;background:var(--color-bg-code);border-radius:3px;font-family:var(--font-mono);font-size:12px}.jschematool__panels{display:grid;grid-template-columns:1fr 1fr;min-height:320px}.jschematool__panel{display:flex;flex-direction:column;min-width:0}.jschematool__panel:first-child{border-right:1px solid var(--color-border)}.jschematool__label{display:flex;align-items:center;gap:12px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--color-text-soft);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.jschematool__stat{margin-left:auto;color:var(--color-text-muted);font-weight:400;font-variant-numeric:tabular-nums}.jschematool__textarea{flex:1;width:100%;border:0;outline:none;resize:vertical;min-height:280px;padding:14px 16px;font-family:var(--font-mono);font-size:13.5px;line-height:1.6;color:var(--color-text);background:var(--color-bg);tab-size:2}.jschematool__textarea::placeholder{color:var(--color-text-muted)}.jschematool__result{padding:14px 16px;border-top:1px solid var(--color-border);background:var(--color-bg-soft);min-height:80px}.jschematool__result-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.jschematool__result-head h3{margin:0;font-size:15px;font-weight:600}.jschematool__badge{padding:2px 10px;font-size:12px;font-weight:500;border-radius:999px}.jschematool__badge--pass{background:#1aaa5524;color:var(--color-success)}.jschematool__badge--fail{background:#ef444424;color:var(--color-error)}.jschematool__hint{color:var(--color-text-muted);font-size:13px;padding:6px 0}.jschematool__pass{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1aaa5514;border:1px solid rgba(26,170,85,.25);border-radius:var(--radius-sm);color:var(--color-success);font-size:14px}.jschematool__pass-icon{font-size:18px}.jschematool__errors{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.jschematool__error-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ef44440f;border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-error);font-weight:500}.jschematool__error-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.jschematool__error-row{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .1s ease;font-size:13px}.jschematool__error-row:last-child{border-bottom:0}.jschematool__error-row:hover,.jschematool__error-row--active{background:#ef44440f}.jschematool__error-row--parse{cursor:default;grid-template-columns:auto 1fr}.jschematool__error-row--parse:hover{background:transparent}.jschematool__kw{display:inline-block;padding:1px 8px;font-size:11.5px;font-family:var(--font-mono);font-weight:500;border-radius:4px;background:var(--color-bg-code);color:var(--color-text-soft);white-space:nowrap}.jschematool__kw--type{background:#2b6cff1f;color:#2b6cff}.jschematool__kw--object{background:#c9366f1f;color:#c9366f}.jschematool__kw--array{background:#f5a62324;color:#b97308}.jschematool__kw--string{background:#1aaa551f;color:#1aaa55}.jschematool__kw--number{background:#7a4cff1f;color:#7a4cff}.jschematool__kw--logic{background:#5959591f;color:var(--color-text-soft)}.jschematool__kw--other{background:var(--color-bg-code);color:var(--color-text-soft)}@media(prefers-color-scheme:dark){.jschematool__kw--type{color:#5b8cff}.jschematool__kw--object{color:#f0709a}.jschematool__kw--array{color:#fbbf24}.jschematool__kw--string{color:#4ade80}.jschematool__kw--number{color:#a78bfa}}.jschematool__error-path{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text);background:var(--color-bg-code);padding:1px 6px;border-radius:3px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.jschematool__error-msg{color:var(--color-text-soft);font-size:13px;word-break:break-word}.jschematool__notice{margin-top:8px;padding:6px 12px;background:var(--color-success);color:#fff;font-size:12px;border-radius:var(--radius-sm);text-align:center}.jschematool__copy{flex-shrink:0}.jschematool__footer{padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-bg-soft);font-size:12.5px;color:var(--color-text-muted);text-align:center}.jschematool-faq{max-width:760px;margin:48px auto;padding:0 0 24px}.jschematool-faq h2{font-size:22px;margin:0 0 16px;font-weight:600}.jschematool-faq details{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);margin-bottom:8px;overflow:hidden}.jschematool-faq summary{padding:12px 16px;cursor:pointer;font-weight:500;list-style:none;user-select:none}.jschematool-faq summary::-webkit-details-marker{display:none}.jschematool-faq summary:after{content:"+";float:right;color:var(--color-text-muted);font-weight:400}.jschematool-faq details[open] summary:after{content:"−"}.jschematool-faq details p{margin:0;padding:0 16px 14px;color:var(--color-text-soft);font-size:14px;line-height:1.7}.jschematool-faq code{padding:1px 5px;background:var(--color-bg-code);border-radius:3px;font-family:var(--font-mono);font-size:12.5px}@media(max-width:768px){.jschematool__panels{grid-template-columns:1fr}.jschematool__panel:first-child{border-right:0;border-bottom:1px solid var(--color-border)}.jschematool__textarea{min-height:220px}.jschematool__toolbar{padding:10px 12px}.jschematool__hint-text{display:none}.jschematool__error-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.jschematool__error-msg{grid-column:1 / -1}.jschematool__error-path{max-width:140px}}
