/* Window placement is shared by the real receiver and its scaled preview. */
.notice-overlay.banner[data-window-position="top-left"]{inset:20px auto auto 25px}
.notice-overlay.banner[data-window-position="bottom-right"]{inset:auto 25px 20px auto}
.notice-overlay.banner[data-window-position="bottom-left"]{inset:auto auto 20px 25px}
.notice-overlay.banner[data-window-position="center"]{inset:50% auto auto 50%;transform:translate(-50%,-50%)}
body[data-workspace-style] .classroom-stage #screen-preview.screen-banner[data-window-position="top-left"]{inset:2.778% auto auto 1.953%}
body[data-workspace-style] .classroom-stage #screen-preview.screen-banner[data-window-position="bottom-right"]{inset:auto 1.953% 2.778% auto}
body[data-workspace-style] .classroom-stage #screen-preview.screen-banner[data-window-position="bottom-left"]{inset:auto auto 2.778% 1.953%}
body[data-workspace-style] .classroom-stage #screen-preview.screen-banner[data-window-position="center"]{inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.placement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.placement-options>label{min-width:0}.placement-options select{width:100%}
.screen-desktop.is-ticker .preview-lesson{display:block}
body[data-workspace-style] .classroom-stage #screen-preview.screen-ticker{inset:auto 0 0;width:100%;height:12%;aspect-ratio:auto;padding:0;border-radius:0;border-block:1px solid var(--accent);overflow:hidden;z-index:2}
body[data-workspace-style] .classroom-stage #screen-preview.screen-ticker[data-ticker-position="top"]{inset:0 0 auto}
.ticker-label{position:absolute;inset:0 auto 0 0;width:110px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:650;border-right:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:var(--accent-soft);color:var(--accent);z-index:2}
.ticker-viewport{position:absolute;inset:0 64px 0 126px;overflow:hidden;display:flex;align-items:center}
.ticker-track{position:absolute;left:100%;width:max-content;white-space:nowrap;line-height:1.4;font-size:clamp(22px,2.3vw,40px);font-weight:650;animation:ticker-scroll 20s linear infinite;will-change:transform}
.ticker-track .notice-unit{white-space:nowrap}.ticker-track mark{font-size:1.05em}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--ticker-width,100vw)))}}
.notice-overlay.ticker{position:fixed;inset:auto 0 0;height:clamp(64px,12vh,120px);min-height:0;width:100%;padding:0;border-radius:0;border-block:1px solid var(--accent);box-shadow:0 0 20px #20352b22;overflow:hidden}
.notice-overlay.ticker[data-ticker-position="top"]{inset:0 0 auto}
.notice-overlay.ticker .board-topline,.notice-overlay.ticker .board-icon,.notice-overlay.ticker .board-bottomline{display:none}
.notice-overlay.ticker .board-confirm{inset:50% 12px auto auto;transform:translateY(-50%);width:40px;height:40px;min-height:40px;overflow:hidden;font-size:0;padding:0;border-radius:8px;background:var(--surface-bg);margin:0}
.notice-overlay.ticker .board-confirm .icon{width:22px;height:22px}
.notice-overlay.ticker .speech-warning{inset:0 60px auto auto;font-size:10px;padding:0 4px;background:var(--surface-bg)}
.screen-ticker .ticker-label{width:8.6%;font-size:1.5cqw;letter-spacing:0}
.screen-ticker .ticker-viewport{inset:0 2% 0 9.8%}
.screen-ticker .ticker-track{font-size:2.3cqw}
@media(max-width:600px){.placement-options{grid-template-columns:1fr}.notice-overlay.ticker .ticker-label{width:70px;font-size:13px}.notice-overlay.ticker .ticker-viewport{left:80px;right:55px}.notice-overlay.ticker .board-confirm{right:7px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;position:relative;left:0;white-space:normal;width:auto;font-size:clamp(14px,2vw,28px)}.ticker-viewport{overflow:auto}.screen-ticker .ticker-track{font-size:2cqw}}