.xml-path-tool{--xpt-panel-bg: var(--color-surface, #fff);--xpt-panel-border: var(--color-border, #ddd);--xpt-text: var(--color-text, #555);--xpt-text-muted: var(--color-text-muted, #aaa);--xpt-code-font: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);--xpt-error: var(--color-error, #c0392b);--xpt-error-light: var(--color-error-light, #f8d7da);--xpt-error-border: var(--color-error-border, #f5c6cb);--xpt-success: var(--color-success, #16a34a);--xpt-success-light: rgba(22, 163, 74, .15);--xpt-success-border: rgba(22, 163, 74, .3);--xpt-warning: var(--color-warning, #d97706);--xpt-warning-bg: rgba(217, 119, 6, .12);--xpt-warning-border: rgba(217, 119, 6, .35);--xpt-info: var(--color-info, #2563eb);--xpt-info-bg: rgba(37, 99, 235, .08);--xpt-info-border: rgba(37, 99, 235, .3);--xpt-result-row-max-height: 30em;--xpt-badge-element-bg: color-mix(in srgb, var(--color-success, #16a34a) 18%, transparent);--xpt-badge-attribute-bg: color-mix(in srgb, var(--color-info, #2563eb) 18%, transparent);--xpt-badge-text-bg: color-mix(in srgb, var(--color-warning, #d97706) 18%, transparent);color-scheme:light dark;display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;color:var(--xpt-text)}.xml-path-tool__section-heading{font-size:1.15rem;margin:0 0 .5rem}.xml-path-tool__panel-label{display:block;font-weight:600;margin-bottom:.5rem}.xml-path-tool__path-row{background:var(--xpt-panel-bg);border:1px solid var(--xpt-panel-border);border-radius:6px;padding:.75rem 1rem}.xml-path-tool__path-controls{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}.xml-path-tool__path-input{flex:1 1 320px;min-width:200px;padding:.5rem .75rem;border:1px solid var(--xpt-panel-border);border-radius:4px;background:var(--color-bg, #fff);color:var(--xpt-text);font-family:var(--xpt-code-font);font-size:.95rem}.xml-path-tool__run-button{padding:.5rem 1rem;background:var(--color-primary, #2563eb);color:var(--color-primary-text, #fff);border:1px solid var(--color-primary, #2563eb);border-radius:4px;cursor:pointer;font-weight:600}.xml-path-tool__run-button:disabled{opacity:.5;cursor:not-allowed}.xml-path-tool textarea{width:100%;min-height:220px;resize:vertical;padding:.75rem;border:1px solid var(--xpt-panel-border);border-radius:4px;font-family:var(--xpt-code-font);font-size:.9rem;background:var(--color-bg, #fff);color:var(--xpt-text);box-sizing:border-box}.xml-path-tool__input-status{margin-top:.5rem;font-size:.85rem;color:var(--xpt-text-muted)}.xml-path-tool__input-status--ok{color:var(--xpt-success)}.xml-path-tool__input-status--error{color:var(--xpt-error)}.xml-path-tool__warning{margin-top:.5rem;padding:.5rem .75rem;border-radius:4px;border:1px solid var(--xpt-warning-border);background:var(--xpt-warning-bg);color:var(--xpt-warning);font-size:.85rem}.xml-path-tool__info{margin-top:.5rem;padding:.5rem .75rem;border-radius:4px;border:1px solid var(--xpt-info-border);background:var(--xpt-info-bg);color:var(--xpt-info);font-size:.85rem}.xml-path-tool__examples-panel{display:flex;flex-direction:column;gap:.5rem}.xml-path-tool__example-item{text-align:left;background:var(--xpt-panel-bg);border:1px solid var(--xpt-panel-border);border-radius:4px;padding:.5rem .75rem;cursor:pointer;color:var(--xpt-text);font-size:.9rem}.xml-path-tool__example-item:hover{background:var(--xpt-info-bg)}.xml-path-tool__example-item-preview{display:block;font-family:var(--xpt-code-font);font-size:.8rem;color:var(--xpt-text-muted);margin-top:.25rem}.xml-path-tool__results-region{display:flex;flex-direction:column;gap:.75rem}.xml-path-tool__results-header{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.xml-path-tool__match-count{font-weight:600}.xml-path-tool__download-button{padding:.4rem .75rem;border:1px solid var(--color-primary, #2563eb);background:var(--xpt-panel-bg);color:var(--color-primary, #2563eb);border-radius:4px;cursor:pointer;font-size:.85rem}.xml-path-tool__results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.xml-path-tool__result-row{background:var(--xpt-panel-bg);border:1px solid var(--xpt-panel-border);border-radius:4px;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.xml-path-tool__result-row-head{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.xml-path-tool__result-path{font-family:var(--xpt-code-font);font-size:.85rem;flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap}.xml-path-tool__result-node-kind{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;text-transform:lowercase;font-weight:600}.xml-path-tool__result-node-kind--element{background:var(--xpt-badge-element-bg);color:var(--color-success, #16a34a);border:1px solid color-mix(in srgb,var(--color-success, #16a34a) 50%,transparent)}.xml-path-tool__result-node-kind--attribute{background:var(--xpt-badge-attribute-bg);color:var(--color-info, #2563eb);border:1px solid color-mix(in srgb,var(--color-info, #2563eb) 50%,transparent)}.xml-path-tool__result-node-kind--text{background:var(--xpt-badge-text-bg);color:var(--color-warning, #d97706);border:1px solid color-mix(in srgb,var(--color-warning, #d97706) 50%,transparent)}.xml-path-tool__result-actions{display:flex;gap:.25rem}.xml-path-tool__copy-button{padding:.2rem .5rem;font-size:.75rem;border:1px solid var(--xpt-panel-border);background:var(--xpt-panel-bg);color:var(--xpt-text);border-radius:4px;cursor:pointer}.xml-path-tool__result-node{font-family:var(--xpt-code-font);font-size:.85rem;background:var(--color-code-bg, var(--color-border-light, rgba(0, 0, 0, .03)));color:var(--xpt-text);border:1px solid var(--xpt-panel-border);border-radius:4px;padding:.5rem .75rem;margin:0;max-height:var(--xpt-result-row-max-height);overflow:auto;white-space:pre}.xml-path-tool__cheatsheet{display:flex;flex-direction:column;gap:.5rem}.xml-path-tool__cheatsheet-toggle{align-self:flex-start;padding:.4rem .75rem;border:1px solid var(--xpt-panel-border);background:var(--xpt-panel-bg);color:var(--xpt-text);border-radius:4px;cursor:pointer;font-size:.85rem}.xml-path-tool__cheatsheet-toggle:hover{background:var(--xpt-info-bg)}.xml-path-tool__cheatsheet-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;background:var(--xpt-panel-bg);border:1px solid var(--xpt-panel-border);border-radius:6px;padding:.75rem}.xml-path-tool__cheatsheet-family{background:var(--color-border-light, rgba(0, 0, 0, .02));border:1px solid var(--xpt-panel-border);border-radius:4px;padding:.5rem .75rem}.xml-path-tool__cheatsheet-family-name{margin:0 0 .4rem;font-size:.85rem;font-weight:600;color:var(--xpt-text)}.xml-path-tool__cheatsheet-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.xml-path-tool__cheatsheet-entry{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.xml-path-tool__cheatsheet-token{font-family:var(--xpt-code-font);color:var(--color-info, #2563eb);font-weight:600}.xml-path-tool__cheatsheet-example{font-family:var(--xpt-code-font);color:var(--xpt-text-muted);font-size:.75rem;word-break:break-all}.xml-path-tool__no-matches,.xml-path-tool__xml-error,.xml-path-tool__xpath-error,.xml-path-tool__external-dtd-error,.xml-path-tool__evaluation-unavailable{padding:.5rem .75rem;border-radius:4px;font-size:.9rem}.xml-path-tool__no-matches{color:var(--xpt-text-muted);font-style:italic}.xml-path-tool__xml-error,.xml-path-tool__xpath-error,.xml-path-tool__external-dtd-error,.xml-path-tool__evaluation-unavailable{color:var(--xpt-error);background:var(--xpt-error-light);border:1px solid var(--xpt-error-border)}.xml-path-tool__namespace-hint{color:var(--xpt-info);background:var(--xpt-info-bg);border:1px solid var(--xpt-info-border);padding:.5rem .75rem;border-radius:4px;font-size:.85rem}.xml-path-tool__feedback{margin-left:.5rem;font-size:.75rem;color:var(--xpt-success)}@media(min-width:900px){.xml-path-tool__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}[data-theme=dark] .xml-path-tool{--xpt-code-font: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)}[data-theme=dark] .xml-path-tool textarea,[data-theme=dark] .xml-path-tool__result-node{background:var(--color-background, #121212);color:var(--color-text, #e5e5e5)}[data-theme=dark] .xml-path-tool__input-status--ok{color:var(--color-success, #28a745)}[data-theme=dark] .xml-path-tool__input-status--error{color:var(--color-error, #dc3545)}[data-theme=dark] .xml-path-tool__run-button{background:var(--color-primary, #4da6d9);border-color:var(--color-primary, #4da6d9);color:var(--color-background, #121212)}[data-theme=dark] .xml-path-tool__download-button{border-color:var(--color-primary, #4da6d9);color:var(--color-primary, #4da6d9)}
