.modal-backdrop.svelte-1saecu7{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:color-mix(in oklch,var(--background) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:svelte-1saecu7-fadeIn .15s ease-out}.modal-content.svelte-1saecu7{position:relative;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);animation:svelte-1saecu7-modal-scale-in .2s ease-out;overflow-y:auto;width:90%;max-width:var(--modal-max-width, 560px);max-height:var(--modal-height, calc(100vh - var(--space-8)));padding:var(--modal-padding, var(--space-6))}.modal-close.svelte-1saecu7{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;background:transparent;color:var(--typography-caption-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.modal-close.svelte-1saecu7:hover{background:var(--surface-tertiary);color:var(--typography-heading-color);border-color:var(--border);transform:scale(1.05)}.modal-close.svelte-1saecu7:active{transform:scale(.95)}.modal-close.svelte-1saecu7:focus{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes svelte-1saecu7-modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes svelte-1saecu7-fadeIn{0%{opacity:0}to{opacity:1}}