.promotion-shell{max-width:1640px;width:calc(100% - 56px);margin:32px auto;padding:0}.intro{max-width:70ch;color:var(--muted);margin-top:12px}.promotion-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}.preview-column{min-width:0}.promotion-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 10px 28px #10294d10}.card-picture{position:relative;background:#eaf1f6}.card-picture img{display:block;width:100%;height:270px;object-fit:cover}.card-picture>span{position:absolute;bottom:12px;left:16px;background:#ffffffed;padding:6px 10px;border-radius:8px;font-size:12px}.card-body{padding:26px}.card-brand{display:flex;justify-content:space-between;font-size:24px;font-weight:800;margin-bottom:18px}.card-brand>span{color:var(--orange)}.card-body h2{font-size:clamp(26px,3vw,44px);line-height:1.12;overflow-wrap:anywhere}.card-body .button{margin-bottom:16px}.card-body p:last-child{margin-bottom:0}.walkthrough{margin-top:20px;background:#e8f4fa;border-color:#c9e3f0}.walkthrough .actions{align-items:center;justify-content:space-between}.walkthrough #step{min-height:72px;font-size:17px}#editor .actions{margin-bottom:16px}#editor textarea{margin-bottom:14px}#status{margin-top:14px;color:#22614d}.benefits{margin-top:28px}.benefits .split{gap:28px}.promotion-shell.view-only{max-width:1000px}.view-only .promotion-grid{grid-template-columns:1fr}.view-only #editor{display:none}.view-only .card-picture img{height:340px}.view-only #edit{display:inline-block;margin:0 0 20px}.view-only .intro{display:none}.view-only .card-body{padding:32px}#error:empty{display:none}
@media(max-width:800px){.promotion-shell{width:calc(100% - 32px);margin-top:24px}.promotion-grid{grid-template-columns:1fr}.card-picture img,.view-only .card-picture img{height:240px}.benefits .split{grid-template-columns:1fr;gap:0}.card-body,.view-only .card-body{padding:24px}}
.studio-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.studio-tabs button{flex:1;min-width:120px}.studio-tabs button[aria-pressed=true]{background:#ed6338}.check{display:flex!important;align-items:center;gap:10px;margin:14px 0}.check input{width:auto!important}#export-preview{width:100%;height:auto;border-radius:20px;border:1px solid #d9e2ec;background:#f2f7fb;box-shadow:0 16px 40px #10294d15}.crop-controls{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:10px}#colour{width:90px;height:42px;padding:4px}#published p,#reports p{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #dde5ef;padding:14px 0;overflow-wrap:anywhere}#published a,#reports a{min-width:0}.hosted-promotion{display:block;width:100%;max-height:900px;object-fit:contain}.user-message{white-space:pre-wrap;overflow-wrap:anywhere}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dd{margin:0}#report-form{margin-top:24px}.promotion-shell>nav{margin:12px 0 24px}#share-link{margin-top:16px}#editor .split{grid-template-columns:1fr 1fr}.preview-column{position:sticky;top:20px}@media(max-width:800px){.preview-column{position:static}}