.studioNotifications{flex:none;position:relative}.studioNotificationsToggle{position:relative}.studioNotificationsToggle>.studioNotificationsBell{transform:translate(-3px,3px)}.studioNotificationsBadge{z-index:1;min-width:16px;height:16px;color:var(--cyan);pointer-events:none;background:var(--ink);font:700 9px/1 var(--mono);font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--paper) 24%, transparent);transition:color .18s ease, opacity .18s ease, transform .18s var(--studio-ease-power3);border-radius:999px;place-items:center;padding:0 3px;display:grid;position:absolute;top:3px;right:4px}.studioNotificationsBadge[data-state=empty]{opacity:.6}.studioNotificationsBadge[data-state=unknown]{width:10px;min-width:10px;height:10px;padding:0;top:6px;right:7px}.studioNotificationsBadge[data-state=unknown]:after{content:"";background:var(--cyan);border-radius:50%;width:3px;height:3px}.studioNotificationsToggle[aria-expanded=true]>.studioNotificationsBadge{color:var(--paper)}.studioNotificationsActions{border-bottom:1px solid var(--border);gap:12px;padding:10px 20px;display:flex}.studioNotificationRead{color:var(--cyan);cursor:pointer;font:10px/1.5 var(--mono);background:0 0;border:0;padding:4px 0}.studioNotificationRead:disabled{opacity:.5;cursor:default}.studioNotificationRead:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.studioNotificationItem[data-read=true]:before{opacity:.25}.studioNotificationsBell{flex:none;width:20px;height:20px}.studioNotificationsPanel{--studio-notifications-cut:12px;z-index:60;opacity:0;width:360px;color:var(--paper);pointer-events:none;scrollbar-width:thin;transform-origin:100% 0;overscroll-behavior:contain;scrollbar-color:var(--cyan) transparent;border:1px solid color-mix(in srgb, var(--cyan) 40%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 9%, transparent), transparent 55%), color-mix(in srgb, var(--surface) 96%, transparent);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:inset 0 2px 0 var(--cyan), inset 0 0 36px color-mix(in srgb, var(--cyan) 4%, transparent);clip-path:polygon(0 0, calc(100% - var(--studio-notifications-cut)) 0, 100% var(--studio-notifications-cut), 100% 100%, var(--studio-notifications-cut) 100%, 0 calc(100% - var(--studio-notifications-cut)));transition:opacity .22s ease, transform .22s var(--studio-ease-power3);backdrop-filter:blur(22px);border-radius:0;padding:0;position:fixed;overflow-y:auto;transform:translateY(-14px)scale(.98)}.studioNotificationsPanel[data-state=open]{opacity:1;pointer-events:auto;transition-duration:.32s;transform:translate(0,0)scale(1)}.studioNotificationsPanel:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan);outline:none}.studioNotificationsPanel:before{content:"";pointer-events:none;background-position:100% 0,0 100%;background-repeat:no-repeat;background-size:var(--studio-notifications-cut) var(--studio-notifications-cut);--studio-notifications-stroke:linear-gradient(45deg, transparent calc(50% - .5px), var(--cyan) calc(50% - .5px), var(--cyan) calc(50% + .5px), transparent calc(50% + .5px));background-image:var(--studio-notifications-stroke), var(--studio-notifications-stroke);position:absolute;inset:0}.studioNotificationsHeading{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 18px 16px;display:flex}.studioNotificationsHeadingIcon{width:34px;height:34px;color:var(--cyan);background:color-mix(in srgb, var(--cyan) 10%, transparent);flex-shrink:0;place-items:center;display:grid}.studioNotificationsHeadingIcon>.studioNotificationsBell{width:18px;height:18px}.studioNotificationsHeadingCopy{flex:1;min-width:0}.studioNotificationsEyebrow{color:var(--cyan);text-transform:uppercase;font:9px/1.4 var(--mono);letter-spacing:.12em;margin:0 0 4px}.studioNotificationsTitle{letter-spacing:-.04em;margin:0;font-size:17px;font-weight:650;line-height:1.3}.studioNotificationsClose{width:32px;height:32px;color:var(--cyan);border:1px solid color-mix(in srgb, var(--cyan) 30%, var(--border));background:0 0;border-radius:0;flex:none;place-items:center;padding:7px;transition:color .18s,background-color .18s,border-color .18s;display:grid}.studioNotificationsClose:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.studioNotificationsClose>svg{width:16px;height:16px}.studioNotificationsList{margin:0;padding:0;list-style:none}.studioNotificationItem{border-bottom:1px solid var(--border);animation:studioNotificationEnter .26s var(--studio-ease-power3) both;gap:13px;padding:22px 20px;transition:background-color .18s;display:flex;position:relative}.studioNotificationItem:nth-child(2){animation-delay:55ms}.studioNotificationItem:before{content:"";background:color-mix(in srgb, var(--cyan) 60%, transparent);width:2px;position:absolute;top:24px;bottom:24px;left:0}.studioNotificationIcon{width:34px;height:34px;color:var(--cyan);background:color-mix(in srgb, var(--cyan) 10%, transparent);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));flex:none;place-items:center;display:grid}.studioNotificationIcon>svg{width:18px;height:18px}.studioNotificationCopy{flex:1;min-width:0}.studioNotificationTitle{letter-spacing:-.025em;margin:0 0 8px;font-size:14px;font-weight:650;line-height:1.4}.studioNotificationDescription{color:var(--muted);margin:0;font-size:12px;line-height:1.85}.studioNotificationLink{color:var(--cyan);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--cyan) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--cyan) 50%, transparent)}.studioNotificationsSource{color:var(--muted);font:9px/1.5 var(--mono);letter-spacing:.04em;margin:0;padding:13px 20px 15px}@keyframes studioNotificationEnter{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@media (hover:hover) and (pointer:fine){.studioNotificationsToggle:hover>.studioNotificationsBadge{color:var(--paper);transform:translateY(-1px)}.studioNotificationsClose:hover{color:var(--ink);border-color:var(--cyan);background:var(--cyan)}.studioNotificationItem:hover{background:color-mix(in srgb, var(--cyan) 4%, transparent)}.studioNotificationLink:hover{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}}@media (pointer:coarse){.studioNotificationsClose{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.studioNotificationsPanel,.studioNotificationItem{animation:none}.studioNotificationsPanel{transform:none}.studioNotificationsPanel,.studioNotificationsClose,.studioNotificationItem,.studioNotificationsBadge{transition:none}.studioNotificationsToggle:hover>.studioNotificationsBadge{transform:none}}