html,body{margin:0;min-height:100%;background:#fff;color:#171918;font-family:'ZeroIn Manrope',system-ui,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6251a6;outline-offset:3px}.bridge-connect{max-width:680px;margin:8vh auto;padding:32px}.bridge-wordmark{font-size:26px;font-weight:800;margin-bottom:40px}.bridge-connect h1{font-size:30px}.bridge-connect p{line-height:1.65}.bridge-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.bridge-actions button,.bridge-connect button,.bridge-dialog button{min-height:44px;padding:10px 16px;border:1px solid #d7ded8;border-radius:8px;background:#f5f7f5;color:#171918}.bridge-connect label{display:flex;gap:10px;padding:12px 0}.bridge-connect fieldset{border:1px solid #d7ded8;border-radius:8px}.bridge-dialog{max-width:960px;width:calc(100% - 32px);max-height:90vh;border:1px solid #d7ded8;border-radius:16px;padding:24px;overflow:auto}.bridge-dialog::backdrop{background:#17221966}.bridge-dialog header,.bridge-dialog footer{display:flex;gap:12px;align-items:center;justify-content:space-between}.bridge-dialog h2{font-size:20px;overflow-wrap:anywhere}.bridge-dialog nav{display:flex;flex-wrap:wrap;gap:8px}.bridge-dialog [aria-pressed=true]{background:#d8f2df}.bridge-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.bridge-media img{width:100%;height:140px;object-fit:contain}.bridge-media button{display:flex;flex-direction:column;gap:12px;overflow:hidden}.bridge-media span{overflow-wrap:anywhere}.bridge-records{margin:24px 0}.bridge-records details{padding:12px 0}.bridge-records pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.bridge-store-button{position:fixed;bottom:14px;right:20px;z-index:20;border:1px solid #d7ded8;border-radius:8px;background:#fff;padding:12px 16px;min-height:44px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.zeroin-admin-screen #zeroin-admin-root{margin:0!important;min-height:100vh}#zeroin-admin-root[hidden]{display:none!important}.zi-workspace-shell{padding-bottom:68px}@media(max-width:600px){.bridge-connect{margin:20px auto;padding:20px}.bridge-dialog{padding:16px}.bridge-dialog header{align-items:start}.bridge-store-button{bottom:8px;right:8px}}

/* Shopify owns the surrounding chrome; fill the iframe without WordPress gutters. */
body.zeroin-admin-screen{--zi-admin-toolbar-height:0px;--zi-workspace-gutter:0px;background:#fff}
body.zeroin-admin-screen #zeroin-admin-root .zi-app--workspace{max-width:none;height:100vh;height:100dvh;margin:0;border-radius:0;box-shadow:none}
/* Keep store tools inside the footer area instead of a separate floating gutter. */
#zeroin-admin-root .zi-footer{min-height:64px;padding-inline-end:180px}

/* Shopify startup: the workspace comes into focus while real requests resolve. */
@font-face{font-family:'ZeroIn Loading';src:url('/vendor/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
.zi-loading{--loading-ink:#1c211f;--loading-muted:#626862;--loading-violet:#70618e;position:fixed;inset:0;z-index:100;background:#fafbf8;color:var(--loading-ink);font-family:'ZeroIn Loading',sans-serif;display:flex;flex-direction:column;overflow:auto;isolation:isolate;-webkit-font-smoothing:antialiased}
.zi-loading ::selection{background:#e7ddf5;color:#292231}
.zi-loading__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 40px;flex-shrink:0}
.zi-loading__header>img{display:block;width:108px;height:24px;mix-blend-mode:multiply}
.zi-loading__store{display:flex;align-items:center;gap:9px;min-width:0;color:var(--loading-muted);font-size:12px;font-weight:600}
.zi-loading__store>svg{width:19px;height:19px;flex-shrink:0}
.zi-loading__store>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.zi-loading__body{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:44px 24px 50px;min-height:570px}
.zi-loading__scene{position:relative;width:min(440px,78vw);height:246px;flex-shrink:0;margin:0 0 42px;perspective:900px}
.zi-loading__sheet{position:absolute;inset:10px 16px 0;border-radius:16px;transform-origin:center 85%}
.zi-loading__sheet--back{background:#e2d9ed;transform:translate(16px,-14px) rotate(7deg);animation:zi-loading-sheet-back 700ms cubic-bezier(.16,1,.3,1) both}
.zi-loading__sheet--middle{background:#d9eadb;transform:translate(-13px,-5px) rotate(-5deg);animation:zi-loading-sheet-middle 650ms cubic-bezier(.16,1,.3,1) both}
.zi-loading__preview{position:absolute;inset:0;background:#fff;border:1px solid #e2e6df;border-radius:14px;box-shadow:0 20px 40px -24px #25342b4d;overflow:hidden;transform:rotate(-1deg);animation:zi-loading-preview 600ms cubic-bezier(.16,1,.3,1) both}
.zi-loading__preview-nav{height:45px;display:flex;align-items:center;padding:0 19px;gap:23px;border-bottom:1px solid #f0f1ed}
.zi-loading__preview-nav>img{width:66px;height:15px}
.zi-loading__preview-nav>div{display:flex;gap:12px;align-items:center}
.zi-loading__preview-nav>div>span{width:30px;height:5px;background:#e5e8e1;border-radius:2px}
.zi-loading__preview-nav>div>span:first-child{background:#9eaaa0}
.zi-loading__preview-nav>i{margin-left:auto;width:33px;height:12px;border-radius:8px;background:#e0efdf}
.zi-loading__preview-content{padding:17px 19px}
.zi-loading__welcome{position:relative;height:57px;padding:16px 17px;background:#222b26;border-radius:8px}
.zi-loading__welcome>span{display:block;width:43%;height:7px;border-radius:2px;background:#d9e5d7}
.zi-loading__welcome>span+span{width:29%;height:4px;margin-top:9px;background:#76897b}
.zi-loading__welcome-action{position:absolute;right:17px;top:20px;width:63px;height:18px;border-radius:10px;background:#d2eccb}
.zi-loading__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.zi-loading__tile{height:74px;border-radius:8px;padding:10px 12px;color:#4b6051}
.zi-loading__tile--mint{background:#e0eed9}
.zi-loading__tile--violet{background:#eae1f5;color:#766487}
.zi-loading__tile--sand{background:#f5edcf;color:#887541}
.zi-loading__tile>svg{width:22px;height:22px;display:block;margin-bottom:7px}
.zi-loading__tile>span{display:block;background:currentColor;opacity:.35;height:4px;width:57%;border-radius:2px}
.zi-loading__tile>span+span{width:78%;height:3px;margin-top:6px;opacity:.17}
.zi-loading__preview-bottom{display:flex;justify-content:space-between;margin-top:14px}
.zi-loading__preview-bottom>span{width:40%;height:4px;background:#eaeee6;border-radius:2px}
.zi-loading__preview-bottom>span+span{width:15%}
.zi-loading__scan{pointer-events:none;position:absolute;inset:-45% 0;width:27%;background:#ffffff4d;transform:translateX(-180%) rotate(22deg);animation:zi-loading-scan 3.4s cubic-bezier(.45,0,.2,1) infinite}
.zi-loading__copy{text-align:center;width:100%;max-width:620px}
.zi-loading__copy h1{margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:700;line-height:1.23;letter-spacing:-.035em;text-wrap:balance;color:var(--loading-ink)}
.zi-loading__copy h1>span{color:var(--loading-violet)}
.zi-loading__status{display:flex;justify-content:center;align-items:center;gap:10px;margin:22px auto 0;color:var(--loading-muted);font-size:14px;line-height:1.7;min-height:24px;text-wrap:pretty}
.zi-loading__pulse{width:6px;height:6px;background:var(--loading-violet);border-radius:50%;flex-shrink:0;animation:zi-loading-breathe 1.8s ease-in-out infinite}
.zi-loading__steps{display:flex;align-items:center;justify-content:center;gap:24px;list-style:none;padding:0;margin:34px 0 0}
.zi-loading__steps>li{position:relative;display:flex;align-items:center;gap:8px;color:#737a72;font-size:12px;line-height:20px;transition:color 180ms ease}
.zi-loading__steps>li+li::before{content:'';width:12px;height:1px;background:#cdd4c9;position:absolute;left:-18px}
.zi-loading__step-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #d8ded2;border-radius:50%;flex-shrink:0}
.zi-loading__step-icon>svg{width:16px;height:16px}
.zi-loading__steps>li[data-state='complete']{color:#476348}
.zi-loading__steps>li[data-state='complete'] .zi-loading__step-icon{background:#e2eedc;border-color:#e2eedc}
.zi-loading__steps>li[data-state='active']{color:#625174;font-weight:700}
.zi-loading__steps>li[data-state='active'] .zi-loading__step-icon{background:#ede6f4;border-color:#ddd0e9}
.zi-loading__steps>li[data-state='active'] .zi-loading__step-icon>span{width:6px;height:6px;border-radius:50%;background:#78628c;animation:zi-loading-breathe 1.8s ease-in-out infinite}
.zi-loading__note{font-size:12px;line-height:1.6;color:var(--loading-muted);text-align:center;margin:20px 0 0;max-width:44ch;min-height:20px}
.zi-loading__footer{flex-shrink:0;display:flex;justify-content:space-between;gap:16px;padding:22px 40px;font-size:11px;color:var(--loading-muted)}
.zi-loading__footer>span:last-child{display:flex;align-items:center;gap:10px}
.zi-loading__footer i{width:2px;height:2px;border-radius:50%;background:#949d8e}
.zi-loading[data-motion='paused'] *{animation-play-state:paused!important}
@keyframes zi-loading-sheet-back{from{transform:translate(0,5px) rotate(0)}to{transform:translate(16px,-14px) rotate(7deg)}}
@keyframes zi-loading-sheet-middle{from{transform:translate(0,5px) rotate(0)}to{transform:translate(-13px,-5px) rotate(-5deg)}}
@keyframes zi-loading-preview{from{transform:translateY(12px) rotate(2deg)}to{transform:translateY(0) rotate(-1deg)}}
@keyframes zi-loading-scan{0%,15%{transform:translateX(-180%) rotate(22deg);opacity:0}25%{opacity:.7}70%,100%{transform:translateX(570%) rotate(22deg);opacity:0}}
@keyframes zi-loading-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:600px){
 .zi-loading__header{padding:22px;gap:18px}
 .zi-loading__header>img{width:91px;height:21px}
 .zi-loading__store{font-size:11px;gap:6px}
 .zi-loading__store>span{max-width:165px}
 .zi-loading__body{padding:32px 22px;min-height:500px}
 .zi-loading__scene{width:min(350px,83vw);height:204px;margin-bottom:34px}
 .zi-loading__sheet{inset:8px 10px 0;border-radius:12px}
 .zi-loading__preview-nav{height:36px;padding:0 14px;gap:18px}
 .zi-loading__preview-nav>div{gap:8px}
 .zi-loading__preview-nav>div>span{width:19px}
 .zi-loading__preview-content{padding:13px}
 .zi-loading__welcome{height:49px;padding:13px}
 .zi-loading__welcome-action{right:13px;top:17px;width:48px;height:15px}
 .zi-loading__tiles{gap:8px;margin-top:10px}
 .zi-loading__tile{height:63px;padding:8px 10px}
 .zi-loading__tile>svg{width:18px;height:18px;margin-bottom:6px}
 .zi-loading__copy h1{font-size:29px}
 .zi-loading__status{font-size:13px;max-width:31ch;margin-top:18px;min-height:44px}
 .zi-loading__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;width:100%;max-width:340px}
 .zi-loading__steps>li{font-size:12px;gap:7px;flex-direction:column;text-align:center;align-self:start;line-height:1.4}
 .zi-loading__steps>li+li::before{display:none}
 .zi-loading__step-icon{width:18px;height:18px}
 .zi-loading__note{font-size:11px;margin-top:18px}
 .zi-loading__footer{padding:18px 22px;justify-content:center}
 .zi-loading__footer>span:first-child{display:none}
}
@media(max-width:350px){.zi-loading__store>span{max-width:130px}.zi-loading__steps{gap:8px}.zi-loading__copy h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.zi-loading *{animation:none!important}.zi-loading__scan{display:none}.zi-loading__steps>li{transition:color 120ms ease}}

/* Shared Shopify connection page and popup, using the workspace brand. */
.zi-connect{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#fafbf8;color:#1c211f;font-family:'ZeroIn Loading',sans-serif;-webkit-font-smoothing:antialiased}
.zi-connect ::selection{background:#e7ddf5;color:#292231}
.zi-connect__header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 36px}
.zi-connect__header>img{width:108px;height:24px}
.zi-connect__header>span{color:#626862;font-size:12px}
.zi-connect__body{width:100%;max-width:592px;margin:auto;padding:20px 32px 28px;text-align:center;animation:zi-connect-arrive 480ms cubic-bezier(.16,1,.3,1) both}
.zi-connect__link{display:flex;justify-content:center;align-items:center;margin:0 auto 24px;height:72px}
.zi-connect__store,.zi-connect__brand{display:flex;align-items:center;justify-content:center;height:70px;width:96px;border-radius:20px;flex-shrink:0}
.zi-connect__store{background:#dcefd9;color:#375740;transform:rotate(-6deg)}
.zi-connect__store svg{width:36px;height:36px}
.zi-connect__brand{background:#eae1f4;transform:rotate(5deg)}
.zi-connect__brand img{width:80px;height:18px}
.zi-connect__thread{width:66px;height:2px;background:#d9dfd3;position:relative;margin:0 5px;overflow:hidden}
.zi-connect__thread span{position:absolute;inset:0;background:#79638f;transform:translateX(-100%)}
.zi-connect__link.is-working .zi-connect__thread span{animation:zi-connect-flow 1.6s ease-in-out infinite}
.zi-connect__link.is-complete .zi-connect__thread span{background:#537b53;transform:none}
.zi-connect__steps{display:flex;justify-content:center;gap:24px;margin:0 0 22px;padding:0;list-style:none;color:#687064;font-size:11px}
.zi-connect__steps li{display:flex;align-items:center;gap:6px}
.zi-connect__steps li>span{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #d3d9cd;border-radius:50%;font-size:10px}
.zi-connect__steps svg{width:14px;height:14px}
.zi-connect__steps li[data-state=active]{color:#625174;font-weight:700}
.zi-connect__steps li[data-state=active]>span{background:#ece4f3;border-color:#d9cce7}
.zi-connect__steps li[data-state=complete]>span{background:#deedd9;color:#3c613e;border-color:#deedd9}
.zi-connect h1{font-size:clamp(28px,4.8vw,34px);line-height:1.17;font-weight:700;letter-spacing:-.035em;margin:0;text-wrap:balance}
.zi-connect__description{color:#626862;line-height:1.75;font-size:14px;margin:18px auto 0;max-width:46ch;text-wrap:pretty}
.zi-connect__domain{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:12px;font-weight:650;color:#445447;background:#eaf0e6;padding:8px 13px;border-radius:6px;margin:18px 0 0}
.zi-connect__content{margin-top:22px}
.zi-connect__identity{font-size:12px;line-height:1.7;color:#626862;margin:0 0 18px;overflow-wrap:anywhere}
.zi-connect__identity strong{color:#343d35;font-weight:650}
.zi-connect__access{text-align:left;background:#f0ebf6;padding:20px 24px;border-radius:14px;margin-bottom:20px;color:#62546f}
.zi-connect__access h2{font-size:15px;line-height:1.5;font-weight:700;color:#3d3248;margin:0 0 10px}
.zi-connect__access p{font-size:13px;line-height:1.7;margin:8px 0 0}
.zi-connect__primary{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border:1px solid #1c211f;border-radius:9px;background:#1c211f;color:#fff;font-size:14px;font-weight:650;text-decoration:none;transition:background-color 160ms ease,transform 160ms ease}
.zi-connect__primary:hover:not(:disabled){background:#35443a;transform:translateY(-1px)}
.zi-connect__primary svg{width:20px;height:20px}
.zi-connect__primary:disabled{opacity:.7;cursor:wait}
.zi-connect__secondary{display:block;margin:12px auto 0;min-height:44px;padding:10px 16px;background:none;border:0;border-radius:6px;color:#625174;font-size:13px;font-weight:650;transition:background-color 160ms ease}
.zi-connect__secondary:hover:not(:disabled){background:#eee8f4}
.zi-connect__hint{color:#626862;font-size:11px;line-height:1.7;margin:14px auto 0;max-width:44ch}
.zi-connect__error{border:1px solid #e7ccc4;background:#fcf0eb;color:#833c31;border-radius:9px;padding:14px 18px;margin:0 0 20px;font-size:13px;line-height:1.65;text-align:left}
.zi-connect__status{display:flex;align-items:center;justify-content:center;gap:10px;color:#625174;font-size:13px;line-height:1.7;margin:20px 0}
.zi-connect__status>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#79638f;animation:zi-loading-breathe 1.8s ease-in-out infinite}
.zi-connect__footer{text-align:center;color:#626862;font-size:11px;line-height:1.7;padding:20px 24px}
@keyframes zi-connect-arrive{from{transform:translateY(8px)}to{transform:translateY(0)}}
@keyframes zi-connect-flow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:480px){.zi-connect__header{padding:22px}.zi-connect__header>img{width:91px;height:21px}.zi-connect__header>span{font-size:11px}.zi-connect__body{padding:18px 22px 24px}.zi-connect__link{margin-bottom:22px}.zi-connect__steps{gap:10px;font-size:11px}.zi-connect__access{padding:18px}.zi-connect__footer{padding:18px 22px}}
@media(prefers-reduced-motion:reduce){.zi-connect,.zi-connect *{animation:none!important;transition:none!important}.zi-connect__primary:hover:not(:disabled){transform:none}.zi-connect__link.is-working .zi-connect__thread span{transform:none;opacity:.6}}