/* Shared public badge strip and editor preview. */
.badge-styled .pf-roles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:fit-content;max-width:100%;gap:var(--badge-gap,4px);padding:5px 8px;border:1px solid rgb(255 255 255 / .1);border-radius:var(--badge-radius,30px);background:rgb(255 255 255 / var(--badge-opacity,.08));backdrop-filter:blur(var(--badge-blur,12px));box-shadow:none;overflow:visible}
.badge-styled[data-badge-shape=bare] .pf-roles{padding:0;border-color:transparent;background:none;backdrop-filter:none}
.badge-styled .pf-role.badge-trigger{display:grid;place-items:center;width:var(--badge-size,22px);height:var(--badge-size,22px);min-width:var(--badge-size,22px);padding:0;border:0;background:none;color:#fff;font-size:calc(var(--badge-size,22px) * .8);filter:none;cursor:pointer;border-radius:5px;transition:transform .2s ease,background .2s ease;line-height:1}
.badge-styled .badge-trigger i,.badge-styled .badge-trigger img{filter:drop-shadow(0 0 var(--badge-glow,3px) currentColor)}
.badge-styled .badge-trigger img{display:block;width:var(--badge-size,22px);height:var(--badge-size,22px);object-fit:contain;background:transparent}
.badge-styled[data-badge-colors=original] .pf-role.badge-trigger{color:var(--badge-original-color,#fff)}
.badge-styled .badge-trigger:hover{transform:none}
.badge-styled[data-badge-motion=lift] .badge-trigger:hover{transform:translateY(-2px)}
.badge-styled[data-badge-motion=zoom] .badge-trigger:hover{transform:scale(1.12)}
.badge-styled .badge-trigger:focus-visible{outline:2px solid #fff;outline-offset:4px}
.badge-styled .badge-trigger[aria-expanded=true]{background:#ffffff16}
.cs-badge-tooltip{position:fixed;z-index:2147483646;max-width:min(280px,calc(100vw - 24px));padding:9px 13px;box-sizing:border-box;pointer-events:none;border:1px solid #ffffff10;border-radius:16px;background:rgb(20 20 20 / var(--badge-tooltip-opacity,.75));backdrop-filter:blur(var(--badge-blur,12px));color:#fff;font:500 var(--badge-tooltip-size,13px)/1.45 system-ui,sans-serif;box-shadow:0 6px 24px #0002;overflow-wrap:anywhere;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}
.cs-badge-tooltip.is-visible{opacity:1;transform:translateY(0)}
.cs-badge-tooltip strong{display:block;font-weight:650}.cs-badge-tooltip p{margin:4px 0 0;color:#ddd;white-space:pre-wrap}.cs-badge-tooltip small{display:block;margin-top:5px;color:#aaa;font-size:.8em}
.badge-preview{min-height:100px;display:grid;place-items:center;padding:24px;margin:18px 0 24px;border:1px solid #ffffff10;border-radius:16px;background:radial-gradient(ellipse at 15% 0%,#58383b55,transparent 65%),#151515}
.badge-text-editor{margin-top:22px;border-top:1px solid #ffffff12;padding-top:18px}.badge-text-editor summary{cursor:pointer;font-weight:600}.badge-text-editor summary span{font-size:12px;color:#888;font-weight:400;margin-left:10px}.badge-text-row{padding:14px 0;border-bottom:1px solid #ffffff0c}#badge-appearance output{color:#999;font-size:12px;margin-left:6px}#badge-appearance input[type=range]{width:100%;accent-color:#ef3340}
@media(prefers-reduced-motion:reduce){.badge-styled .badge-trigger,.cs-badge-tooltip{transition:none}.badge-styled .badge-trigger:hover{transform:none!important}}

.badge-styled .badge-trigger{opacity:var(--badge-icon-opacity,1)}
.cs-badge-tooltip.is-visible{animation:badge-bubble-in .16s ease-out both}@keyframes badge-bubble-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.cs-badge-tooltip.is-visible{animation:none}}

.cs-badge-tooltip{background:rgba(22,22,22,.48)!important;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border:1px solid #ffffff13;border-radius:18px;text-align:center;padding:9px 14px;box-shadow:0 8px 26px #0002}.cs-badge-tooltip strong{font-size:13px;font-weight:650}.cs-badge-tooltip p{font-size:12px;color:#dedede;line-height:1.45}

/* Individual badge icons remain unboxed in every interaction state. */
.coldshot-profile .pf-role.badge-trigger,.coldshot-profile .pf-role.badge-trigger:hover,.coldshot-profile .pf-role.badge-trigger:active,.coldshot-profile .pf-role.badge-trigger[aria-expanded=true]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.coldshot-profile .pf-role.badge-trigger::before,.coldshot-profile .pf-role.badge-trigger::after{background:none!important;box-shadow:none!important}

/* Keep the hit area still; moving the button caused enter/leave oscillation. */
.coldshot-profile.badge-styled .pf-role.badge-trigger,.coldshot-profile.badge-styled .pf-role.badge-trigger:hover{transform:none!important;transition:color .16s ease!important}
.coldshot-profile .pf-role.badge-trigger>svg,.coldshot-profile .pf-role.badge-trigger>i,.coldshot-profile .pf-role.badge-trigger>img,.coldshot-profile .pf-role.badge-trigger>span{pointer-events:none}
.cs-badge-tooltip.is-visible{animation:none!important}