.promo-intro{margin-bottom:24px;max-width:720px}.promo-intro .eyebrow{font-size:11px;color:var(--red);font-weight:800;letter-spacing:1.5px}.promo-intro h2{font-size:26px;margin:8px 0}.promo-intro p{color:var(--muted);line-height:1.8}.promo-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.85fr);gap:32px;align-items:start}.promo-layout fieldset{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;margin:0;min-width:0}.promo-layout legend{font-weight:800;padding:0 8px;font-size:18px}.promo-layout .field{margin-bottom:18px}.promo-layout input,.promo-layout select{width:100%;min-width:0}.promo-layout details{margin:18px 0}.promo-layout summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:13px;font-weight:700}.promo-store-search{display:flex;align-items:flex-end;gap:8px}.promo-store-search .field{flex:1;margin-bottom:0}.promo-store-search{margin-bottom:16px}.promo-dates{display:grid;grid-template-columns:1fr 1fr;gap:16px}.promo-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin:14px 0 22px}.promo-pages button{font-size:12px;padding:8px 12px}.promo-preview-panel{position:sticky;top:24px;min-width:0}.promo-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.promo-preview-heading label{font-size:12px;display:flex;align-items:center;gap:8px}.promo-preview-heading select{width:auto}.promo-preview-panel>p{font-size:13px;line-height:1.8}.promo-sample{display:grid;grid-template-columns:3fr 2fr;min-height:240px;border-radius:16px;overflow:hidden;background:var(--red);color:white;max-width:480px;margin:auto}.promo-sample-copy{padding:20px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.promo-tag{background:#fff;color:var(--ink);border-radius:6px;font-size:11px;padding:3px 8px;font-weight:700}.promo-sample h3{font-size:23px;line-height:1.35;margin:12px 0 6px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-sample p{font-size:12px;color:#fff;line-height:1.5;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-sample strong{margin-top:16px;font-size:13px}.promo-sample-photo{min-width:0;background:var(--kifna-blush);color:var(--red);display:grid;place-items:center;font-size:13px;overflow:hidden;position:relative;min-height:160px}.promo-sample-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-sample.is-store{display:flex;flex-direction:column-reverse;max-width:268px;background:white;color:var(--ink);border:1px solid var(--line)}.promo-sample.is-store .promo-sample-photo{height:152px}.promo-sample.is-store .promo-sample-copy{padding:14px}.promo-sample.is-store h3{font-size:16px}.promo-sample.is-store p{color:var(--muted)}.promo-sample.is-store strong{color:var(--red)}.promo-sample.is-store .promo-tag{border:1px solid var(--line)}.promo-campaigns{margin-top:32px;border-top:1px solid var(--line);padding-top:16px}.promo-campaign{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:22px;background:white;border:1px solid var(--line);border-radius:16px;margin:12px 0}.promo-campaign h3{margin:10px 0 6px;font-size:17px;overflow-wrap:anywhere}.promo-campaign p,.promo-campaign small{color:var(--muted);font-size:12px;line-height:1.8}.promo-campaign>button{flex:none}.promo-layout .muted{font-size:12px;line-height:1.8}.promo-layout [hidden]{display:none!important}.promo-actions{display:flex;flex-wrap:wrap;gap:8px}.promo-campaign>div:first-child{min-width:0}.promo-campaign-actions{display:flex;flex-wrap:wrap;gap:8px;flex:none;justify-content:flex-end}.promo-campaign.is-editing{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.promo-campaign .promo-ended-hint{margin:6px 0 0}
@media(max-width:1050px){.promo-layout{grid-template-columns:1fr}.promo-preview-panel{position:static;grid-row:1;max-width:520px;width:100%;margin:auto}.promo-dates{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.promo-layout fieldset{padding:16px}.promo-dates{grid-template-columns:1fr}.promo-campaign{align-items:flex-start;flex-direction:column;gap:8px}.promo-campaign>button{width:100%}.promo-campaign-actions{width:100%}.promo-campaign-actions button{flex:1}.promo-intro h2{font-size:23px}.promo-sample h3{font-size:21px}}