.panda-announcement[hidden]{display:none}
.panda-announcement{position:relative;z-index:18;border-bottom:1px solid rgba(216,181,104,.28);background:linear-gradient(90deg,rgba(216,181,104,.14),rgba(85,214,156,.08),rgba(216,181,104,.14));color:var(--text,#f3f7f5)}
.panda-announcement-inner{width:min(1420px,100%);min-height:42px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:14px}
.panda-announcement-badge{display:inline-flex;align-items:center;gap:7px;flex:none;color:var(--brand-2,#f4d98f);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.panda-announcement-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand,#d8b568);box-shadow:0 0 0 4px rgba(216,181,104,.13)}
.panda-announcement-viewport{min-width:0;flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
.panda-announcement-track{display:inline-block;width:max-content;max-width:none;color:var(--text,#f3f7f5);font-size:13px;font-weight:620;letter-spacing:.01em;will-change:transform;animation:panda-announcement-scroll var(--panda-announcement-duration,18s) linear infinite;transform:translateX(var(--panda-announcement-start,100vw))}
.panda-announcement:hover .panda-announcement-track,.panda-announcement:focus-within .panda-announcement-track{animation-play-state:paused}
@keyframes panda-announcement-scroll{from{transform:translateX(var(--panda-announcement-start,100vw))}to{transform:translateX(var(--panda-announcement-end,-100%))}}
.announcement-editor{grid-column:1/-1}
.announcement-editor textarea{display:block;width:100%;min-height:112px;resize:vertical;padding:12px 14px;border:1px solid var(--line);border-radius:11px;outline:0;background:var(--bg);color:var(--text);font:inherit;line-height:1.6;transition:.2s}
.announcement-editor textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(216,181,104,.14)}
.announcement-editor-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-8px;color:var(--muted);font-size:12px}
.announcement-editor-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.announcement-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}
.announcement-toggle input{width:18px;height:18px;margin:0;accent-color:var(--brand)}
.announcement-toggle strong{display:block;font-size:13px}.announcement-toggle small{display:block;color:var(--muted);font-size:11px}
.announcement-save{width:auto!important;min-width:130px;margin:0!important}
.announcement-state{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(148,163,184,.11);color:var(--muted);font-size:11px;font-weight:750}
.announcement-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.announcement-state.enabled{background:rgba(85,214,156,.1);color:var(--green)}
body.has-announcement.workspace-open .workspace-view:not(:fullscreen) iframe{height:calc(100vh - 184px)}
@media(max-width:680px){.panda-announcement-inner{min-height:40px;padding:0 16px;gap:10px}.panda-announcement-badge{font-size:0;letter-spacing:0}.panda-announcement-badge:after{content:"!";font-size:11px}.panda-announcement-track{font-size:12px}.announcement-editor-controls{align-items:stretch;flex-direction:column}.announcement-save{width:100%!important}body.has-announcement.workspace-open .workspace-view:not(:fullscreen) iframe{height:calc(100vh - 172px)}}
@media(prefers-reduced-motion:reduce){.panda-announcement-viewport{white-space:normal;mask-image:none;-webkit-mask-image:none}.panda-announcement-track{display:block;width:auto;padding:9px 0;white-space:normal;animation:none!important;transform:none!important}}