.notice-info{--notice-ink:#185491;--notice-bg:#edf5ff;--notice-line:#b4cee8}.notice-success{--notice-ink:#21623f;--notice-bg:#edf8f0;--notice-line:#afd3bc}.notice-warning{--notice-ink:#85500c;--notice-bg:#fff6e5;--notice-line:#e7c582}.notice-error{--notice-ink:#a32a36;--notice-bg:#fff0f1;--notice-line:#e8b2b8}.studio-status[data-save-error=true]>span:first-child{color:#f9a6ad}.studio-status[data-save-error=true] .status-dot{background:#e16d79}.notice-inline{border:1px solid var(--notice-line);border-left:3px solid var(--notice-ink);background:var(--notice-bg);color:var(--notice-ink);overflow-wrap:anywhere;border-radius:9px;align-items:flex-start;gap:9px;margin:10px 0;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.notice-inline>svg{flex-shrink:0;margin-top:2px}.notice-inline strong{font-size:11px;display:block}.notice-inline span{color:#343c42;display:block}.notification-bell{flex-shrink:0;margin-right:6px;position:relative}.notification-count{color:#fff;background:#274d86;border:2px solid #fff;border-radius:20px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:10px;font-weight:750;line-height:1;display:grid;position:absolute;top:-5px;right:-7px}.notification-bell.has-attention .notification-count{background:#a32a36}.notice-toast{z-index:110;background:var(--notice-bg);width:min(540px,100vw - 32px);color:var(--notice-ink);border:1px solid var(--notice-line);border-left:4px solid var(--notice-ink);border-radius:14px;align-items:flex-start;gap:12px;padding:17px;font-size:13px;line-height:1.5;animation:.18s ease-out notice-appear;display:flex;position:fixed;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 14px 48px #12233426}.notice-toast>svg{flex-shrink:0;margin-top:2px}.notice-toast-copy{overflow-wrap:anywhere;flex:1;min-width:0}.notice-toast strong{font-size:12px}.notice-toast strong span{font-weight:500}.notice-toast p{color:#292f33;margin:5px 0}.notice-toast small{color:#535b60;font-size:11px}.notice-toast>button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;min-width:28px;min-height:28px;display:grid}.notice-toast>button:hover{background:#0000000b}.notification-center[data-slot=dialog-content]{color:#252b29;background:#fbfaf7;border-radius:20px;flex-direction:column;gap:0;width:640px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:25px 0 14px;display:flex;overflow:hidden}.notification-center [data-slot=dialog-header]{text-align:left;flex-shrink:0;padding:0 25px 18px}.notification-center [data-slot=dialog-title]{align-items:center;gap:9px;margin-right:24px;font-size:19px;display:flex}.notification-center [data-slot=dialog-title]>span{color:#596660;background:#e9eee6;border-radius:10px;padding:5px 8px;font-size:11px;font-weight:500}.notification-center [data-slot=dialog-description]{color:#68716b;max-width:480px;font-size:12px;line-height:1.6}.notification-toolbar{border-bottom:1px solid #dce1d8;flex-shrink:0;gap:13px;padding:0 25px 14px;display:grid}.notification-filters{flex-wrap:wrap;gap:6px;display:flex}.notification-filters button{color:#4e594f;cursor:pointer;background:0 0;border:1px solid #d7ddd2;border-radius:30px;padding:8px 12px;font-size:12px}.notification-filters button[aria-pressed=true]{color:#fff;background:#253629;border-color:#253629}.notification-search{color:#788278;background:#fff;border:1px solid #d7ddd2;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.notification-search input{color:#253629;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;padding:9px 0;font-size:12px}.notification-search:focus-within{outline-offset:2px;outline:2px solid #69874e}.notification-management{align-items:center;gap:16px;font-size:11px;display:flex}.notification-management button,.notification-item-footer button{color:#344a32;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;font-weight:650;display:inline-flex}.notification-management button:disabled{opacity:.45;cursor:default}.notification-management>span{color:#69716a;margin-left:auto}.notification-list{overscroll-behavior:contain;min-height:150px;max-height:52dvh;overflow-y:auto}.notification-list ul{margin:0;padding:0;list-style:none}.notification-item{border-bottom:1px solid #e1e5dd;border-left:3px solid #0000;gap:13px;padding:18px 25px;display:flex}.notification-item>svg{color:var(--notice-ink);flex-shrink:0;margin-top:2px}.notification-item>div{flex:1;min-width:0}.notification-item.is-unread{border-left-color:var(--notice-ink);background:#fff}.notification-meta{flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;display:flex}.notification-meta>strong{color:var(--notice-ink);background:var(--notice-bg);border-radius:5px;padding:2px 6px}.notification-meta>span{color:#677067}.notification-meta>small{color:#344a32;margin-left:auto;font-size:10px;font-weight:650}.notification-item p{overflow-wrap:anywhere;margin:7px 0;font-size:13px;line-height:1.6}.notification-item-footer{color:#6a746d;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.notification-item-footer button{margin-left:auto}.notification-empty{text-align:center;color:#727f6f;padding:42px 32px}.notification-empty>svg{margin:auto}.notification-empty h3{color:#30422d;margin:12px 0 8px;font-size:16px}.notification-empty p{max-width:340px;margin:auto;font-size:12px;line-height:1.7}.notification-footnote{color:#6e786c;margin:14px 25px 0;font-size:10px;line-height:1.6}.notification-center>.notice-inline{margin:0 25px 15px}.notification-center button:focus-visible{outline-offset:3px;outline:2px solid #42672a}.notification-list:focus-visible{outline-offset:3px;outline:2px solid #42672a}.notification-bell:focus-visible{outline-offset:3px;outline:2px solid #42672a}.notice-toast button:focus-visible{outline-offset:3px;outline:2px solid #42672a}@keyframes notice-appear{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.notice-toast{animation:none}}@media (max-width:560px){.notification-center [data-slot=dialog-header],.notification-toolbar{padding-left:18px;padding-right:18px}.notification-item{padding:15px 18px}.notification-filters button{padding:7px 9px}.notification-center [data-slot=dialog-title]{font-size:17px}.notification-footnote{margin-left:18px;margin-right:18px}.notification-management{gap:12px}}