.ds-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(36,34,32,.6);backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));animation:ds-modal-backdrop-fade-in var(--transition-base)}@keyframes ds-modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.ds-modal{position:relative;width:100%;max-height:calc(100vh - 2 * var(--space-4));background:var(--glass-tinted-bg);border:1px solid var(--glass-tinted-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));overflow:hidden;animation:ds-modal-slide-up var(--transition-base)}@keyframes ds-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ds-modal--sm{max-width:400px}.ds-modal--md{max-width:600px}.ds-modal--lg{max-width:800px}.ds-modal--xl{max-width:1200px}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.ds-modal__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ds-modal__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-base);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.ds-modal__close:hover{background:var(--color-sand-200);color:var(--color-text-primary)}[data-theme=dark] .ds-modal__close:hover{background:var(--color-neutral-800)}.ds-modal__content{padding:var(--space-6);overflow-y:auto;max-height:calc(100vh - 2 * var(--space-4) - 80px)}@media (max-width:768px){.ds-modal-backdrop{padding:0;align-items:flex-end}.ds-modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:ds-modal-slide-up-mobile var(--transition-base)}@keyframes ds-modal-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ds-modal--lg,.ds-modal--md,.ds-modal--sm,.ds-modal--xl{max-width:100%}.ds-modal__header{padding:var(--space-4)}.ds-modal__title{font-size:var(--font-size-xl)}.ds-modal__content{padding:var(--space-4);max-height:calc(90vh - 70px)}}