/* Mode labels are always explicit, including inside the free demo profile. */
.seedline-mode-bar{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;width:100%;box-sizing:border-box;padding:12px 20px;background:#ece8f8;color:#27187e;border-bottom:1px solid #d7cfee;font-family:'Space Grotesk',Arial,sans-serif;font-size:14px;line-height:1.4;text-align:center}
.seedline-mode-badge{flex:none;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.06em}
.seedline-mode-message{max-width:740px}
.seedline-mode-reload{border:1px solid currentColor;border-radius:6px;padding:6px 10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.seedline-mode-reload[hidden]{display:none!important}
.seedline-mode-reload:focus-visible{outline:2px solid #7865ba;outline-offset:3px}
.seedline-mode-bar[data-problem="true"]{background:#fff3dd;color:#6f4911;border-color:#dcbf83}
html[data-seedline-mode="live"] .seedline-mode-bar:not([data-problem]){background:#e7f2eb;color:#23553e;border-color:#bad2c3}
html[data-seedline-mode="off"] .seedline-mode-bar:not([data-problem]){background:#eeeef4;color:#585365;border-color:#d6d3de}
html[data-seedline-mode="demo"] .mb-preview-banner{display:none}
.seedline-demo-market-note{margin:0 0 20px;padding:12px 16px;border:1px solid #d7cfee;border-radius:8px;background:#ece8f8;color:#51417d;font-family:'IBM Plex Mono',monospace;font-size:12px;line-height:1.6}
.seedline-demo-dialog{width:min(560px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #d7cfee;border-radius:20px;background:#fff;color:#27187e;font-family:'Space Grotesk',Arial,sans-serif;box-shadow:0 28px 90px #27187e26}
.seedline-demo-dialog:not([open]){display:none!important}
.seedline-demo-dialog::backdrop{background:#27187e52;backdrop-filter:blur(4px)}
.seedline-demo-dialog .sm-pay-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px;background:#f7f7ff;border-bottom:1px solid #ece8f8}
.seedline-demo-dialog .sm-pay-header h2{margin:8px 0 0;font-size:26px;line-height:1.15;letter-spacing:-.04em;font-weight:500;color:#27187e}
.seedline-demo-dialog .sm-pay-eyebrow,.seedline-demo-dialog .sm-pay-label{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.05em;color:#67558b}
.seedline-demo-dialog .sm-pay-close{width:32px;height:32px;flex:none;border:1px solid #d7cfee;border-radius:50%;background:#fff;color:#27187e;font-size:22px;cursor:pointer}
.seedline-demo-dialog .sm-pay-body{display:grid;gap:18px;padding:28px}
.seedline-demo-dialog .sm-pay-summary{display:grid;gap:12px;padding:20px;border:1px solid #d7cfee;border-radius:12px;background:#f7f7ff;color:#27187e}
.seedline-demo-token{overflow-wrap:anywhere;font-size:24px;font-weight:500}
.seedline-demo-dialog .sm-pay-note{margin:0;color:#67558b;font-size:14px;line-height:1.6}
.seedline-demo-dialog .sm-pay-button{width:100%;min-height:48px;padding:12px 18px;border:1px solid #27187e;border-radius:8px;background:#27187e;color:#f7f7ff;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer}
.seedline-demo-dialog .sm-pay-button:disabled{background:#ece8f8;border-color:#d7cfee;color:#67558b;cursor:default}
.seedline-demo-dialog .sm-pay-feedback{min-height:0;padding:0;margin:0;color:#276246;line-height:1.55;font-size:14px}
.seedline-demo-dialog .sm-pay-feedback:empty{display:none}
.seedline-demo-dialog .sm-pay-footer{display:block;padding:16px 28px;border-top:1px solid #ece8f8;background:#f7f7ff;color:#67558b;font-family:'IBM Plex Mono',monospace;font-size:11px;line-height:1.5;text-align:center}
@media(max-width:600px){.seedline-mode-bar{padding:10px 14px;gap:4px 12px;font-size:12px}.seedline-mode-message{flex-basis:100%}.seedline-demo-dialog .sm-pay-header,.seedline-demo-dialog .sm-pay-body{padding:20px}.seedline-demo-dialog .sm-pay-header h2{font-size:24px}}

/* The mode notice and navigation occupy separate rows from the first paint.
   Reserve the normal notice height until its existing script inserts it. */
html:has(meta[name="seedline-payment-mode"]){--seedline-notice-height:48px}
html:has(meta[name="seedline-payment-mode"]) body:not(:has(>.seedline-mode-bar))::before{content:"";display:block;min-height:var(--seedline-notice-height)}
.seedline-mode-bar{min-height:var(--seedline-notice-height,48px);z-index:110}
.site-shell>.topbar{position:relative;top:auto;left:auto;transform:none;margin-inline:auto;z-index:20}
.site-shell.mb-bloom-theme .hero{padding-top:17px}
.site-shell:not(.mb-bloom-theme) .app-page{padding-top:58px}
.site-shell:not(.mb-bloom-theme) .app-page.token-profile-page{padding-top:36px}
@media(max-width:620px){.site-shell.mb-bloom-theme .hero{padding-top:21px}}
@media(max-width:600px){html:has(meta[name="seedline-payment-mode"]){--seedline-notice-height:80px}}
