:root{--ink: #1c1c1e;--muted: #6c6c70;--line: rgb(60 60 67 / .16);--line-soft: rgb(60 60 67 / .1);--line-strong: #8e8e93;--paper: #f2f2f7;--card: #ffffff;--sunk: rgb(120 120 128 / .12);--accent: #5856d6;--accent-strong: #4a48c4;--accent-fill: var(--accent);--accent-fill-strong: var(--accent-strong);--accent-soft: rgb(88 86 214 / .12);--accent-tint: rgb(120 120 128 / .08);--danger: #d70015;--danger-fill: var(--danger);--field: #ffffff;--on-accent: #ffffff;--notice-bg: #fff6e0;--notice-ink: #6a4b00;--error-bg: #fff0f0;--error-line: #ffc9c9;--error-ink: #b00012;--success-bg: #e8f8ec;--success-line: #b8e6c4;--success-ink: #1f7a37;--scrim: rgb(0 0 0 / .32);--shadow-pop: 0 1px 2px rgb(0 0 0 / .06), 0 12px 36px -8px rgb(0 0 0 / .22);--shadow-stage: 0 1px 2px rgb(0 0 0 / .04), 0 14px 40px -16px rgb(0 0 0 / .18);--shadow-dialog: 0 2px 6px rgb(0 0 0 / .06), 0 32px 80px -16px rgb(0 0 0 / .32);--radius-mark: 8px;--radius-control: 999px;--radius-tile: 14px;--radius-field: 10px;--radius-card: 20px;--radius-group: 20px;--radius-pass: 28px;--radius-dialog: 34px;--radius-capsule: 999px;--shop-light-page: #ffffff;--shop-light-block: #eeeeee;--shop-light-line: #c9c9c9;--shop-light-strong: #252525;--shop-light-muted: #6b6b6b;--shop-light-on-strong: #ffffff;--shop-dark-page: #0b0b0b;--shop-dark-block: #252525;--shop-dark-line: #424242;--shop-dark-strong: #eeeeee;--shop-dark-muted: #8f8f8f;--shop-dark-on-strong: #0b0b0b;--motion-fast: .16s;--motion-base: .24s;--motion-exit: .14s;--motion-strike: .32s;--motion-snap: .3s;--motion-glide: .44s;--motion-travel: .52s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: var(--ease-out);@supports (transition-timing-function: linear(0,1)){--ease-spring: linear( 0, .0144 2%, .0512 4%, .1027 6%, .163 8%, .2278 10%, .3105 12.5%, .3913 15%, .4675 17.5%, .5378 20%, .6134 23%, .6791 26%, .7523 30%, .8106 34%, .8565 38%, .8995 43%, .9304 48%, .9558 54%, .9723 60%, .9843 67%, .9922 75%, .9968 84%, .9989 92%, 1 )}--u-cap: .85px;--host-inset-bottom: var(--shopify-safe-area-inset-bottom, 0px);--font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-label: var(--font-text);font-family:var(--font-text);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}body{font-size:13px}@media(min-width:768px){:root:has(meta[name=shopify-api-key]){--host-inset-bottom: max(var(--shopify-safe-area-inset-bottom, 0px), 80px)}}::selection{background:var(--accent-soft);color:inherit}.home-page,.editor-page,.wizard-page,.switch-page,.analytics-page,.plan-page,.dialog,.toast-stack,.gallery-page,.demo-page{--wallet-ink: #1c1c1e;--wallet-muted: #6c6c70;--wallet-rule: rgb(60 60 67 / .14);--wallet-edge: rgb(60 60 67 / .2);--wallet-ring: rgb(60 60 67 / .34);--wallet-tint: #5856d6;--wallet-tint-fill: #5856d6;--wallet-tint-soft: rgb(88 86 214 / .12);--wallet-on-tint: #ffffff;--wallet-live: #34c759;--wallet-live-ink: #1f7a37;--wallet-danger: #d70015;--wallet-danger-fill: #d70015;--wallet-card: #ffffff;--wallet-solid: #ffffff;--wallet-light: #ffffff;--wallet-ink-inverse: #ffffff;--wallet-fill: rgb(120 120 128 / .12);--wallet-fill-strong: rgb(120 120 128 / .2);--wallet-glass: rgb(255 255 255 / .72);--wallet-glass-edge: rgb(255 255 255 / .9);--wallet-glass-blur: blur(24px) saturate(1.8);--wallet-chip: rgb(255 255 255 / .86);--wallet-ground: #f2f2f7;--wallet-shadow-card: 0 .5px 1px rgb(0 0 0 / .04), 0 10px 30px -12px rgb(0 0 0 / .14);--wallet-shadow-glass: 0 .5px 0 rgb(255 255 255 / .9) inset, 0 1px 2px rgb(0 0 0 / .05), 0 12px 32px -10px rgb(0 0 0 / .16);--wallet-shadow-lift: 0 1px 2px rgb(0 0 0 / .06), 0 22px 48px -16px rgb(0 0 0 / .26);--wallet-shadow-thumb: 0 .5px 1px rgb(0 0 0 / .08), 0 3px 8px rgb(0 0 0 / .08)}@media(prefers-color-scheme:dark){:root.demo-page{--ink: #f5f5f7;--muted: #a1a1a6;--line: rgb(84 84 88 / .6);--line-soft: rgb(84 84 88 / .4);--line-strong: #8e8e93;--paper: #000000;--card: #1c1c1e;--sunk: rgb(118 118 128 / .24);--accent: #7d7aff;--accent-strong: #908dff;--accent-fill: #5e5ce6;--accent-fill-strong: #4f4dd6;--accent-soft: rgb(125 122 255 / .2);--accent-tint: rgb(118 118 128 / .18);--danger: #ff6961;--danger-fill: #d70015;--field: #1c1c1e;--notice-bg: #3a2e10;--notice-ink: #ffd98a;--error-bg: #3a1214;--error-line: #6e2a2d;--error-ink: #ff9b96;--success-bg: #12301c;--success-line: #2a5a38;--success-ink: #6fe08d;--scrim: rgb(0 0 0 / .56)}.demo-page{--wallet-ink: #f5f5f7;--wallet-muted: #a1a1a6;--wallet-rule: rgb(84 84 88 / .55);--wallet-edge: rgb(235 235 245 / .16);--wallet-ring: rgb(235 235 245 / .3);--wallet-tint: #a09eff;--wallet-tint-fill: #5e5ce6;--wallet-tint-soft: rgb(125 122 255 / .22);--wallet-live: #30d158;--wallet-live-ink: #4cd964;--wallet-danger: #ff6961;--wallet-card: #1c1c1e;--wallet-solid: #2c2c2e;--wallet-light: #2c2c2e;--wallet-ink-inverse: #000000;--wallet-fill: rgb(118 118 128 / .24);--wallet-fill-strong: rgb(118 118 128 / .36);--wallet-glass: rgb(44 44 46 / .72);--wallet-glass-edge: rgb(255 255 255 / .1);--wallet-chip: rgb(44 44 46 / .86);--wallet-ground: #000000;--wallet-shadow-card: 0 0 0 .5px rgb(255 255 255 / .08);--wallet-shadow-glass: 0 .5px 0 rgb(255 255 255 / .1) inset, 0 12px 32px -10px rgb(0 0 0 / .6);--wallet-shadow-lift: 0 22px 48px -16px rgb(0 0 0 / .7)}}*,*:before,*:after{box-sizing:border-box}.demo-page{color-scheme:light dark;scrollbar-color:var(--wallet-ring) transparent;background:var(--wallet-ground);color:var(--wallet-ink)}::selection{background:var(--wallet-tint-soft)}:focus-visible{outline:2px solid var(--wallet-tint);outline-offset:2px}.band{border-bottom:1px solid var(--wallet-glass-edge);background:var(--wallet-glass);backdrop-filter:var(--wallet-glass-blur);-webkit-backdrop-filter:var(--wallet-glass-blur)}.demo-page{--case: #1c1c1e;--gap: 20px}.demo-page body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font:450 15px / 1.45 var(--font-text)}.band{display:flex;align-items:center;gap:10px 20px;min-height:56px;padding:10px var(--gap);color:var(--wallet-ink)}.band p,.band h1{margin:0}.band-tag{flex:none;padding:6px 10px;border-radius:var(--radius-capsule);background:var(--wallet-tint-soft);color:var(--wallet-tint);font:600 13px / 1 var(--font-text)}.band-line{flex:1;min-width:0;font-size:inherit;font-weight:600;text-wrap:balance}.band-line span{font-weight:400;color:var(--wallet-muted)}.band-link{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--radius-capsule);background:var(--wallet-fill);color:var(--wallet-tint);font:600 14px / 1 var(--font-text);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out)}.band-link:hover{background:var(--wallet-fill-strong)}.band-action{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 18px;border-radius:var(--radius-capsule);background:var(--wallet-tint-fill);color:var(--wallet-on-tint);font:600 14px / 1 var(--font-text);text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--wallet-tint-fill) 70%,transparent);transition:background-color var(--motion-fast) var(--ease-out)}.band-action:hover{background:color-mix(in srgb,var(--wallet-tint-fill) 88%,#000)}.legend{display:flex;align-items:center;gap:8px 16px;padding:14px var(--gap) 0;min-width:0}.legend-title{flex:none;margin:0;color:var(--wallet-muted);font:600 13px / 1 var(--font-text)}.legend ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pick{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;border:0;border-radius:var(--radius-capsule);background:var(--wallet-fill);color:var(--wallet-ink);font:400 14px / 1 var(--font-text);white-space:nowrap;cursor:pointer;transition:box-shadow var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.pick:hover{background:var(--wallet-fill-strong)}.pick[aria-pressed=true]{background:var(--wallet-tint-soft);color:var(--wallet-tint);font-weight:600}.pick-node{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--wallet-tint-fill);color:var(--wallet-on-tint);font:600 13px / 1 var(--font-text);font-variant-numeric:tabular-nums}.views{display:none}.stage{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:minmax(0,1fr);gap:var(--gap);padding:14px var(--gap) var(--gap);min-height:0}.device{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0;min-height:0}.device-title{margin:0;color:var(--wallet-muted);font:600 13px / 1 var(--font-text)}.device-screen{position:relative;min-height:0;overflow:hidden;border-radius:var(--radius-group);background:var(--wallet-light);box-shadow:var(--wallet-shadow-card)}.device-phone .device-screen{justify-self:center;width:390px;max-height:844px;height:100%;border:10px solid var(--case);border-radius:48px;box-shadow:var(--wallet-shadow-lift);box-sizing:content-box}.device-screen iframe{display:block;width:100%;height:100%;border:0;background:var(--wallet-light)}.device-desktop iframe{position:absolute;top:0;left:0;width:var(--desk-w, 100%);height:calc(100% / var(--desk-scale, 1));transform:scale(var(--desk-scale, 1));transform-origin:0 0}@media(min-width:1100px)and (orientation:landscape){.demo-page body{height:100dvh;overflow:hidden}.device-phone .device-screen{width:370px}}@media(max-width:1099px),(orientation:portrait){.demo-page body{height:100dvh;overflow:hidden}.views{display:flex;gap:0;margin:14px var(--gap) 0;padding:3px;border-radius:var(--radius-capsule);background:var(--wallet-fill);width:max-content}.view-tab{min-width:112px;min-height:38px;padding:0 18px;border:0;border-radius:var(--radius-capsule);background:transparent;color:var(--wallet-ink);font:400 14px / 1 var(--font-text);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out)}.view-tab:not([aria-selected=true]):hover{background:var(--wallet-fill-strong)}.view-tab[aria-selected=true]{background:var(--wallet-solid);box-shadow:0 .5px 1px #00000014,0 3px 8px #00000014;font-weight:600}.stage{grid-template-columns:minmax(0,1fr)}.device{grid-template-rows:minmax(0,1fr)}.device-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stage[data-view=phone] .device-desktop,.stage[data-view=desktop] .device-phone{display:none}.device-phone .device-screen{width:410px;height:100%;box-sizing:border-box}.device-desktop .device-screen{overflow:auto hidden;overscroll-behavior-x:contain}.device-desktop .device-screen[data-more]{mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}}@media(max-width:599px){.band{flex-wrap:wrap;padding:12px 16px;--gap: 16px}.band-line{flex-basis:100%;order:3;font-size:14px;line-height:1.35}.legend-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.band-link{margin-left:auto}.band-action{flex-basis:100%;order:4;min-height:44px}.legend{flex-direction:column;align-items:stretch;padding:12px 16px 0}.legend ol{flex-wrap:nowrap;margin:-5px -16px -3px;padding:5px 32px 5px 16px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.views{margin:12px 16px 0}.stage{padding:12px 0 0}.device-screen{box-shadow:none}.device-phone .device-screen{width:100%;max-height:none;border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){.pick,.band-link,.band-action,.view-tab{transition:none}}@media(forced-colors:active){.pick,.band-action,.views,.device-screen{border:1px solid ButtonText}.pick[aria-pressed=true],.view-tab[aria-selected=true]{background:Highlight;color:HighlightText}}