.studio-pricing-notice-banner{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:1600;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:10px 12px;border:1px solid #ba9ffa;border-radius:14px;background:#17131f;color:#fff;box-shadow:0 10px 32px #0005;font:500 14px/1.5 system-ui,sans-serif}
.studio-pricing-notice-banner[hidden]{display:none}
.studio-pricing-notice-banner .spn-banner-title{min-width:0;overflow-wrap:anywhere}
.studio-pricing-notice-banner button{flex:0 0 auto;min-height:44px;background:#f2f1ee;border:0;border-radius:9px;padding:10px 14px;color:#171717;font:700 14px/1.3 system-ui,sans-serif;cursor:pointer}
.studio-pricing-notice-banner button:hover{background:#fff}
.studio-pricing-notice-banner button:active{background:#e1dfda}
.studio-pricing-notice-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:85dvh;padding:28px;border:1px solid #c5b1ed;border-radius:20px;background:#faf8fd;color:#1c1429;box-shadow:0 24px 80px #0006;font:400 16px/1.55 system-ui,sans-serif;overflow:auto}
.studio-pricing-notice-dialog::backdrop{background:#0b081ac9}
.studio-pricing-notice-dialog h2{font-size:25px;line-height:1.2;margin:8px 0 20px;color:inherit;overflow-wrap:anywhere}
.studio-pricing-notice-dialog .spn-eyebrow{text-transform:uppercase;color:#68419d;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0}
.studio-pricing-notice-dialog .spn-copy{white-space:pre-wrap;overflow-wrap:anywhere}
.studio-pricing-notice-dialog .spn-launch-copy{white-space:normal}
.studio-pricing-notice-dialog .spn-intro{margin:0 0 12px}
.studio-pricing-notice-dialog .spn-points{list-style:disc;margin:0 0 18px;padding-left:1.25em}
.studio-pricing-notice-dialog .spn-points li{margin:7px 0;padding-left:3px}
.studio-pricing-notice-dialog .spn-points li::marker{color:#7441c8}
.studio-pricing-notice-dialog .spn-date{font-weight:700;padding:14px;background:#e9e0f8;border-radius:10px}
.studio-pricing-notice-dialog .spn-explanation{font-size:13px;color:#544761}
.studio-pricing-notice-dialog .spn-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.studio-pricing-notice-dialog button{font:600 14px/1.3 system-ui,sans-serif;padding:12px 18px;min-height:44px;border:1px solid #bcabc9;border-radius:9px;background:#fff;color:#362441;cursor:pointer}
.studio-pricing-notice-dialog button.spn-primary{background:#7441c8;color:#fff;border-color:#7441c8}
.studio-pricing-notice-dialog button:disabled{opacity:.6;cursor:wait}
.studio-pricing-notice-dialog .spn-status{color:#a02338;min-height:1em;font-size:13px}
.studio-pricing-notice-dialog .spn-status:empty{display:none}
.studio-pricing-notice-dialog .spn-tabs{display:flex;gap:7px;overflow-x:auto;padding:5px 2px 12px;margin:10px 0;border-bottom:1px solid #ded3eb}
.studio-pricing-notice-dialog .spn-tab{flex:0 0 auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eee8f8;color:#493066;border-color:#d8c9eb}
.studio-pricing-notice-dialog .spn-tab[aria-selected=true]{background:#6845ae;color:#fff;border-color:#6845ae}
.studio-pricing-notice-dialog .spn-panel{min-width:0}
.studio-pricing-notice-dialog .spn-feature-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:9px;background:#e7f5f0;border:1px solid #8bc8ae;color:#1a5a43;font:700 14px/1.3 system-ui,sans-serif;text-decoration:none}
.studio-pricing-notice-dialog.spn-test{border-color:#58a789}
.studio-pricing-chatbot-notices{padding:10px 14px;border-bottom:1px solid #d5c5ed;background:#f2ebfc;max-height:116px;overflow:auto;flex-shrink:0}
.studio-pricing-chatbot-notices button{display:block;width:100%;border:0;padding:6px 0;background:none;text-align:left;color:#4d297b;font:600 12px/1.5 system-ui,sans-serif;cursor:pointer}
.studio-pricing-notice-banner button:focus-visible,.studio-pricing-notice-dialog button:focus-visible,.studio-pricing-notice-dialog a:focus-visible,.studio-pricing-chatbot-notices button:focus-visible{outline:3px solid #55cfe0;outline-offset:4px}
@media(max-width:480px){.studio-pricing-notice-dialog{padding:20px}.studio-pricing-notice-dialog .spn-actions button{flex:1}.studio-pricing-notice-banner{bottom:112px}}

:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details{margin:8px 0 14px}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details>summary{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:8px 0;list-style:none;cursor:pointer;color:#1c1429;font:650 14px/1.4 system-ui,sans-serif}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details>summary::-webkit-details-marker{display:none}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details>summary::before{content:"";display:block;flex:0 0 auto;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #111}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details[open]>summary::before{transform:rotate(90deg)}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details>summary:focus-visible{outline:3px solid #55cfe0;outline-offset:3px;border-radius:3px}
:is(.studio-pricing-notice-dialog,.aan-customer-preview) .spn-details>.spn-explanation{margin:4px 0 10px;padding-left:17px}
