.dialog{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);max-height:calc(100dvh - 2rem);scroll-padding-block:calc(3 * var(--space-6) + var(--control-height));overflow-wrap:anywhere;width:min(28rem,100vw - 2rem);overflow-y:auto}.dialog::backdrop{background:var(--color-overlay)}.dialog-heading{top:calc(-1 * var(--space-6));z-index:2;margin-top:calc(-1 * var(--space-6));padding-top:var(--space-6);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex;position:sticky}.dialog-heading h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight);margin:0}.dialog-drawer{border-radius:0;width:min(42rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto}@media (width>=601px){.dialog-anchored{left:var(--dialog-left,1rem);top:var(--dialog-top,1rem);margin:0}}body:has(.dialog[open]){overflow:hidden}@media (width<=600px){.dialog{padding:var(--space-4)}.dialog-drawer{width:100vw}.dialog-heading{top:calc(-1 * var(--space-4));margin-top:calc(-1 * var(--space-4));padding-top:var(--space-4)}}.shortlist-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.shortlist-muted{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:var(--space-1) 0}.shortlist-field{gap:var(--space-1);font-size:var(--font-size-xs);margin:var(--space-3) 0;min-width:0;display:grid}.shortlist-field input,.shortlist-field select,.shortlist-field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);min-height:var(--control-height);padding:var(--space-2);font:inherit;max-width:100%}.shortlist-field textarea{resize:vertical;min-height:6rem}.shortlist-field select{min-width:min(14rem,100%)}.dialog-footer{bottom:calc(-1 * var(--space-6));z-index:1;margin:var(--space-4) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));padding:var(--space-3) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky}@media (width<=600px){.dialog-footer{bottom:calc(-1 * var(--space-4));margin-inline:calc(-1 * var(--space-4));margin-bottom:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) var(--space-4)}}.dialog-footer.shortlist-actions>button:last-child,.dialog-footer>.shortlist-actions>button:last-child{margin-left:auto}.dialog-footer .button{white-space:normal;max-width:100%;padding-block:var(--space-2)}.shortlist-dialog{font-size:var(--font-size-sm);width:min(38rem, calc(100vw - 2 * var(--space-4)))}.shortlist-dialog.dialog-anchored{margin:auto;inset:0}.shortlist-dialog .dialog-heading{margin-bottom:var(--space-4)}.shortlist-dialog .dialog-heading h2{font-size:var(--font-size-lg)}