/* New samples reuse semantic theme tokens; campaign canvases deliberately stay light. */
.social-canvas.format-portrait .social-art{height:auto;aspect-ratio:1;inset:auto 0 0;mask-image:linear-gradient(to bottom,transparent,#000 14%)}
.social-canvas.format-story .social-art{height:auto;aspect-ratio:1;inset:auto 0 8%;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)}
.social-canvas.format-wide .social-art{mask-image:linear-gradient(to right,transparent,#000 18%)}
.social-foot>span:last-child{background:#F8F6F3;padding:4px 8px;border-radius:4px}
.docs-main .lab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.docs-main .social-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.social-gallery .social-canvas .social-copy .social-logo{margin-bottom:12%}
.lab-intro{margin-bottom:32px;max-width:72ch}.lab-intro>p{line-height:1.8;color:var(--muted);margin-bottom:12px}.lab-intro .doc-actions{margin-top:24px}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;container-type:inline-size}.lab-card{min-width:0;border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--surface)}.lab-card-heading>span{font:10px Inter,sans-serif;letter-spacing:.1em;color:var(--accent-text)}.lab-card-heading h2{font-size:23px!important;font-weight:520;margin:12px 0 24px!important}.lab-stage{min-height:245px;padding:24px;border-radius:20px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:16px}.lab-stage small{font-size:12px;font-weight:400;color:var(--muted)}.lab-rule{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0 12px}.lab-card>code{font:11px/1.6 var(--font-mono);overflow-wrap:anywhere;color:var(--accent-text)}.lab-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--control-line);border-radius:12px;color:var(--ink);background:var(--surface);font:450 14px/1.5 var(--font-ui);cursor:pointer;white-space:normal}.lab-button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.lab-button:disabled{cursor:default;opacity:.65}.lab-actions{display:flex;flex-wrap:wrap;gap:12px}.lab-status{min-height:20px;font-size:12px;line-height:1.7;color:var(--text);margin:0}.lab-status:empty{display:none}.lab-caption{font-size:12px;line-height:1.8;color:var(--muted)}.lab-balance{display:grid;gap:12px}.lab-balance>span{font-size:12px;color:var(--muted)}.lab-balance strong{font-size:36px;line-height:1.3;font-weight:500;overflow-wrap:anywhere}.lab-segments{display:flex;background:var(--surface-subtle);border-radius:12px;padding:4px;gap:4px}.lab-segments button{flex:1;min-width:0;min-height:44px;border:0;background:transparent;color:var(--muted);font:450 13px var(--font-ui);border-radius:9px;padding:8px;cursor:pointer}.lab-segments [aria-pressed=true]{background:var(--surface);color:var(--accent-text);box-shadow:0 1px 4px #0000000c}.lab-selection{font-size:14px;padding:20px 0}.lab-form{display:flex;flex-direction:column;gap:12px}.lab-form label{font-size:14px}.lab-form input{min-width:0;width:100%;border:1px solid var(--control-line);border-radius:12px;background:var(--surface);color:var(--ink);font:400 16px Inter,sans-serif;padding:14px;min-height:48px}.lab-form input[aria-invalid=true]{border-color:var(--danger)}.lab-switch{display:flex;gap:16px;align-items:center;cursor:pointer;position:relative;min-height:48px}.lab-switch>span:first-child{font-size:14px;flex:1}.lab-switch small{display:block;margin-top:8px}.lab-switch input{position:absolute;inset-inline-end:8px;width:28px;height:28px;opacity:0}.switch-track{flex-shrink:0;width:48px;height:28px;border-radius:99px;border:1px solid var(--control-line);background:var(--surface-subtle);position:relative;pointer-events:none}.switch-track:after{content:'';width:20px;height:20px;border-radius:50%;background:var(--muted);position:absolute;top:3px;inset-inline-start:3px}.lab-switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.lab-switch input:checked+.switch-track:after{background:var(--on-accent);transform:translateX(20px)}.lab-switch input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:3px}.lab-recipient{display:flex;gap:16px;align-items:center}.lab-recipient>svg{width:36px;height:36px;padding:8px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text)}.lab-recipient strong{display:block;font:500 15px Inter,sans-serif}.lab-recipient small{display:block;margin-top:6px}.lab-amount{font:500 32px/1.4 Inter,sans-serif;overflow-wrap:anywhere}.lab-amount small{font-size:16px}.lab-swipe{background:var(--accent-soft);border-radius:14px;overflow:hidden;touch-action:pan-y}.swipe-row{display:flex;align-items:center;gap:12px;background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:14px;min-height:76px}.swipe-row svg{width:20px;color:var(--accent-text)}.swipe-row span{font-size:14px}.swipe-row small{display:block;margin-top:6px}.is-revealed .swipe-row{transform:translateX(-26px)}.is-archived .swipe-row{opacity:.35}.lab-refresh-row{display:flex;gap:12px;align-items:center;min-height:64px;font-size:13px;touch-action:pan-x}.lab-refresh-row svg{width:22px;color:var(--accent-text)}.lab-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;cursor:pointer}.lab-check input{width:18px;height:18px;accent-color:var(--accent)}.lab-reward{position:relative;display:grid;gap:14px;overflow:hidden}.lab-reward>span:first-child{font-size:12px;color:var(--muted)}.lab-reward strong{color:var(--gold-text);font-size:34px;font-weight:500;overflow-wrap:anywhere}.lab-reward strong small{color:inherit;font-size:15px}.reward-coin{width:28px;height:28px;background:var(--gold-graphic);border:3px solid var(--gold-text);border-radius:50%;position:absolute;inset-inline-end:15px;bottom:18px;opacity:0;pointer-events:none}.lab-expand{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:450 14px var(--font-ui);cursor:pointer}.lab-expand svg{width:18px}.expand-wrap{display:grid;grid-template-rows:0fr}.expand-wrap>div{overflow:hidden}.is-expanded .expand-wrap{grid-template-rows:1fr}.is-expanded .lab-expand svg{transform:rotate(180deg)}.expand-wrap dl,.native-lab-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;font-size:13px;margin:20px 0}.expand-wrap dt,.native-lab-dialog dt{color:var(--muted)}.expand-wrap dd,.native-lab-dialog dd{margin:0;text-align:end;overflow-wrap:anywhere}.press-result{color:var(--success);opacity:.25;align-self:center}.is-pressed .press-result{opacity:1}.native-new-links{margin-bottom:32px!important}.platform-android .lab-button{border-radius:24px;min-height:48px}.platform-android .lab-segments{background:transparent;border:1px solid var(--control-line);border-radius:99px}.platform-android .lab-segments button{border-radius:99px;min-height:48px}.platform-android .lab-segments [aria-pressed=true]{background:var(--accent-soft);box-shadow:none}.platform-android .switch-track{height:32px;width:52px}.platform-android .switch-track:after{top:5px;inset-inline-start:5px}
.native-lab-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(520px,100%);max-height:90dvh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px 28px 0 0;padding:24px 28px max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:var(--shadow)}.native-lab-dialog::backdrop{background:#0006}.sheet-handle{width:36px;height:4px;background:var(--control-line);border-radius:4px;margin:0 auto 20px}.lab-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.native-lab-dialog h2{font-size:26px;margin:20px 0}.native-lab-dialog>p{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0}.native-lab-dialog>.primary{width:100%}
.social-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.social-toolbar>label{font-size:13px}.social-toolbar select{background:var(--surface);color:var(--ink);border:1px solid var(--control-line);border-radius:10px;min-height:44px;padding:10px;font:14px var(--font-ui)}.social-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;align-items:start}.social-item{min-width:0}.social-canvas{position:relative;overflow:hidden;background:#F8F6F3;color:#393951;aspect-ratio:1;border-radius:16px;container-type:inline-size;isolation:isolate;outline:1px solid #0000001a}.social-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.social-copy{position:absolute;inset:8% 8% auto;display:flex;flex-direction:column;align-items:flex-start;max-width:62%;text-shadow:0 0 16px #f8f6f350}.social-copy .social-logo{width:24%;min-width:70px;max-width:140px;height:auto;margin-bottom:36%;}.social-copy>span{font:500 2cqw/1.3 Inter,sans-serif;letter-spacing:.08em;color:#6352CE;margin-bottom:14px}.social-copy h2{font:600 7.5cqw/1.08 'Space Grotesk',Inter,sans-serif!important;letter-spacing:-.045em!important;color:#393951!important;margin:0!important;text-wrap:balance}.social-foot{position:absolute;inset:auto 8% 7%;display:flex;justify-content:space-between;gap:20px;font:500 1.7cqw Inter,sans-serif;letter-spacing:.04em;color:#393951}.safe-guide{display:none;position:absolute;inset:8%;border:1px dashed #6352CE;pointer-events:none}.show-guides .safe-guide{display:block}.social-item-caption{padding-top:20px}.social-item-caption h2{font-size:20px!important;margin:0 0 10px!important}.social-item-caption p{font-size:13px;line-height:1.8;color:var(--muted)}.social-item-caption .doc-actions{gap:12px 20px;margin-top:10px}.social-item-caption .text-link{font-size:12px}.social-canvas.format-portrait{aspect-ratio:4/5}.format-portrait .social-art{object-fit:contain;object-position:center bottom}.format-portrait .social-copy .social-logo{margin-bottom:44%}.social-canvas.format-story{aspect-ratio:9/16}.format-story .social-art{object-fit:contain;object-position:center 80%}.format-story .social-copy{top:13%}.format-story .social-copy .social-logo{margin-bottom:44%}.format-story .social-foot{bottom:14%}.format-story .safe-guide{inset:13% 8% 14%}.social-canvas.format-wide{aspect-ratio:16/9}.format-wide .social-art{width:66%;inset-inline-start:34%;object-fit:contain;object-position:right center}.format-wide .social-copy{max-width:58%}.format-wide .social-copy .social-logo{margin-bottom:10%}.format-wide .social-copy h2{font-size:5.4cqw!important}.format-wide .social-copy>span{font-size:1.3cqw;margin-bottom:8px}.format-wide .social-foot{font-size:1.1cqw}.agent-brief{padding:32px;background:var(--bg);border-radius:24px;margin-bottom:36px}.agent-brief h2{font-size:28px!important;margin:18px 0}.agent-brief p{line-height:1.8;color:var(--muted);max-width:65ch}.agent-brief .doc-actions{margin-top:24px}.agent-check{padding:28px;border:1px solid var(--line);border-radius:20px;margin-top:32px}.agent-check h2{font-size:24px!important}.agent-check li,.reading-rules li{font-size:14px;line-height:1.8;margin:12px 0}
@media(prefers-reduced-motion:no-preference){html:not([data-lab-reduce=true]) .lab-button{transition:scale 150ms ease-out}html:not([data-lab-reduce=true]) .lab-button:active:not(:disabled){scale:.96}html:not([data-lab-reduce=true]) .swipe-row{transition:transform 150ms ease-out,opacity 150ms ease-out}html:not([data-lab-reduce=true]) .switch-track:after{transition:transform 150ms ease-out}html:not([data-lab-reduce=true]) .expand-wrap{transition:grid-template-rows 240ms cubic-bezier(.2,0,0,1)}html:not([data-lab-reduce=true]) .lab-expand svg{transition:transform 240ms ease-out}html:not([data-lab-reduce=true]) .press-result{transition:opacity 150ms ease-out}}
@media(max-width:1180px){.lab-grid{grid-template-columns:1fr}.social-gallery{grid-template-columns:1fr}.social-canvas{max-width:650px;margin:auto}.lab-stage{min-height:200px}}@media(max-width:640px){.lab-card{padding:20px}.lab-stage{padding:16px}.lab-card-heading h2{font-size:21px!important}.lab-balance strong{font-size:30px}.lab-reward strong{font-size:28px}.lab-grid{gap:20px}.native-lab-dialog{padding-inline:20px}.agent-brief{padding:24px}.agent-brief h2{font-size:24px!important}.social-toolbar select{font-size:16px;max-width:100%}.social-copy .social-logo{min-width:52px}.lab-amount{font-size:26px}}
@media(forced-colors:active){.lab-button,.switch-track,.lab-segments [aria-pressed=true]{border:1px solid ButtonText}.lab-switch input:focus-visible+.switch-track{outline-color:Highlight}}