.interaction-flow{display:flex;gap:14px;flex-wrap:wrap}.interaction-flow a{width:170px;min-height:110px;border:2px solid #dbe5f0;border-radius:14px;padding:15px;color:var(--text);display:flex;flex-direction:column}.interaction-flow a span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:#fff}.interaction-flow a strong{margin-top:12px}.interaction-flow a small{color:var(--muted)}.campaign-editor{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px;align-items:start}.campaign-canvas{width:360px;height:680px;position:sticky;top:85px;border:10px solid #172033;border-radius:38px;background-color:var(--bg);background-size:cover;background-position:center;color:var(--text);overflow:hidden}.canvas-safe{position:absolute;inset:5%;border:2px dashed #fff;pointer-events:none}.canvas-safe span{background:#172033cc;color:#fff;padding:3px 8px;border-radius:12px;font-size:9px}.ce-logo,.ce-btn{position:absolute;transform:translate(-50%,-50%);z-index:3;cursor:move;touch-action:none}.ce-logo{max-width:130px;max-height:100px}.ce-copy{position:absolute;left:10%;right:10%;top:42%;text-align:center;text-shadow:0 2px 7px #0007}.ce-btn{width:78%;padding:12px;border-radius:28px;text-align:center;font-weight:800}.ce-btn.primary{background:var(--pbg);color:var(--pt)}.ce-btn.secondary{background:var(--sbg);color:var(--st)}.campaign-public{position:fixed;inset:0;background-color:var(--bg);background-image:var(--mobile);background-size:cover;background-position:center;color:var(--text)}.campaign-logo{position:absolute;left:var(--lx);top:var(--ly);transform:translate(-50%,-50%);max-width:150px;max-height:110px}.campaign-copy{position:absolute;left:8%;right:8%;top:42%;text-align:center;text-shadow:0 2px 7px #0007}.campaign-button{position:absolute;transform:translate(-50%,-50%);width:min(420px,80%);padding:14px;border-radius:30px;text-align:center;font-weight:800}.campaign-button.primary{left:var(--px);top:var(--py);background:var(--pbg);color:var(--pt)}.campaign-button.secondary{left:var(--sx);top:var(--sy);background:var(--sbg);color:var(--st)}@media(min-width:800px){.campaign-public{background-image:var(--desktop)}}@media(max-width:900px){.campaign-editor{grid-template-columns:1fr}.campaign-canvas{position:relative;top:0;margin:auto}.campaign-options{max-width:700px;margin:auto}}@media(max-width:420px){.campaign-canvas{width:100%}}