.badge-show{--badge-card-h:clamp(380px, min(60vh, 38vw), 580px);--badge-card-w:calc(var(--badge-card-h) * 1024 / 1440);grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(12px,3vw,40px);width:100%;display:grid}.badge-hang{flex-direction:column;align-items:center;padding:132px 0 8px;display:flex;position:relative}.badge-rest{width:var(--badge-card-w);height:var(--badge-card-h);touch-action:none;flex:none;position:relative}.badge-layer{z-index:30;pointer-events:none;width:100%;animation:.3s both badge-fade;position:absolute;top:0;left:0;overflow:hidden}.badge-layer canvas{display:block}.badge-flat{animation:badge-in .5s var(--ease-smooth-out) both;position:absolute;inset:0}.badge-flat canvas{width:100%;height:100%;box-shadow:0 0 0 1px var(--border), 0 40px 70px -30px #08080a80;border-radius:5.66%/4.03%;display:block}.badge-flat-strap{background:linear-gradient(90deg, #00000038, transparent 16%, transparent 84%, #00000038), var(--accent);width:18.75%;height:200vh;position:absolute;bottom:calc(100% + 14px);left:50%;translate:-50%}.badge-flat-clip{background:linear-gradient(#f4f4f6,#b9b9c0);border-radius:7px;width:26%;height:34px;position:absolute;bottom:calc(100% - 10px);left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #1818201f}.badge-hint{color:var(--faint);white-space:nowrap;pointer-events:none;margin:34px 0 0;font-size:12.5px;animation:.6s 1.4s both badge-fade}.badge-panel{flex-direction:column;justify-self:center;gap:18px;display:flex}.badge-panel .wl-done-head{flex-direction:column;gap:8px;display:flex}.badge-panel .wl-done-head h2{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;display:flex}.badge-panel .wl-done-head p{color:var(--muted);overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.55}.badge-panel .wl-done-mark{flex:none;width:30px;height:30px;margin:0}.badge-panel .label{color:var(--text-2);margin-bottom:8px;font-size:14px;display:block}.badge-edit{flex-direction:column;gap:14px;display:flex}.badge-edit input{border-radius:10px;height:42px;font-size:15px}.badge-logo-row{align-items:center;gap:8px;display:flex}.badge-logo-thumb{width:42px;height:42px;box-shadow:0 0 0 1px var(--border-strong,var(--border));background:#fff;border-radius:10px;flex:none;place-items:center;padding:7px;display:grid}.badge-logo-thumb img{object-fit:contain;width:100%;height:100%;display:block}.badge-logo-thumb[data-fill]{padding:0;overflow:hidden}.badge-logo-thumb[data-fill] img{object-fit:cover}.badge-logo-thumb[data-empty]{color:var(--faint);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.badge-logo .gate-cta{height:42px;margin:0;font-size:14px}.badge-logo-btn{flex:auto;min-width:0}.badge-logo-note{color:var(--faint);text-wrap:pretty;margin:8px 0 0;font-size:12.5px;line-height:1.45}.badge-logo-note[data-error]{color:var(--err)}.badge-logo-note button.link{font:inherit;font-weight:500}.badge-share-row{gap:8px;display:flex}.badge-share .gate-cta{height:42px;margin:0;font-size:14px}.badge-share-main{flex:auto;min-width:0}.badge-share-icon{flex:none;display:inline-flex}.badge-share-icon .gate-cta{width:42px;padding:0}.badge-save{color:var(--faint);text-align:center;margin:10px 0 0;font-size:12.5px}.badge-guest{flex-direction:column;gap:14px;display:flex}.badge-guest p{color:var(--muted);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.55}.badge-guest .gate-cta{margin:4px 0 0}@keyframes badge-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes badge-fade{0%{opacity:0}to{opacity:1}}@media (max-width:860px){.badge-show{--badge-card-h:400px;grid-template-columns:1fr;gap:20px}.badge-hang{padding-top:104px}.badge-panel{width:100%}}@media (prefers-reduced-motion:reduce){.badge-layer,.badge-flat,.badge-hint{animation:none}}.badge-page-stage{margin-top:0}.badge-eyebrow{font-family:var(--mono);letter-spacing:var(--tracking-mono);color:var(--faint);font-size:11.5px}.badge-panel .wl-done-head h1{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(24px,3vw,30px);font-weight:400;line-height:1.12}[data-badge-cursor=grab],[data-badge-cursor=grab] *{cursor:grab!important}[data-badge-cursor=grabbing],[data-badge-cursor=grabbing] *{cursor:grabbing!important}[data-badge-grabbing] body{-webkit-user-select:none;user-select:none}