.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(--sp-ai-panel) 92%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--sp-ai-track) 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-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) 30%,transparent);flex-shrink:0}.sp-modal-title{font-size:.875rem;font-weight:600;color:var(--sp-ai-fg)}.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);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);background-color:color-mix(in srgb,var(--sp-ai-muted) 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}