.sp-modal-tint{position:fixed;inset:0;background-color:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.sp-modal-center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sp-modal-body{pointer-events:auto;display:flex;flex-direction:column;background-color:color-mix(in srgb,var(--card) var(--glass-opacity,85%),transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--sp-ai-track,hsl(var(--border))) 40%,transparent);border-radius:var(--radius-2xl);overflow:hidden;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:0 2px 8px rgba(0,0,0,.02),0 8px 28px rgba(0,0,0,.04)}.dark .sp-modal-body{box-shadow:0 2px 8px rgba(0,0,0,.1),0 8px 28px rgba(0,0,0,.18)}.sp-modal-body--small{width:360px}.sp-modal-body--medium{width:640px;height:520px}.sp-modal-body--large{width:860px;height:640px}.sp-modal-body--fullscreen{width:calc(100vw - 2rem);height:calc(100vh - 2rem)}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--sp-ai-track,hsl(var(--border))) 30%,transparent);flex-shrink:0}.sp-modal-title{font-size:1.125rem;font-weight:600;color:var(--sp-ai-fg,hsl(var(--foreground)))}.sp-modal-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;background:none;color:var(--sp-ai-muted,hsl(var(--muted-foreground)));font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s,color .15s}.sp-modal-close:hover{color:var(--sp-ai-fg,hsl(var(--foreground)));background-color:color-mix(in srgb,var(--sp-ai-muted,hsl(var(--muted-foreground))) 15%,transparent)}.sp-modal-close--floating{position:absolute;top:.5rem;right:.5rem;z-index:1}.sp-modal-content{flex:1;min-height:0;overflow:auto}.sp-modal-header+.sp-modal-content{padding:.75rem 1rem}