.modal-positioner{z-index:50;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-height:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal--sm{max-width:400px}.modal--md{max-width:540px}.modal--lg{max-width:720px}.modal-close{top:var(--space-4);right:var(--space-4);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-base), border-color var(--transition-base);z-index:1;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.modal-header{padding:var(--space-6);padding-right:calc(var(--space-6) + 32px + var(--space-3));flex-shrink:0}.modal-body{min-height:0;padding:0 var(--space-6) var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:var(--space-3);background-color:var(--color-bg-muted);flex-shrink:0;display:flex}@media (max-width:480px){.modal-positioner{padding:var(--space-3)}.modal-header{padding:var(--space-4);padding-right:calc(var(--space-4) + 32px + var(--space-2))}.modal-body{padding:0 var(--space-4) var(--space-5)}.modal-footer{padding:var(--space-3) var(--space-4)}.modal-close{top:var(--space-3);right:var(--space-3)}}