.json-path-tool{--jpt-panel-bg: var(--color-surface, #fff);--jpt-panel-border: var(--color-border, #ddd);--jpt-text: var(--color-text, #555);--jpt-text-muted: var(--color-text-muted, #aaa);--jpt-code-font: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--jpt-error: var(--color-error, #c0392b);--jpt-error-light: var(--color-error-light, #f8d7da);--jpt-error-border: var(--color-error-border, #f5c6cb);--jpt-success: var(--color-success, #16a34a);--jpt-success-light: rgba(22, 163, 74, .15);--jpt-success-border: rgba(22, 163, 74, .3);--jpt-warning: var(--color-warning, #d97706);--jpt-warning-bg: rgba(217, 119, 6, .12);--jpt-warning-border: rgba(217, 119, 6, .35);color-scheme:light dark;display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;color:var(--jpt-text)}.json-path-tool__section-heading{font-size:1.15rem;margin:0 0 .5rem}.json-path-tool__panel-label{display:block;font-weight:600;margin-bottom:.5rem}.json-path-tool__path-row{background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem}.json-path-tool__path-controls{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.json-path-tool__pattern-input{flex:1 1 320px;min-width:0;font-family:var(--jpt-code-font);font-size:.95rem;padding:.5rem .75rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);box-sizing:border-box}.json-path-tool__pattern-input[aria-invalid=true]{border-color:var(--jpt-error)}.json-path-tool__run-button{padding:.45rem 1rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-theme, #2a6f93);color:#fff;cursor:pointer;font:inherit;font-weight:600}.json-path-tool__run-button:hover{background:var(--color-theme-dark, #1f5670)}.json-path-tool__json-panel{background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem}.json-path-tool__test-text{width:100%;min-height:260px;font-family:var(--jpt-code-font);font-size:.95rem;border:1px solid var(--jpt-panel-border);border-radius:4px;padding:.5rem;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);resize:vertical;box-sizing:border-box}.json-path-tool__warning-banner{padding:.5rem .75rem;border-radius:4px;background:var(--jpt-warning-bg);border:1px solid var(--jpt-warning-border);color:var(--jpt-warning);font-size:.9rem}.json-path-tool__results{background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem;min-height:120px}.json-path-tool__results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.json-path-tool__controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.json-path-tool__download-button{padding:.4rem .8rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);cursor:pointer;font:inherit;font-size:.9rem}.json-path-tool__download-button:hover{background:var(--color-border-light, #f0f0f0)}.json-path-tool__feedback{font-size:.85rem;color:var(--jpt-success);margin-left:.5rem}.json-path-tool__parse-error{color:var(--jpt-error);font-family:var(--jpt-code-font);font-size:.9rem;white-space:pre-wrap}.json-path-tool__matches-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.json-path-tool__match-row{padding:.5rem 0;border-bottom:1px solid var(--jpt-panel-border);display:flex;flex-direction:column;gap:.35rem}.json-path-tool__match-row:last-child{border-bottom:none}.json-path-tool__match-path{font-family:var(--jpt-code-font);font-size:.85rem;color:var(--jpt-text-muted);word-break:break-all}.json-path-tool__match-value{font-family:var(--jpt-code-font);font-size:.9rem;white-space:pre-wrap;word-break:break-word}.json-path-tool__match-actions{display:flex;gap:.5rem;margin-top:.25rem}.json-path-tool__copy-individual{padding:.25rem .6rem;font-size:.85rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);cursor:pointer}.json-path-tool__explanation{background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem}.json-path-tool__explanation-list{list-style:decimal;margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.35rem}.json-path-tool__explanation-item{display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}.json-path-tool__explanation-token{font-family:var(--jpt-code-font);background:var(--jpt-warning-bg);border:1px solid var(--jpt-warning-border);color:var(--jpt-warning);padding:.1rem .4rem;border-radius:4px;font-size:.85rem;white-space:pre}.json-path-tool__explanation-desc{color:var(--color-text, #1a1a1a);font-size:.9rem}.json-path-tool__examples{background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem}.json-path-tool__examples-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;margin-top:.5rem}.json-path-tool__example-item{text-align:left;width:100%;padding:.5rem .75rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);cursor:pointer;font:inherit;font-size:.9rem;display:flex;flex-direction:column;gap:.2rem}.json-path-tool__example-item:hover{background:var(--color-border-light, #f0f0f0)}.json-path-tool__example-path{font-family:var(--jpt-code-font);font-size:.8rem;color:var(--jpt-text-muted)}.json-path-tool__cheatsheet-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .8rem;border:1px solid var(--jpt-panel-border);border-radius:4px;background:var(--color-surface, #fff);color:var(--color-text, #1a1a1a);cursor:pointer;font:inherit;font-size:.9rem}.json-path-tool__cheatsheet-toggle:hover{background:var(--color-border-light, #f0f0f0)}.json-path-tool__cheatsheet-panel{margin-top:.5rem;background:var(--jpt-panel-bg);border:1px solid var(--jpt-panel-border);border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.json-path-tool__cheatsheet-family{border-top:1px solid var(--jpt-panel-border);padding-top:.5rem}.json-path-tool__cheatsheet-family:first-of-type{border-top:none;padding-top:0}.json-path-tool__cheatsheet-family-name{margin:0 0 .35rem;font-size:.9rem;color:var(--color-theme, #2a6f93)}.json-path-tool__cheatsheet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.json-path-tool__cheatsheet-entry{display:flex;gap:.75rem;align-items:baseline;padding:.25rem .4rem;border-radius:4px;font-size:.85rem}.json-path-tool__cheatsheet-entry:hover{background:var(--color-border-light, #f0f0f0)}.json-path-tool__cheatsheet-token{font-family:var(--jpt-code-font);font-size:.85rem;color:var(--jpt-warning);background:var(--jpt-warning-bg);padding:.1rem .35rem;border-radius:3px;border:1px solid var(--jpt-warning-border);white-space:pre}.json-path-tool__cheatsheet-example{font-family:var(--jpt-code-font);font-size:.85rem;color:var(--jpt-text-muted)}.json-path-tool__empty-hint{color:var(--jpt-text-muted);font-style:italic;font-size:.9rem;margin:0}@media(max-width:768px){.json-path-tool__pattern-input{flex:1 1 100%}.json-path-tool__examples-list{grid-template-columns:1fr}}