/* Shared rendering for the public strip and its editor preview. */
.ann-message,[data-ann-bar]{--ann-bg:#152b46;--ann-soft:#d5e8ff;--ann-accent:#b6d9ff;--ann-ink:#102741;--ann-line:#b6d9ff33}
[data-style=success]{--ann-bg:#103d36;--ann-soft:#d6f5e9;--ann-accent:#91e6c9;--ann-ink:#11372d;--ann-line:#91e6c933}
[data-style=warning],[data-style=vip]{--ann-bg:#423015;--ann-soft:#fff0d0;--ann-accent:#f6d58c;--ann-ink:#34240e;--ann-line:#f6d58c33}
[data-style=danger]{--ann-bg:#471f2e;--ann-soft:#ffe2e9;--ann-accent:#ffb8cc;--ann-ink:#401625;--ann-line:#ffb8cc33}
.ann-message{box-sizing:border-box;display:flex;align-items:center;gap:16px;min-width:0;padding:14px 0;background:var(--ann-bg);color:var(--ann-soft);text-align:start}
.ann-symbol{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--ann-line);border-radius:11px;color:var(--ann-accent);background:#ffffff08}
.ann-symbol svg{width:19px;height:19px}
.ann-copy{min-width:0;flex:1;display:grid;gap:4px}
.ann-copy strong{font-size:13px;line-height:1.6;font-weight:800;color:var(--ann-accent);overflow-wrap:anywhere}
.ann-copy p{margin:0;font-size:12px;line-height:1.8;color:var(--ann-soft);overflow-wrap:anywhere;white-space:pre-line}
.ann-message .ann-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;max-width:220px;min-height:38px;padding:8px 15px;box-sizing:border-box;border:1px solid transparent;border-radius:10px;background:var(--ann-accent);color:var(--ann-ink);text-decoration:none;font:inherit;font-size:12px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.ann-message .ann-action:hover{filter:brightness(1.08)}
.ann-message [hidden],.announcement-bar [hidden]{display:none!important}
body.studio-theme .studio-offer.announcement-bar{height:auto!important;min-height:0!important;background:var(--ann-bg)!important;border-bottom:1px solid var(--ann-line)!important;overflow:visible;box-shadow:none}
body.studio-theme .studio-offer.announcement-bar.is-hidden{display:none!important}
.ann-bar-inner{width:min(1540px,calc(100% - 64px));margin:auto;display:flex;align-items:center;gap:22px;min-width:0}
.ann-stage{min-width:0;flex:1}.ann-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ann-navigation{display:flex;align-items:center;gap:2px;direction:ltr;color:var(--ann-soft)}
.ann-navigation span{font-size:10px;font-variant-numeric:tabular-nums;min-width:38px;text-align:center;white-space:nowrap}
.ann-tools button{display:grid;place-items:center;flex:none;border:1px solid var(--ann-line);border-radius:9px;background:#ffffff08;color:var(--ann-accent);width:30px;height:32px;padding:0;cursor:pointer;font:inherit;font-size:18px;line-height:1}
.ann-tools button:hover{background:#ffffff18}.ann-tools [data-ann-pause]{font-size:12px;margin-inline-start:5px}
.announcement-bar :is(a,button):focus-visible{outline:2px solid var(--ann-accent);outline-offset:3px}
@media(max-width:820px){.ann-bar-inner{width:calc(100% - 24px);gap:12px;align-items:flex-start}.ann-message{gap:10px;flex-wrap:wrap;padding:12px 0}.ann-symbol{display:none}.ann-copy{flex-basis:100%}.ann-copy strong{font-size:12px}.ann-copy p{font-size:11px;line-height:1.75}.ann-message .ann-action{min-height:34px;padding:6px 12px;font-size:11px;max-width:100%}.ann-tools{padding-top:12px;flex-direction:column;gap:6px}.ann-navigation{flex-wrap:wrap;width:64px;justify-content:center}.ann-navigation span{order:-1;flex-basis:100%;min-width:0}.ann-tools [data-ann-pause]{margin:0}.ann-tools button{width:28px;height:28px}.ann-navigation [data-ann-pause]{width:58px;height:25px}}