.calendar-poster-panel{position:fixed;z-index:90;right:24px;bottom:24px;width:326px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:#303332;color:#fff;border-radius:6px;box-shadow:0 4px 16px #0005;box-sizing:border-box}
.calendar-poster-image{aspect-ratio:1;border-radius:9px;overflow:hidden;background:#152341;display:grid;place-items:center;margin-bottom:12px}
.calendar-poster-image p{font-size:13px;color:#fff}.calendar-poster-image canvas{width:100%;height:auto;display:block}
.calendar-poster-panel>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 12px;border:1px solid #dedfe3;border-radius:8px;background:#fff;color:#17191d;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}
.calendar-poster-panel>button svg{width:21px;height:21px}.calendar-poster-panel>button:disabled{opacity:.55;cursor:wait}
.calendar-poster-panel>button.calendar-poster-style{background:#086aff;color:#fff;border-color:#086aff}.calendar-poster-style>span{font-size:23px;line-height:18px}
.calendar-poster-panel>button.calendar-poster-close{position:absolute;right:24px;top:24px;min-height:32px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#242735b3;color:#fff;font-size:25px;font-weight:400;z-index:1}
.calendar-poster-panel button:focus-visible{outline:2px solid #9accff;outline-offset:2px}
.calendar-poster-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:5px 0}.calendar-poster-styles[hidden]{display:none}
.calendar-poster-styles button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 2px;border:1px solid transparent;border-radius:6px;background:transparent;color:#fff;font-size:10px;cursor:pointer}
.calendar-poster-styles button[aria-pressed=true]{border-color:#a6cfff;background:#ffffff12}.calendar-poster-styles span{width:36px;height:29px;border-radius:5px;background:linear-gradient(135deg,var(--poster-start),var(--poster-end));border:1px solid #ffffff30}
.calendar-poster-panel [data-poster-status]{margin:0;color:#e9eef5;font-size:12px;line-height:1.4}.calendar-poster-panel [data-poster-status]:empty{display:none}
@media(max-width:600px){.calendar-poster-panel{right:12px;bottom:12px;padding:12px;width:306px}.calendar-poster-panel>button.calendar-poster-close{right:20px;top:20px}}