.saby-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}
.saby-modal .sm-backdrop{position:absolute;inset:0;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}
.saby-modal .sm-panel{position:relative;width:min(800px,100%);height:min(600px,100%);background:#fff;border:1px solid var(--line-2);box-shadow:0 30px 80px rgba(0,0,0,.55);transform:translateY(14px) scale(.98);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s ease;display:flex;flex-direction:column}
.saby-modal.on{pointer-events:auto}
.saby-modal.on .sm-backdrop{opacity:1}
.saby-modal.on .sm-panel{transform:none;opacity:1}
.saby-modal .sm-x{position:absolute;top:-16px;right:-16px;z-index:5;width:40px;height:40px;border-radius:50%;background:var(--fg);border:1px solid var(--fg);color:var(--bg);font-family:var(--f-mono);font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.saby-modal .sm-x:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.saby-modal .sm-x:focus:not(:focus-visible){outline:0}
.saby-modal .sm-panel:focus{outline:0}
.saby-modal .sm-status{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5b6472;background:#fff;pointer-events:none}
.saby-modal .sm-status[hidden]{display:none}
.saby-modal .sm-box{position:relative;z-index:0;isolation:isolate;flex:1;min-height:0;width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.saby-modal .sm-box>*{max-width:100%}
.saby-modal .sm-box iframe{display:block;width:100%!important;height:100%!important;border:0}
.saby-modal .sm-box[hidden]{display:none}
@media (max-width:720px){.saby-modal{padding:0}.saby-modal .sm-panel{width:100%;height:100%;border:0}.saby-modal .sm-x{top:8px;right:8px}}