code-block{display:block;border:1px solid var(--rule);border-radius:var(--shape-md);background:var(--paper-raised);overflow:hidden;transition:border-color var(--motion-base) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard)}code-block:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule));box-shadow:var(--shadow-1)}code-block[status=PASS]{border-color:color-mix(in srgb,var(--pass) 35%,var(--rule))}code-block[status=FAIL]{border-color:color-mix(in srgb,var(--fail) 55%,var(--rule))}code-block[status=ERROR]{border-color:color-mix(in srgb,var(--error) 55%,var(--rule))}code-block>code-editor{padding-inline:var(--space-2xs);padding-block-start:var(--space-2xs)}block-footer{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);border-block-start:1px solid var(--rule);background:color-mix(in srgb,var(--paper-sunken) 40%,transparent);block-size:0;padding-block:0;border-block-start-width:0;overflow:hidden;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}block-footer text-button{block-size:2rem}block-footer text-button[hidden]{display:none}block-footer text-button[state=on]{background:var(--error-soft);color:var(--error)}block-expected[state=off]{display:none}block-expected{display:block;position:relative;border-block-start:1px dashed var(--rule);background:color-mix(in srgb,var(--accent-soft) 30%,transparent);padding:var(--space-xs) var(--space-2xs) var(--space-2xs)}block-expected section-label{padding-inline-start:var(--space-sm)}expected-remove{position:absolute;inset-block-start:var(--space-3xs);inset-inline-end:var(--space-3xs);z-index:4;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-standard)}result-head{display:flex;align-items:center;gap:var(--space-xs);margin-block-end:var(--space-xs)}block-result:empty{display:none}block-result{display:block;border-block-start:1px solid var(--rule);background:var(--paper-sunken);padding:var(--space-sm) var(--space-md);font-family:var(--voice-machine);font-size:var(--type-mono);line-height:1.55}log-line{display:block;padding-block:.1rem;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-inline-start:2px solid var(--rule);padding-inline-start:var(--space-xs);margin-block-end:var(--space-3xs)}log-line[level=warn]{color:var(--error);border-inline-start-color:var(--error)}log-line[level=error]{color:var(--fail);border-inline-start-color:var(--fail)}result-value{display:block}result-value section-label{margin-block-end:var(--space-2xs)}value-tree{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}result-note{display:block;color:var(--ink-faint);font-style:italic}result-diff{display:block;margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);border-block-start:1px solid var(--rule)}diff-path{display:block;margin-block-end:var(--space-xs);color:var(--fail);font-weight:600}diff-side{display:block;position:relative;padding:var(--space-2xs) var(--space-xs) var(--space-2xs) 5.5rem;border-radius:var(--shape-xs);margin-block-end:var(--space-3xs)}diff-side:before{content:attr(side);position:absolute;inset-inline-start:var(--space-xs);font-size:var(--type-label);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-faint)}diff-side[side=esperado]{background:color-mix(in srgb,var(--pass-soft) 60%,transparent)}diff-side[side=obtenido]{background:color-mix(in srgb,var(--fail-soft) 60%,transparent)}result-error{display:block}error-message{display:block;color:var(--fail);font-weight:600;overflow-wrap:anywhere}error-stack{display:block;margin-block-start:var(--space-2xs);color:var(--ink-faint);font-size:var(--type-mono-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:9rem;overflow-y:auto}v-str{color:var(--syntax-string)}v-num{color:var(--syntax-number)}v-bool{color:var(--syntax-keyword)}v-null{color:var(--ink-faint)}v-key{color:var(--syntax-property)}v-fn{color:var(--syntax-function);font-style:italic}v-punct{color:var(--syntax-punct)}v-note{color:var(--ink-faint);font-style:italic}v-err{color:var(--fail)}@media(max-width:40rem){block-footer{flex-wrap:wrap}diff-side{padding:1.35rem var(--space-xs) var(--space-2xs)}diff-side:before{inset-block-start:var(--space-3xs)}}
