/* Campaign Tile geometry adapted to approved Relay tokens. No separate theme. */
.cx{max-width:1100px;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom));color:var(--color-ink);min-width:0;text-align:left}
.cx *{box-sizing:border-box;min-width:0}
.cx h1,.cx h2,.cx p{margin:0}
.cx h1{font-size:clamp(28px,4vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}
.cx-heading>p,.cx-identity>p{color:var(--color-muted);font-size:13px;line-height:1.6;margin-top:10px}
.cx button{font:inherit;cursor:pointer}
.cx button:disabled{cursor:default;opacity:.45}
.cx button:focus-visible,.cx input:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}
.cx-link-form{margin:28px 0 36px;max-width:720px}
.cx-link-form label{display:block;font-size:12px;color:var(--color-secondary);margin-bottom:10px}
.cx-scan-input{display:flex;gap:10px;align-items:stretch}
.cx-scan-input input{flex:1;width:100%;min-height:48px;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px;color:var(--color-ink);font-size:16px}
.cx-scan-input input::placeholder{color:var(--color-muted);font-size:13px}
.cx-primary{min-height:48px;font-size:13px!important;font-weight:500!important;flex-shrink:0}
.cx-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.cx-section-title h2{font-size:17px;font-weight:500;letter-spacing:-.02em}
.cx-section-title>span{font-size:11px;color:var(--color-muted)}
.cx .campaign-tile-grid{display:grid;gap:26px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.cx .campaign-tile{background:none;border:0;cursor:pointer;display:grid;gap:5px;min-width:0;padding:0;text-align:left;align-content:start}
.cx .campaign-tile-art{aspect-ratio:16/9;background:var(--color-surface);border-radius:7px;overflow:hidden;display:grid;place-items:center}
.cx .campaign-tile-art>img,.cx .cx-hero-art>img{height:100%;object-fit:cover;transition:filter .18s ease,transform .18s ease;width:100%}
.cx .campaign-tile:hover .campaign-tile-art>img{filter:brightness(1.08);transform:scale(1.008)}
.cx .campaign-tile>strong{font-size:14px;font-weight:600;line-height:1.35;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx .campaign-tile>small{color:var(--color-secondary);font-size:12px}
.cx-back{min-height:44px;display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--color-muted);font-size:12px!important;padding:0;margin-bottom:12px}
.cx-back:hover{color:var(--color-ink)}
.cx-detail{max-width:720px}
.cx-hero-art{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface);border-radius:7px;display:grid;place-items:center}
.cx-monogram{font-size:38px;font-weight:600;color:var(--color-muted)}
.cx-identity{margin:24px 0}
.cx-identity h1{font-size:clamp(28px,4vw,38px)}
.cx-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cx-metrics>div{display:flex;flex-direction:column;gap:8px}
.cx-metrics span{font-size:11px;color:var(--color-muted)}
.cx-metrics strong{font-size:clamp(25px,5vw,36px);font-weight:500;letter-spacing:-.04em;line-height:1.2;overflow-wrap:anywhere}
.cx-generation{margin-top:28px}
.cx-generation .cx-primary{width:100%}
.cx-message{font-size:12px;line-height:1.6;color:var(--color-muted);margin-top:12px!important;overflow-wrap:anywhere}
.cx-scan{max-width:720px}
.cx-working{display:block;width:100%;height:2px;background:var(--color-line);margin-top:28px;animation:cx-pending 1.2s ease-in-out infinite}
.cx-image-unavailable img[hidden]{display:none}
.cx-image-unavailable::after{content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid var(--color-muted)}
@keyframes cx-pending{50%{opacity:.35}}
@media(max-width:759px){.cx .campaign-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.cx-scan-input{flex-direction:column}.cx-scan-input .cx-primary{width:100%}.cx{padding-top:8px}.cx-detail{padding-top:0}.cx-identity{margin:20px 0}.cx-metrics{gap:16px}.cx .campaign-tile>strong{font-size:13px}.cx .campaign-tile>small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cx *{animation:none!important;transition:none!important}}

