.dp{block-size:100%;min-block-size:0;min-inline-size:0;font-size:var(--fs-md);color:var(--fg);background:var(--surface-panel);flex-direction:column;display:flex;overflow:hidden auto}.dp-intro,.dp-bar,.dp-stack{padding:var(--space-3) var(--space-4);color:var(--fg-secondary);overflow-wrap:anywhere;margin:0}.dp-intro,.dp-bar,.dp-row,.dp-field{border-block-end:1px solid var(--border-subtle)}.dp-hint,.dp-error,.dp-sub{font-size:var(--fs-xs);color:var(--fg-muted);overflow-wrap:anywhere;line-height:16px}.dp-error{color:var(--status-danger)}.dp-label,.dp-stack,.dp-line{gap:var(--space-2);min-inline-size:0;display:flex}.dp-label,.dp-stack{flex-direction:column}.dp-line{flex-wrap:wrap;align-items:center}.dp-btn{min-block-size:32px;padding-inline:var(--space-3);font:inherit;color:var(--fg);border:1px solid var(--border-control);border-radius:var(--radius-control);cursor:pointer;background:0 0}.dp-btn--primary{color:var(--fg-on-action);background:var(--action);border-color:#0000}.dp :is(button,input,select):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dp-empty{align-items:center;gap:var(--space-2);margin:var(--space-4);padding:var(--space-6) var(--space-4);text-align:center;background:var(--surface-tint);border:1px dashed var(--border-subtle);border-radius:var(--radius-panel);flex-direction:column;display:flex}.dp-empty svg{block-size:32px;inline-size:32px;color:var(--fg-muted)}.dp-list,.dp-fields,.dp-empty p{margin:0;padding:0;list-style:none}.dp-toggle{all:unset;box-sizing:border-box;min-block-size:44px;inline-size:100%;padding:var(--space-2) var(--space-4);cursor:pointer;flex-direction:column;display:flex}.dp-sub{text-overflow:ellipsis;white-space:nowrap;text-align:start;display:block;overflow:hidden}@media (pointer:coarse){.dp-btn,.dp :is(input,select){min-block-size:44px}}