.dnsl-wrap{display:flex;flex-direction:column;gap:.85rem}.dnsl-input-section{display:flex;flex-direction:column;gap:.45rem}.dnsl-input-section>label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.dnsl-input-row{display:grid;grid-template-columns:minmax(0,1fr) 8rem 13rem;gap:.5rem;align-items:stretch}.dnsl-domain{font-family:var(--font-mono)}.dnsl-select{padding:.45rem .7rem;font-size:.86rem;font-family:var(--font-sans);font-weight:600;color:var(--color-text);background:var(--color-surface);border:0;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-border-soft);cursor:pointer;transition:box-shadow var(--transition-fast)}.dnsl-select:hover{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent)}.dnsl-select:focus{outline:none;box-shadow:inset 0 0 0 1px var(--color-primary),0 0 0 4px var(--color-primary-light)}.dnsl-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;color:var(--color-text-muted)}.dnsl-examples-label{color:var(--color-text-secondary);font-weight:600}.dnsl-chip{padding:.2rem .65rem;font-size:.78rem;font-weight:600;font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface-muted);border:0;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-border-soft);cursor:pointer;transition:color var(--transition-fast),box-shadow var(--transition-fast)}.dnsl-chip:hover{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent)}.dnsl-chip:active{transform:scale(.96)}.dnsl-actions{display:flex;gap:.5rem;flex-wrap:wrap}.dnsl-result{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.dnsl-result[hidden]{display:none}.dnsl-summary{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.dnsl-summary-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-size:.78rem;font-weight:700;color:var(--color-text-secondary);font-family:var(--font-mono)}.dnsl-summary-pill[data-kind=ok]{color:var(--color-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-primary) 45%,transparent);background:var(--color-primary-light)}.dnsl-summary-pill[data-kind=warn]{color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-accent) 45%,transparent);background:color-mix(in oklch,var(--color-accent) 18%,var(--color-bg-secondary))}.dnsl-summary-pill[data-kind=error]{color:var(--color-danger);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger) 45%,transparent);background:color-mix(in oklch,var(--color-danger) 14%,var(--color-bg-secondary))}.dnsl-summary-pill[data-kind=neutral]{color:var(--color-text-secondary)}.dnsl-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-soft)}.dnsl-tab{padding:.45rem 1rem;font-size:.86rem;font-weight:660;color:var(--color-text-secondary);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.dnsl-tab:hover{color:var(--color-text)}.dnsl-tab.dnsl-tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.dnsl-panel{display:flex;flex-direction:column;gap:.75rem}.dnsl-panel[hidden]{display:none}.dnsl-section{display:flex;flex-direction:column;gap:.5rem}.dnsl-section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:.005em}.dnsl-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);outline:1px solid var(--color-border-soft);outline-offset:-1px;padding:.7rem .85rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.3rem}.dnsl-card-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.6rem;align-items:baseline}.dnsl-card-key{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.dnsl-card-val{font-family:var(--font-mono);font-size:.84rem;color:var(--color-text);word-break:break-all;line-height:1.45}.dnsl-card-type{color:var(--color-primary);font-weight:700}.dnsl-card-databig{font-size:.86rem}.dnsl-empty{margin:0;padding:.9rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);color:var(--color-text-secondary);font-size:.86rem}.dnsl-section-errors{gap:.3rem}.dnsl-partial-error{margin:0;padding:.5rem .7rem;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--color-danger) 10%,var(--color-bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-danger) 35%,transparent);color:var(--color-danger);font-size:.78rem;font-family:var(--font-mono);line-height:1.45;word-break:break-word}.dnsl-pre{margin:0;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);font-family:var(--font-mono);font-size:.82rem;color:var(--color-text);line-height:1.55;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:640px){.dnsl-input-row{grid-template-columns:minmax(0,1fr);gap:.4rem}.dnsl-tab{padding:.5rem .75rem;font-size:.82rem}.dnsl-section-title{font-size:.95rem}.dnsl-card-row{grid-template-columns:3.5rem minmax(0,1fr);gap:.5rem}}