.dnsl-wrap{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0}.dnsl-start{display:flex;flex-direction:column;gap:.75rem}@media(min-width:861px){.dnsl-wrap:has(#dnsl-result[hidden]) .dnsl-result-empty{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:220px;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);text-align:center}}.dnsl-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.dnsl-label-row{display:flex;align-items:center;gap:.25rem;min-height:28px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.dnsl-feedback{min-height:24px}.dnsl-result-empty{margin:0;color:var(--color-text-muted);font-size:.9rem}.dnsl-wrap:has(#dnsl-result:not([hidden])) .dnsl-result-empty{display:none}.dnsl-result-head{display:flex;align-items:center;gap:.4rem}.dnsl-result-head .dnsl-tabs{flex:1}.dnsl-input-section{display:flex;flex-direction:column;gap:.45rem}.dnsl-input-row{display:grid;grid-template-columns:minmax(0,1fr) 12rem 16rem;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:1 1 0;flex-direction:column;gap:.75rem;min-height:300px;min-width:0;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-summary-pill[hidden]{display:none}.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);background:var(--color-primary-light);border-bottom-color:var(--color-primary)}.dnsl-panel{display:flex;flex:1 1 0;flex-direction:column;gap:.75rem;min-height:220px;overflow:auto}.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-note{margin:0;padding:.5rem .7rem;border-radius:var(--radius-sm);background:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px var(--color-border-soft);color:var(--color-text-secondary);font-size:.78rem;font-family:var(--font-mono);line-height:1.45;overflow-wrap:anywhere}.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:860px){.dnsl-result-empty{display:none}.dnsl-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dnsl-domain-field{grid-column:1 / -1}.dnsl-result{flex:none;min-height:0}.dnsl-panel{flex:none;height:360px;min-height:0}}@media(max-width:640px){.dnsl-feedback{min-height:48px}.dnsl-chip{min-width:24px;min-height:24px}.dnsl-actions .btn-primary,.dnsl-actions .btn-secondary,.dnsl-actions .btn-ghost{width:auto}.dnsl-actions .btn-primary{flex:1}.dnsl-select{padding-inline:.5rem}.dnsl-panel{height:300px}.dnsl-input-row{grid-template-columns:minmax(0,1fr) 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}}