/* Full brand centred, one small indeterminate buffer; no visible copy or estimated percentage. */
body.is-page-loading{overflow:hidden!important}
.relay-loading{position:fixed;inset:0;z-index:2000;width:100%;height:100dvh;min-height:100svh;background:var(--color-canvas,#0a0a0a);overflow:hidden}
.relay-loading[hidden]{display:none}
.relay-loading-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:min(244px,65vw);height:auto}
.relay-loading-buffer{position:absolute;left:50%;bottom:calc(56px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,8px);gap:4px}
.relay-buffer-cell{display:block;width:8px;height:8px;border:1px solid var(--color-line-strong,#353535);border-radius:2px;background:transparent;animation:relay-buffer-fill var(--buffer-duration,1.4s) cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(var(--buffer-index)*-87.5ms);will-change:transform,opacity}
@keyframes relay-buffer-fill{0%,65%,100%{background:transparent;opacity:.45;transform:scale(.9)}16%,34%{background:var(--color-ink,#f4f1ed);opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.relay-buffer-cell{animation:none;opacity:.35}.relay-buffer-cell:nth-child(3n+1){background:var(--color-ink,#f4f1ed);opacity:.7}}

/* Landing's warm finish, on ordinary rectangular campaign action buttons. */
.cx-batch-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding-bottom:6px}
.cx-batch-button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:72px;padding:14px 18px;border:1px solid #ffad8180;border-radius:12px;background:linear-gradient(180deg,#ffae78 0%,#ff935d 7%,#f76e3d 52%,#e94d25 100%);box-shadow:inset 0 2px 0 #ffe1c580,inset 0 -2px 0 #a9321440,0 4px 0 #742d20,0 10px 22px #0005;color:#25110b;cursor:pointer;text-align:left;font:inherit;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.cx-batch-button::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#ffe9cf44 48%,transparent 76%);transform:translateX(-125%);transition:transform .55s ease;pointer-events:none}
.cx-batch-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.cx-batch-copy strong{font-size:21px;font-weight:650;line-height:1.05;letter-spacing:-.04em;text-shadow:0 1px 0 #ffbf9270}
.cx-batch-copy small{font-size:11px;line-height:1.2;font-weight:500;opacity:.8}
.cx-batch-button>svg{flex-shrink:0;opacity:.85;transition:transform .18s ease}
.cx-batch-button:focus-visible{outline:2px solid #ffe1c5;outline-offset:5px}
@media(hover:hover){.cx-batch-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #ffe1c5b0,inset 0 -2px 0 #a9321440,0 6px 0 #742d20,0 14px 25px #0006,0 0 24px #ef69251c}.cx-batch-button:not(:disabled):hover::before{transform:translateX(125%)}.cx-batch-button:not(:disabled):hover>svg{transform:translateX(2px)}}
.cx-batch-button:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffe1c560,0 1px 0 #742d20,0 4px 10px #0004}
.cx-batch-button:disabled{opacity:.4;filter:saturate(.55);cursor:default;box-shadow:inset 0 1px 0 #ffe1c520;transform:none}
@media(max-width:390px){.cx-batch-buttons{gap:10px}.cx-batch-button{padding:13px 14px;gap:8px}.cx-batch-copy strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.cx-batch-button,.cx-batch-button::before,.cx-batch-button>svg{transition:none!important}}

/* One prepared campaign up front, a quiet, compact catalogue below. */
.cx-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin:28px 0 36px}
.cx-featured-art{padding:0;border:0;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--color-surface);display:grid;place-items:center}
.cx-featured-art img{width:100%;height:100%;object-fit:cover}
.cx-featured-copy h2{font-size:clamp(25px,4vw,36px);line-height:1.12;font-weight:600;letter-spacing:-.04em;margin:10px 0 12px;overflow-wrap:anywhere}
.cx-featured-reward{color:var(--color-secondary);font-size:14px}
.cx-start-clipping{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;min-height:58px;width:100%;padding:15px 24px;border:1px solid #ffad817d;border-radius:10px;color:#24130d;background:linear-gradient(165deg,#ffae78 0%,#ff935d 30%,#f76e3d 68%,#e94d25 100%);box-shadow:inset 0 1px 0 #ffe3c5ad,0 4px 0 #85361d,0 8px 25px #ef65221a;font-size:17px!important;font-weight:650!important;transition:transform .18s,box-shadow .18s;margin-top:22px}
.cx-start-clipping::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,#fff3 50%,transparent 80%);transform:translateX(-110%);animation:cx-button-sheen 5s ease-in-out infinite}
.cx-start-clipping:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffe3c5ad,0 5px 0 #85361d,0 10px 30px #ef65222a}
.cx-start-clipping:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #ffe3c5ad,0 1px 0 #85361d}
.cx-start-clipping:disabled::before{animation:none}
.cx-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.cx-campaign-row{display:flex;gap:14px;align-items:center;min-height:100px;padding:14px 0;background:none;border:0;border-bottom:1px solid var(--color-line);text-align:left;color:var(--color-ink)}
.cx-campaign-row .campaign-tile-art{width:108px;flex-shrink:0;aspect-ratio:16/9;overflow:hidden;border-radius:7px;display:grid;place-items:center;background:var(--color-surface)}
.cx-campaign-row img{width:100%;height:100%;object-fit:cover;transition:filter .18s}
.cx-campaign-row:hover img{filter:brightness(1.12)}
.cx-campaign-row-copy{display:grid;gap:7px;flex:1;min-width:0}
.cx-campaign-row-copy strong{font-size:14px;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-campaign-row-copy small{font-size:12px;color:var(--color-secondary);line-height:1.4}
.cx-row-arrow{color:var(--color-muted);flex-shrink:0}
@keyframes cx-button-sheen{0%,65%,100%{transform:translateX(-110%)}85%{transform:translateX(110%)}}
@media(max-width:759px){.cx-featured{grid-template-columns:1fr;gap:18px;margin:22px 0 32px}.cx-featured-art{width:100%}.cx-featured-copy h2{font-size:30px}.cx-campaign-list{grid-template-columns:1fr}.cx-campaign-row .campaign-tile-art{width:112px}.cx-campaign-row{min-height:96px}.cx-start-clipping{min-height:58px}.cx-row-arrow svg{width:17px}.cx-featured-copy .cx-message{font-size:11px}}
/* Discovery uses the paid library's geometry, with one real preview and five
   server-locked tiles. No locked video or hidden media URL is loaded. */
.prepared-library .prepared-locked .tile-poster{isolation:isolate;background:var(--color-surface,#131313);overflow:hidden}
.prepared-library .prepared-locked .tile-poster>img{filter:blur(18px) saturate(.7);transform:scale(1.12);opacity:.55;pointer-events:none}
.prepared-library .prepared-locked .tile-lock{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0808080a,#08080840);pointer-events:none;z-index:2}
.prepared-library .prepared-locked .tile-lock>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid #ffffff20;background:#12121265;backdrop-filter:blur(14px);box-shadow:0 4px 20px #0002,inset 0 1px 0 #ffffff0a}
.prepared-library .prepared-locked .tile-lock .icon{width:21px;height:21px;stroke-width:1.5;color:#ffffffdf}
.prepared-library .prepared-locked .tile-body{opacity:.65}

/* Export conversion, using Relay's charcoal and the landing's warm CTA. */
.clip-export-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:15px;border:1px solid #ffad8170;border-radius:9px;background:linear-gradient(170deg,#ffa872,#f67b48 52%,#e95b30);box-shadow:inset 0 1px 0 #ffe7d085,0 3px 0 #752d1d;color:#26120c;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:filter .16s,transform .16s}
.clip-export-btn:hover{filter:brightness(1.08)}.clip-export-btn:active{transform:translateY(2px)}
.clip-export-btn svg{width:15px;height:15px}
.prepared-library .prepared-locked .tile-body{opacity:1}.prepared-locked .tile-body>h3,.prepared-locked .tile-body>p{opacity:.65}
/* The paywall alone uses a larger, result-led reading scale. */
body.is-pricing:has(.export-paywall){overflow:hidden}
.export-paywall-background{position:fixed;inset:0;overflow:hidden;filter:blur(6px);opacity:.45;pointer-events:none}
.export-paywall-backdrop{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#050505b8;backdrop-filter:blur(8px);overflow:hidden;overscroll-behavior:contain}
.export-paywall.pricing-page{position:relative;display:flex;flex-direction:column;min-height:0;width:min(100%,680px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #ffffff20;border-radius:26px;background:radial-gradient(ellipse at 50% 0%,#ff86200b,transparent 45%),#111110;color:#f6f1e8;box-shadow:0 30px 100px #0009;overflow:hidden;animation:export-popup-enter .22s ease-out}
.export-paywall *{box-sizing:border-box;min-width:0}
.export-paywall-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:36px 32px 34px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;scroll-padding-block:24px}
.export-paywall-close{position:absolute;z-index:2;right:13px;top:13px;width:44px;height:44px;background:#111110ee;color:#d7cfc4;border-radius:50%}.export-paywall-close svg{width:22px;height:22px}
.export-paywall header{text-align:center;padding:5px 8px 28px}.export-paywall header img{display:block;width:180px;max-width:70%;height:auto;margin:0 auto 30px}
.export-paywall h1{margin:0;font-size:36px;line-height:1.12;letter-spacing:-.055em;font-weight:700;outline:none;color:#fbf5ed;text-wrap:balance}.export-paywall h1 span{color:#ff9a65}
.export-paywall header p{margin:20px 0 0;font-size:17px;line-height:1.6;color:#d2c9bd;font-weight:450}
.export-offer-period{text-align:center;font-size:13px;color:#d1c8bb;padding:14px 10px;border:1px solid #ffffff1b;border-radius:12px;margin:0 0 17px}
.export-offer-options{display:grid;gap:13px}.export-offer{display:flex;align-items:center;gap:14px;min-height:120px;width:100%;padding:20px;border:1px solid #ffffff26;border-radius:16px;background:#171716;text-align:left;color:#f6f1e8;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.export-offer.is-selected{border-color:#ff9a65;background:linear-gradient(110deg,#ff925515,#1c1916);box-shadow:inset 0 0 0 1px #ff9a6560,0 0 24px #f2782509}.export-offer:disabled{opacity:.62;cursor:default}
.export-offer:focus-visible,.clip-export-btn:focus-visible,.export-faq summary:focus-visible{outline:2px solid #ff9a65;outline-offset:4px}
.export-offer-radio{display:grid;place-items:center;width:22px;height:22px;border:1.7px solid #c5baaa70;border-radius:50%;flex-shrink:0}.is-selected .export-offer-radio{border-color:#ff975f}.is-selected .export-offer-radio:after{content:'';width:11px;height:11px;border-radius:50%;background:#ff975f}
.export-offer-copy{display:grid;gap:10px;flex:1}.export-offer-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:22px;font-weight:700;letter-spacing:-.035em}.export-offer-copy small{background:#ff9d6a1f;border:1px solid #ffa66c45;border-radius:6px;padding:5px 7px;font-size:11px;color:#ffc49f;letter-spacing:0}.export-offer-copy>span{font-size:15px;font-weight:500;color:#dfd5c8;line-height:1.5}
.export-offer-price{text-align:right;display:grid;gap:4px;flex-shrink:0}.export-offer-price strong{font-size:40px;line-height:1.05;letter-spacing:-.055em;font-weight:750;color:#fff8ef}.export-offer-price>span{font-size:13px;color:#d1c5b5}.export-offer-price>small{font-size:12px;font-weight:450;line-height:1.5;color:#b9ae9e;margin-top:3px}
.export-advantages{padding:36px 0 28px}.export-advantages h2{font-size:25px;line-height:1.3;letter-spacing:-.04em;font-weight:700;margin:0 0 28px;color:#faf4eb}
.export-advantages ul{list-style:none;margin:0;padding:0;display:grid;gap:22px}.export-advantages li{display:flex;align-items:flex-start;gap:14px;font-size:18px;font-weight:600;color:#f2eadf;line-height:1.55}.export-benefit-check{display:grid;place-items:center;flex-shrink:0;width:31px;height:31px;border-radius:9px;background:#ff914f13;color:#ff9c62}.export-benefit-check svg{display:block}.export-main-benefit{color:#ffd3b5!important;font-weight:700!important}
.export-faq{padding-top:10px}.export-faq h2{text-align:center;font-size:25px;letter-spacing:-.04em;font-weight:700;margin:0 0 24px;color:#fff7ed}
.export-faq details{margin-top:14px;border:1px solid #ffffff24;border-radius:15px;background:#ffffff03;overflow:hidden}.export-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 20px;list-style:none;font-size:18px;font-weight:700;line-height:1.5;cursor:pointer;color:#f7eee2}.export-faq summary::-webkit-details-marker{display:none}.export-faq summary span{flex-shrink:0;font-size:24px;font-weight:500;color:#d0c3b0}.export-faq details[open] summary span{transform:rotate(45deg)}.export-faq details p{margin:0;padding:0 20px 22px;font-size:16px;font-weight:450;line-height:1.75;color:#dbd0c1}.export-faq details p strong{color:#fff5e7;font-weight:700}
.export-paywall footer{flex-shrink:0;margin:0;padding:21px 32px 18px;border-top:1px solid #ffffff1b;background:#111110;box-shadow:0 -10px 28px #11111090}
.export-paywall .export-paywall-continue{margin:0;min-height:65px;font-size:18px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.015em;border-radius:13px;gap:13px}.export-paywall .export-paywall-continue>span{font-size:22px;flex-shrink:0}
.export-paywall footer>p{text-align:center;font-size:14px;font-weight:550;line-height:1.6;color:#e2d7c9;margin:17px 0 10px}.export-secure{display:block;text-align:center;font-size:13px;font-weight:500;line-height:1.55;color:#d3c7b7}.export-payment-note{display:block;text-align:center;margin-top:6px;font-size:12px;line-height:1.5;color:#bfb2a0}.export-paywall-legal{display:flex;justify-content:center;gap:12px;font-size:12px;color:#bfb2a0;margin-top:10px}.export-paywall-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#toast{z-index:2500!important}
@keyframes export-popup-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.export-paywall-backdrop{padding:10px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.export-paywall.pricing-page{border-radius:22px;max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.export-paywall-scroll{padding:30px 20px 30px}.export-paywall header{padding:10px 0 26px}.export-paywall h1{font-size:32px}.export-paywall header img{width:174px;margin-bottom:28px}.export-paywall header p{font-size:16px;line-height:1.55;margin-top:18px}.export-offer{padding:18px 14px;gap:11px;min-height:118px}.export-offer-copy strong{font-size:20px;gap:6px}.export-offer-copy small{font-size:10px;padding:5px 6px}.export-offer-copy>span{font-size:14px}.export-offer-price strong{font-size:36px}.export-offer-price>span{font-size:13px}.export-offer-price>small{font-size:12px}.export-offer-radio{width:21px;height:21px}.export-advantages{padding-top:32px}.export-advantages h2{font-size:23px;margin-bottom:25px}.export-advantages li{font-size:17px;gap:12px;line-height:1.6}.export-advantages ul{gap:20px}.export-benefit-check{width:29px;height:29px}.export-faq summary{font-size:17px;padding:19px 17px;gap:12px}.export-faq details p{font-size:15.5px;line-height:1.75;padding:0 17px 21px}.export-faq h2{font-size:24px}.export-paywall footer{padding:17px 20px 16px}.export-paywall .export-paywall-continue{min-height:61px;font-size:16px!important}.export-paywall footer>p{font-size:13px;margin:15px 0 9px}.export-secure{font-size:12px}.export-payment-note,.export-paywall-legal{font-size:12px}}
@media(max-width:374px){.export-paywall-scroll{padding-inline:16px}.export-offer{padding-inline:12px;gap:9px}.export-offer-copy strong{font-size:19px}.export-offer-price strong{font-size:34px}.export-offer-copy>span{font-size:13px}.export-paywall footer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.export-paywall.pricing-page{animation:none}.export-offer{transition:none}}
.clip-export-btn>img{display:block;flex-shrink:0;width:22px;height:22px}
/* Plans first, three choices and an illustrative earnings card above the fold. */
.export-offers-label{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.export-paywall-scroll{padding-top:51px}
.export-offer{min-height:103px;padding:15px 18px}.export-offer-options{gap:11px}.export-offer-copy{gap:6px}.export-offer-copy strong{font-size:21px}.export-offer-copy>span{font-size:15px}
.export-potential{display:flex;gap:14px;align-items:center;padding:17px;margin-top:16px;border:1px solid #f8915938;border-radius:15px;background:linear-gradient(110deg,#ff90400a,#ffffff02)}
.export-potential-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:11px;background:linear-gradient(150deg,#ffb380,#f57037);color:#2a160c}.export-potential strong{display:block;font-size:21px;letter-spacing:-.035em;font-weight:700;line-height:1.25;color:#fff0df}.export-potential p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#d4c7b7}
.export-renewal-note{margin:24px 1px 0;font-size:12px;line-height:1.7;color:#c7baa8}
.export-paywall .export-paywall-continue{letter-spacing:0;font-size:18px!important;text-transform:none}.export-paywall footer>p{font-size:13px;line-height:1.6;margin:15px 0 9px}.export-paywall footer{padding-top:18px;padding-bottom:16px}
.clip-export-cost{margin:8px 0 0!important;font-size:12px!important;line-height:1.5!important;color:#c6baa9!important}
/* The video reader floats in the centre on phones as well as desktop. */
body:has(.clip-preview-modal) .relay-dialog-overlay{background:#050505b3;backdrop-filter:blur(13px);z-index:1500}
.modal.clip-preview-modal{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(calc(100vw - 32px),calc((100dvh - 72px)*9/16));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:15px;background:transparent;box-shadow:0 20px 80px #0008;overflow:visible;z-index:1510}
.clip-preview-modal>.modal-header{position:absolute;z-index:20;left:8px;right:8px;top:8px;margin:0;justify-content:flex-end;pointer-events:none;gap:0}
.clip-preview-modal>.modal-header h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.clip-preview-modal>.modal-header [data-action="open-menu"]{display:none}.clip-preview-modal>.modal-header [data-action="close"]{pointer-events:auto;width:40px;height:40px;background:#10101090;border:1px solid #ffffff25;border-radius:50%;backdrop-filter:blur(8px);color:#fff}
.clip-preview-modal>.relay-dialog-body{padding:0;max-height:none;overflow:hidden;border-radius:15px}
.clip-preview-modal .video-card{display:block;position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:9/16;margin:0;border:0;border-radius:15px;overflow:hidden}
.clip-preview-modal .video-top{display:none}.clip-preview-modal video{object-fit:contain!important}
@media(max-width:600px){.export-paywall-scroll{padding-top:49px}.export-offer{min-height:101px;padding:14px 13px}.export-offer-options{gap:10px}.export-offer-copy strong{font-size:20px}.export-offer-copy>span{font-size:14px}.export-offer-price strong{font-size:36px}.export-potential{padding:15px 13px;gap:12px;margin-top:14px}.export-potential strong{font-size:20px}.export-potential p{font-size:12px;margin-top:5px}.export-potential-icon{width:36px;height:36px}.export-paywall .export-paywall-continue{font-size:17px!important;min-height:59px}.export-paywall footer{padding:15px 20px}.export-paywall footer>p{font-size:12.5px;margin:12px 0 8px}.export-paywall-legal{margin-top:9px}.export-renewal-note{font-size:12px}}
@media(max-height:760px) and (max-width:600px){.export-paywall-scroll{padding:45px 16px 25px}.export-offer{min-height:89px;padding:10px 12px;gap:10px}.export-offer-options{gap:8px}.export-offer-copy strong{font-size:19px}.export-offer-copy>span{font-size:13px}.export-offer-price strong{font-size:34px}.export-offer-price>small{margin-top:0;font-size:12px}.export-offer-price{gap:2px}.export-potential{padding:12px;margin-top:10px;gap:10px}.export-potential strong{font-size:19px}.export-potential p{font-size:12px;line-height:1.4;margin-top:4px}.export-potential-icon{width:32px;height:32px}.export-paywall footer{padding:12px 16px}.export-paywall .export-paywall-continue{min-height:54px;font-size:16px!important}.export-paywall footer>p{margin:10px 0 6px;font-size:12px}.export-secure,.export-paywall-legal{font-size:12px}.export-paywall-legal{margin-top:6px}}
/* Clear the old bottom-sheet reader's 220px video cap. */
.clip-preview-modal>.relay-dialog-body{width:100%}.clip-preview-modal .video-card{max-width:none!important;width:100%!important}
/* Brand-led compact heading; scroll remains available without a visible rail. */
.export-paywall-scroll{scrollbar-width:none;-ms-overflow-style:none;padding-top:23px}.export-paywall-scroll::-webkit-scrollbar{display:none;width:0;height:0}
.export-paywall header.export-paywall-brand{padding:0 18px 22px}.export-paywall header.export-paywall-brand img{display:block;width:160px;height:auto;margin:0 auto 12px}.export-paywall header.export-paywall-brand h1{font-size:30px;line-height:1.15;letter-spacing:-.045em}
.export-offer-copy .export-max-popular{padding:6px 10px;border-radius:999px;border:1px solid #ffb37d;background:linear-gradient(145deg,#ffb37c,#f78043);color:#32170b;font-size:11px;font-weight:750;letter-spacing:-.01em}
.export-potential strong{font-size:19px;line-height:1.3}.export-potential p{font-size:13px;line-height:1.5}
@media(max-width:600px){.export-paywall-scroll{padding-top:21px}.export-paywall header.export-paywall-brand{padding:0 15px 19px}.export-paywall header.export-paywall-brand img{width:150px;margin-bottom:10px}.export-paywall header.export-paywall-brand h1{font-size:28px}.export-offer{min-height:96px;padding-block:11px}.export-offer-copy .export-max-popular{font-size:10px;padding:5px 8px}.export-potential{padding:13px}.export-potential strong{font-size:18px}.export-potential p{font-size:12px;line-height:1.45}}
@media(max-height:760px) and (max-width:600px){.export-paywall-scroll{padding:12px 16px 24px}.export-paywall header.export-paywall-brand{padding:0 18px 13px}.export-paywall header.export-paywall-brand img{width:126px;margin-bottom:8px}.export-paywall header.export-paywall-brand h1{font-size:26px}.export-offer-options{gap:6px}.export-offer{min-height:80px;padding:8px 12px}.export-offer-price{gap:0}.export-offer-price strong{font-size:32px}.export-offer-price>span{font-size:12px}.export-offer-price>small{font-size:12px;line-height:1.3}.export-potential{padding:11px;margin-top:9px}.export-potential strong{font-size:17px}.export-potential p{font-size:12px;line-height:1.4;margin-top:4px}}
