.dp-utility-bar{display:flex;align-items:center;gap:4px;overflow:visible}.dp-utility-bar-btn{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;flex:none;border:none;background:transparent;color:var(--text);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-decoration:none}.dp-utility-bar-btn:focus-visible,.dp-utility-bar-btn:hover{background:var(--surface-sunken)}.dp-utility-bar-btn--accent{overflow:visible;color:var(--purple)}.dp-utility-bar-btn--accent svg{animation:dp-ai-twinkle 2.4s ease-in-out infinite;transform-origin:center}.dp-utility-bar-btn--accent:after,.dp-utility-bar-btn--accent:before{content:"";position:absolute;background:var(--purple);clip-path:polygon(50% 0,68% 32%,100% 50%,68% 68%,50% 100%,32% 68%,0 50%,32% 32%);pointer-events:none;opacity:0}.dp-utility-bar-btn--accent:before{top:8px;inset-inline-end:8px;width:5px;height:5px;animation:dp-ai-glint 2.4s ease-in-out infinite}.dp-utility-bar-btn--accent:after{bottom:9px;inset-inline-start:9px;width:3.5px;height:3.5px;animation:dp-ai-glint 2.4s ease-in-out 1.1s infinite}@keyframes dp-ai-twinkle{0%,to{transform:scale(1)}40%{transform:scale(1.03)}}@keyframes dp-ai-glint{0%,50%,to{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1.15)}74%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.dp-utility-bar-btn--accent svg,.dp-utility-bar-btn--accent:after,.dp-utility-bar-btn--accent:before{animation:none}.dp-utility-bar-btn--accent:after,.dp-utility-bar-btn--accent:before{opacity:0}}.dp-utility-bar-badge{position:absolute;top:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--status-red);box-shadow:0 0 0 2px var(--surface)}.dp-frame-toolbar .dp-utility-bar-badge:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--status-red);pointer-events:none;animation:dp-badge-ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes dp-badge-ping{0%{opacity:.75;transform:scale(1)}75%,to{opacity:0;transform:scale(2.25)}}@media (prefers-reduced-motion:reduce){.dp-frame-toolbar .dp-utility-bar-badge:after{animation:none;opacity:0}}.dp-utility-bar-user{padding:0}.dp-utility-bar-avatar,.dp-utility-bar-user{width:36px;height:36px;border-radius:var(--radius-pill)}.dp-utility-bar-avatar{flex:none;background:var(--g100);color:var(--black);border:var(--border-hairline) solid var(--g200);display:grid;place-items:center}