.df-chips[data-astro-cid-yore46v7]{flex-wrap:wrap;gap:8px;display:flex}.df-chip[data-astro-cid-yore46v7]{border-radius:var(--radius-pill);background:var(--color-canvas);box-shadow:var(--shadow-hairline);color:var(--color-brand-strong);cursor:pointer;touch-action:manipulation;border:none;align-items:center;padding:4px 12px;font-size:12px;line-height:18px;transition:background .12s,box-shadow .12s;display:inline-flex}.df-chip[data-astro-cid-yore46v7]:hover,.df-chip[data-astro-cid-yore46v7][aria-pressed=true]{background:var(--color-brand-soft);box-shadow:inset 0 0 0 1px var(--color-brand)}.df-chip[data-astro-cid-yore46v7]:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.df-gloss[data-astro-cid-yore46v7]{text-wrap:pretty;margin:0;font-size:12px;line-height:17px}.df-pane[data-astro-cid-yore46v7]{flex-direction:column;min-width:0;display:flex}.df-pane__bar[data-astro-cid-yore46v7]{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:9px 16px;display:flex}.df-pane__dot[data-astro-cid-yore46v7]{background:#ffffff2e;border-radius:9999px;width:9px;height:9px}.df-pane__name[data-astro-cid-yore46v7]{color:#ffffffb8;font-size:12px}.df-pane__tag[data-astro-cid-yore46v7]{color:#fff9;letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:11px}.df-editor[data-astro-cid-yore46v7]{padding-inline:4px;overflow:hidden}.df-editor[data-astro-cid-yore46v7] .cm-editor{font-family:var(--font-mono);background:0 0;font-size:13px;line-height:20px}.df-editor[data-astro-cid-yore46v7] .cm-editor.cm-focused{outline:2px solid var(--color-link);outline-offset:-2px}.df-editor[data-astro-cid-yore46v7] .cm-scroller{min-height:260px;max-height:460px;font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;overflow:auto}.df-editor[data-astro-cid-yore46v7] .cm-scroller::-webkit-scrollbar{width:10px;height:10px}.df-editor[data-astro-cid-yore46v7] .cm-scroller::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#fff3 padding-box content-box;border:3px solid #0000}.df-editor[data-astro-cid-yore46v7] .cm-gutters{background:0 0;border-right:1px solid #ffffff1a}.df-editor[data-astro-cid-yore46v7] .cm-lineNumbers .cm-gutterElement{color:#a9a39a}.df-editor[data-astro-cid-yore46v7] .cm-content{padding:14px 0 16px}.df-editor[data-astro-cid-yore46v7] .cm-line{padding-inline:4px}.df-pane[data-astro-cid-yore46v7].df-pane--error .df-editor[data-astro-cid-yore46v7] .cm-editor{box-shadow:inset 2px 0 0 0 var(--color-error)}.df-hint[data-astro-cid-yore46v7]{text-wrap:pretty;margin-top:8px;font-size:12px;line-height:18px}.df-hint[data-astro-cid-yore46v7]+.df-hint[data-astro-cid-yore46v7]{margin-top:4px}.df-hint[data-astro-cid-yore46v7] .code-mono[data-astro-cid-yore46v7]{font-size:12px}.df-kbd[data-astro-cid-yore46v7]{border-radius:var(--radius-xs);border:1px solid;padding:0 3px;font-size:.85em}.df-snap-btn[data-astro-cid-yore46v7]{border-radius:var(--radius-sm);background:var(--color-canvas);height:30px;box-shadow:var(--shadow-hairline);color:var(--color-body);cursor:pointer;border:none;flex:none;padding:0 12px;font-size:12.5px;transition:background .12s,box-shadow .12s}.df-snap-btn[data-astro-cid-yore46v7]:hover{background:var(--color-canvas-soft);box-shadow:inset 0 0 0 1px var(--color-hairline-strong)}.df-snap-select[data-astro-cid-yore46v7]{border-radius:var(--radius-sm);background:var(--color-canvas);max-width:220px;height:30px;box-shadow:var(--shadow-hairline);color:var(--color-body);padding:0 8px;font-size:12.5px}.df-snap-select[data-astro-cid-yore46v7]:disabled{color:var(--color-mute);cursor:not-allowed}.df-snap-delete[data-astro-cid-yore46v7]{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-mute);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.df-snap-delete[data-astro-cid-yore46v7]:hover{background:var(--color-error-soft);color:var(--color-error-deep)}.df-summary[data-astro-cid-yore46v7]{text-align:right;overflow-wrap:anywhere;min-width:0}.df-results[data-astro-cid-yore46v7]{min-height:120px}.df-copy-status--fail[data-astro-cid-yore46v7]{color:var(--color-error-deep);margin-top:10px;font-size:12px;line-height:18px;display:block}.df-group{border-radius:var(--radius-md);background:var(--color-canvas);box-shadow:var(--shadow-hairline);margin-top:12px;animation:.18s both df-rise;overflow:hidden}.df-group:first-child{margin-top:0}.df-group__head{border-bottom:1px solid var(--color-hairline);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-mute);align-items:center;gap:8px;margin:0;padding:9px 14px;font-size:11px;line-height:16px;display:flex}.df-group__count{text-transform:none;letter-spacing:0;white-space:nowrap;margin-left:auto}.df-row{align-items:flex-start;gap:10px;padding:10px 10px 12px 14px;display:flex}.df-row+.df-row{border-top:1px solid var(--color-hairline)}.df-row__body{flex:auto;min-width:0}.df-row__head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.df-pill{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:1px 7px;font-size:10px;line-height:16px}.df-pill--error{background:var(--color-error-soft);color:var(--color-error-deep)}.df-pill--warning{background:var(--color-warning-soft);color:var(--color-warning-deep)}.df-pill--info{background:var(--color-canvas-soft-2);color:var(--color-body)}.df-rule{border-radius:var(--radius-pill);background:var(--color-canvas-soft);box-shadow:var(--shadow-hairline);color:var(--color-brand-strong);font-family:var(--font-mono);letter-spacing:.03em;flex:none;align-items:center;padding:1px 7px;font-size:10.5px;line-height:16px;text-decoration:none;display:inline-flex}.df-rule:hover{background:var(--color-brand-soft);text-decoration:underline}.df-jump{border-radius:var(--radius-pill);background:var(--color-canvas-soft-2);color:var(--color-body);font-family:var(--font-mono);cursor:pointer;touch-action:manipulation;border:none;flex:none;align-items:center;padding:1px 7px;font-size:10.5px;line-height:16px;display:inline-flex}.df-jump:hover{background:var(--color-canvas-soft-3);color:var(--color-ink)}.df-jump:focus-visible,.df-rule:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.df-row__title{color:var(--color-ink);overflow-wrap:anywhere;text-wrap:pretty;flex:100%;margin:4px 0 0;font-size:13.5px;line-height:19px}.df-row__detail{color:var(--color-body);overflow-wrap:anywhere;text-wrap:pretty;margin:4px 0 0;font-size:12.5px;line-height:18px}.df-fix{border-radius:var(--radius-sm);background:var(--color-canvas-soft);color:var(--color-body);gap:7px;margin-top:7px;padding:7px 9px;display:flex}.df-fix__label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent-ink);flex:none;font-size:10px;line-height:17px}.df-fix__text{overflow-wrap:anywhere;text-wrap:pretty;min-width:0;margin:0;font-size:12.5px;line-height:17px}.df-fix__text code{font-family:var(--font-mono);font-size:.94em}.df-note{border-top:1px solid var(--color-hairline);color:var(--color-mute);text-wrap:pretty;margin:0;padding:9px 14px;font-size:12px;line-height:17px}.df-clean{border-radius:var(--radius-md);background:var(--color-brand-soft);box-shadow:var(--shadow-hairline);align-items:flex-start;gap:10px;padding:14px;display:flex}.df-clean__icon{width:22px;height:22px;color:var(--color-brand-strong);flex:none}.df-clean__title{color:var(--color-ink);margin:0;font-size:14px;font-weight:500;line-height:20px}.df-clean__sub{color:var(--color-body);text-wrap:pretty;margin:2px 0 0;font-size:12.5px;line-height:18px}.df-error{border-radius:var(--radius-md);background:var(--color-error-soft);box-shadow:inset 0 0 0 1px var(--color-error);color:var(--color-error-deep);gap:10px;padding:12px 14px;display:flex}.df-error__icon{flex:none;width:18px;height:18px;margin-top:1px}.df-error__title{margin:0;font-size:14px;font-weight:500;line-height:20px}.df-error__detail{text-wrap:pretty;overflow-wrap:anywhere;margin-top:2px;font-size:13px;line-height:19px}.df-empty{text-align:center;text-wrap:pretty;border-radius:var(--radius-md);background:var(--color-canvas);min-height:96px;box-shadow:var(--shadow-hairline);justify-content:center;align-items:center;padding:20px 16px;display:flex}.df-copy{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-mute);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex}.df-copy:hover{color:var(--color-brand-strong);background:var(--color-hairline)}.df-copy:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.df-copy--labeled{background:var(--color-canvas);width:auto;height:26px;box-shadow:var(--shadow-hairline);font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;gap:6px;padding:0 10px;font-size:11px;line-height:16px}.df-copy--copied{color:var(--color-brand-strong);background:var(--color-brand-soft)}@media(pointer:coarse){.df-chip[data-astro-cid-yore46v7]{min-height:44px}.df-copy{width:44px;height:44px}.df-copy--labeled{width:auto;height:auto;min-height:36px}.df-jump,.df-rule{min-height:36px;padding-inline:10px}}@keyframes df-rise{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.df-group,.df-clean{animation:none}}
