.xpath{gap:var(--s5);align-items:start;display:grid}@media (width>=900px){.xpath{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.xpath-counter{grid-row:span 2}}.xpath-counter,.xpath-work{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);gap:var(--s5);min-width:0;display:grid}.xpath-field{gap:var(--s3);min-width:0;display:grid}.xpath-field-head{justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;display:flex}.xpath-lbl{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);display:block}.xpath-hint{text-transform:none;letter-spacing:0;margin-left:var(--s2)}.xpath-input{width:100%;padding:var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-0);transition:border-color var(--dur) var(--ease);font-size:16px;line-height:1.6}textarea.xpath-input{resize:vertical;font-family:var(--font-mono);contain:paint}.xpath-expression,.xpath-namespaces{font-family:var(--font-mono)}.xpath-input:focus{border-color:var(--brass);outline:2px solid var(--focus);outline-offset:2px}.xpath-input::placeholder{color:var(--ink-2);opacity:.65}.xpath-under{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.xpath-file{cursor:pointer;flex:none;position:relative}.xpath-file input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.xpath-file span{min-height:44px;padding:0 var(--s4);border:1px solid var(--line-firm);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-1);font-size:var(--step--1);transition:background var(--dur) var(--ease);align-items:center;display:inline-flex}.xpath-file:hover span{background:var(--surface-2)}.xpath-suggest{min-height:44px;padding:0 var(--s4);border:1px solid var(--line-firm);border-radius:var(--r-md);background:var(--surface-0);color:var(--ink-1);font-size:var(--step--1);transition:background var(--dur) var(--ease)}.xpath-suggest:hover{background:var(--surface-2)}.xpath-note{font-size:var(--step--1);color:var(--ink-1);margin:0;line-height:1.55}.xpath-note code{font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--r-sm);padding:0 .28em;font-size:.94em}.xpath-error{font-size:var(--step--1);color:var(--error);margin:0;line-height:1.55}.xpath-error-block{gap:var(--s3);display:grid}.xpath-excerpt{margin:var(--s2) 0 0;padding:var(--s2) var(--s3);background:var(--surface-2);border-radius:var(--r-md);font-size:var(--step--1);white-space:pre;line-height:1.4;overflow-x:auto}.xpath-raw{padding:var(--s3) var(--s4);background:var(--surface-2);border-radius:var(--r-md);font-size:var(--step--1);color:var(--ink-1);overflow-wrap:anywhere;margin:0}.xpath-warn{padding:var(--s3) var(--s4);border-left:3px solid var(--warn-surface);background:color-mix(in oklch, var(--warn-surface) 12%, var(--surface-1));border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--step--1);color:var(--ink-0);margin:0;line-height:1.55}.xpath-warn strong{color:var(--warn-text)}.xpath-ticket{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);gap:var(--s4);min-width:0;box-shadow:var(--shadow-1);transition:box-shadow var(--dur) var(--ease);align-content:start;display:grid}.xpath-ticket.has{box-shadow:var(--shadow-2)}.xpath-stub{justify-content:space-between;gap:var(--s3);color:var(--ink-2);font-size:var(--step--1);flex-wrap:wrap;display:flex}.xpath-mono{font-family:var(--font-mono)}.xpath-no{letter-spacing:.06em}.xpath-perf{background-image:repeating-linear-gradient(to right, var(--line) 0 6px, transparent 6px 12px);height:1px}.xpath-status{font-size:var(--step-0);color:var(--ink-0);margin:0}.xpath-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.xpath-copy{min-height:44px;padding:0 var(--s5);border-radius:var(--r-md);background:var(--brass);color:var(--on-brass);font-size:var(--step--1);transition:background var(--dur) var(--ease);border:0;font-weight:600}.xpath-copy:hover{background:var(--brass-hi)}.xpath-nodes{gap:var(--s3);contain:paint;max-height:460px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.xpath-node{gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;display:grid}.xpath-node-head{gap:var(--s3);font-size:var(--step--1);flex-wrap:wrap;align-items:baseline;display:flex}.xpath-node-type{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);font-size:var(--step--2)}.xpath-node-path{color:var(--ink-1);overflow-wrap:anywhere}.xpath-node-value{color:var(--ink-0);font-size:var(--step--1);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.xpath-clip{font-size:var(--step--2);color:var(--ink-2)}.xpath-conversions{gap:var(--s2);padding:var(--s3) var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);margin:0;display:grid}.xpath-conversions>div{gap:var(--s3);flex-wrap:wrap;align-items:baseline;display:flex}.xpath-conversions dt{font-family:var(--font-mono);font-size:var(--step--2);color:var(--ink-2);min-width:10ch}.xpath-conversions dd{color:var(--ink-0);font-size:var(--step--1);overflow-wrap:anywhere;min-width:0;margin:0}.xpath-scalar{padding:var(--s4);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-0);font-size:var(--step-0);white-space:pre-wrap;overflow-wrap:anywhere;display:block}.xpath-empty{padding:var(--s4);border:1px dashed var(--line-firm);border-radius:var(--r-md);color:var(--ink-1);font-size:var(--step--1);margin:0}@media (prefers-reduced-motion:reduce){.xpath-input,.xpath-file span,.xpath-suggest,.xpath-copy,.xpath-ticket{transition:none}}.xpath-example{justify-self:start}.xpath-peek{font-size:var(--step--1);color:var(--ink-1);margin:0;display:none}@media (width<=899px){.xpath-peek{display:block}}.xpath-trap{gap:var(--s3);display:grid}.xpath-trap p{margin:0}.xpath-trap code{overflow-wrap:anywhere}.xpath-trap .xpath-suggest{text-align:start;overflow-wrap:anywhere;justify-self:start;max-width:100%}.xpath-why summary{cursor:pointer;min-height:44px;font-size:var(--step--1);color:var(--ink-1);align-items:center;display:flex}