.dev-spanel .dev-server-tools-dialog.is-announcement { width: min(780px,100%); font-family: var(--ui-interface-font,"Funnel Display",sans-serif); }
.dev-spanel .dev-server-tools-dialog.is-announcement .dev-dialog-heading h2 > svg { color: #5ee0c0; }
.dev-announcement-modern { font-family: inherit; color: #cbd5e1; }
.dev-announcement-modern [hidden] { display: none !important; }
.dev-announcement-section { min-width: 0; }
.dev-announcement-modern h3,.dev-announcement-editor-heading { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: #e2e8f0; font: inherit; font-size: 14px; font-weight: 600; }
.dev-announcement-modern :is(h3,.dev-announcement-editor-heading) > svg { width: 18px; height: 18px; color: #94a3b8; }
.dev-announcement-modern h3 > small { font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; color: #94a3b8; }
.dev-announcement-modern .panel-info-note { margin: 10px 0 0; font-weight: 400; font-size: 12px; line-height: 1.65; color: #94a3b8; }
.dev-announcement-modern .panel-info-note::before { align-self: start; margin-top: .15em; }
.dev-announcement-section:has(#dev-announcement-roles) .dev-ticket-picker > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.dev-announcement-modern .panel-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; font-size: 14px; }
.dev-announcement-segments { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.dev-announcement-segments > .panel-button > svg { width: 18px; height: 18px; flex: 0 0 18px; color: inherit; }
.dev-spanel .dev-announcement-segments > .panel-button { background: rgba(255,255,255,.04); border: 1px solid #333d48; border-radius: 12px; color: #cbd5e1; padding: 9px 16px; transition: border-color .2s,background-color .2s; }
.dev-spanel .dev-announcement-segments > .panel-button[aria-pressed="true"] { background: #14634f; border-color: #2e8b70; color: #effff8; }
.dev-spanel .dev-announcement-segments > .panel-button:is(:hover,:focus-visible) { border-color: #60d9b3; }
.dev-announcement-schedule { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.dev-announcement-schedule > label { display: grid; gap: 8px; font-size: 13px; color: #cbd5e1; }
.dev-announcement-schedule > p { grid-column: 1 / -1; }
.dev-spanel .dev-announcement-schedule .panel-input { color-scheme: dark; color: #e2e8f0; font-family: inherit; background: rgba(255,255,255,.04); border: 1px solid #333d48; border-radius: 12px; }
.dev-announcement-modern .dev-announcement-text { min-height: 140px; padding: 14px 16px; border: 1px solid #333d48; border-radius: 12px; background: rgba(255,255,255,.04); color: #e2e8f0; font-family: inherit; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.dev-announcement-modern .dev-announcement-text:focus-visible { outline: 2px solid rgba(96,217,179,.2); outline-offset: 1px; border-color: #60d9b3; }
.dev-announcement-modern .dev-sticky-live-embed { margin: 0; }
.dev-announcement-modern .dev-sticky-embed-color { font-family: inherit; }
.dev-announcement-counter { display: block; margin-top: 8px; text-align: right; color: #94a3b8; font-size: 14px; font-variant-numeric: tabular-nums; }
.dev-announcement-counter.is-over-limit { color: #f36b87; }
.dev-announcement-preview > div { padding: 16px; border: 1px solid rgba(148,163,184,.14); border-radius: 12px; background: rgba(255,255,255,.035); overflow-wrap: anywhere; line-height: 1.6; font-size: 14px; color: #cbd5e1; }
.dev-announcement-preview-embed { padding: 14px 18px; border-left: 4px solid #14634f; border-radius: 5px 12px 12px 5px; background: #2b2d31; }
.dev-announcement-preview-embed > strong { display: block; margin-bottom: 8px; font-weight: 600; color: #e2e8f0; }
.dev-announcement-preview-embed > small { display: block; margin-top: 12px; color: #94a3b8; }
.dev-spanel .dev-announcement-modern .dev-announcement-send { background: #14634f; border: 1px solid #2e8b70; border-radius: 12px; color: #effff8; padding: 11px 16px; }
.dev-spanel .dev-announcement-modern .dev-announcement-send:is(:hover,:focus-visible,:active) { background: #14634f; color: #effff8; border-color: #60d9b3; }
.dev-announcement-send svg,.dev-announcement-back svg { width: 18px; height: 18px; transition: transform .2s; }
.dev-announcement-send:is(:hover,:focus-visible) svg { transform: scale(1.12); }
.dev-announcement-back:is(:hover,:focus-visible) svg { transform: translateX(3px); }
.dev-announcement-modern .dev-announcement-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
@media(max-width:700px) {
  .dev-announcement-modern :is(.panel-input,.dev-announcement-text,.dev-sticky-rich-field) { font-size: 16px; }
  .dev-announcement-preview { display: none; }
  .dev-announcement-modern .dev-announcement-actions { flex-wrap: wrap; }
  .dev-announcement-modern .dev-announcement-actions .panel-button { flex: 1 1 auto; font-size: 13px; padding: 11px 12px; }
}
@media(prefers-reduced-motion:reduce) { .dev-announcement-modern :is(svg,.panel-button) { transition: none !important; animation: none !important; transform: none !important; } }