.pg-badge .bdg-pane{display:grid;gap:16px;min-width:0}@media(max-width:999px){.pg-badge .bdg-side{display:contents}.pg-badge .bdg-pane{padding:clamp(18px,4vw,28px);border-radius:var(--radius-card);background:var(--ink);color:var(--white)}.pg-badge .bdg-stage{order:-1}.pg-badge .bdg-output{order:1}}@media(min-width:1000px){.pg-badge .bdg-side{display:grid;gap:20px;align-content:start;padding:clamp(20px,2.4vw,32px);border-radius:var(--radius-card);background:var(--ink);color:var(--white)}.pg-badge .bdg-output{padding-top:20px;box-shadow:inset 0 1px 0 var(--line-dark)}}@media(min-width:1000px)and (min-height:760px){.pg-badge .bdg-side{position:sticky;top:96px}}.pg-tool.pg-badge .tk-title.is-big{font-size:clamp(32px,5.1vw,74px)}.pg-tool.pg-badge .tk-result-label{line-height:1.35}.pg-badge .bdg-desk{--bdg-pad: clamp(12px, 2.4vw, 24px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(12px,2vw,24px);align-items:end;overflow:hidden;padding:var(--bdg-pad);border-radius:var(--radius-inner);background:var(--ink-2)}.pg-badge .bdg-hang{position:relative;justify-self:center;width:100%;max-width:320px;padding-top:74px}.pg-badge .bdg-hang.is-vertical{max-width:200px}.pg-badge .bdg-strap{position:absolute;top:calc(-1 * var(--bdg-pad));left:50%;width:26px;height:calc(var(--bdg-pad) + 52px);translate:-50% 0;background:var(--bdg-strap);box-shadow:0 0 0 1px #fff3,inset 3px 0 #00000024,inset -3px 0 #00000024}.pg-badge .bdg-clip{position:absolute;top:38px;left:50%;z-index:2;width:46px;height:24px;translate:-50% 0;border-radius:7px;background:#d9d9d3;box-shadow:0 0 0 1.5px #8a8a84,0 2px 3px #0006}.pg-badge .bdg-clip-slot{position:absolute;top:8px;right:12px;bottom:8px;left:12px;border-radius:4px;background:#8a8a84}.pg-badge .bdg-loop{position:absolute;top:56px;left:50%;width:28px;height:22px;translate:-50% 0;border-radius:8px 8px 0 0;box-shadow:inset 0 0 0 2px #fff6}.pg-badge .bdg-badge{position:relative;z-index:1;aspect-ratio:var(--bdg-ratio)}.pg-badge .bdg-badge svg{display:block;width:100%;height:100%;border-radius:6px;box-shadow:0 0 0 1px #ffffff1a,0 1px 1px #0000004d,0 18px 30px -12px #000c}.pg-badge .bdg-mini{display:grid;gap:8px;justify-items:center;width:clamp(72px,9vw,108px);margin:0}.pg-badge .bdg-mini svg{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 0 0 1px #ffffff1a,0 1px 1px #0000004d,0 12px 22px -10px #000000bf}.pg-badge .bdg-mini figcaption{color:var(--ash);font:600 12px / 1 var(--font-label);letter-spacing:.06em;text-transform:uppercase}.pg-badge .bdg-warnings{display:grid;gap:6px;margin:0;padding:0;list-style:none}.pg-badge .bdg-warnings li{display:flex;gap:8px;color:var(--pink);font:600 var(--text-small) / 1.35 var(--font-text)}.pg-badge .bdg-warnings li:before{content:"";flex:none;width:8px;height:8px;margin-top:.45em;border-radius:50%;background:currentColor}.pg-badge .bdg-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0;font:600 var(--text-body) / 1.2 var(--font-text)}.pg-badge .bdg-count strong{color:var(--lime);font:800 clamp(36px,3.6vw,52px) / .9 var(--font-display);letter-spacing:-.03em}.pg-badge .bdg-countnote{margin:0;color:var(--ash);font-size:var(--text-small);line-height:1.4;text-wrap:pretty}.pg-badge .bdg-go:disabled{background:var(--ink-3);color:var(--ash);opacity:1;cursor:default}.pg-badge .bdg-pane .tk-quiet{color:var(--white)}.pg-badge .bdg-pane .tk-quiet:disabled{color:var(--ash)}.pg-badge .bdg-pane .tk-quiet:focus-visible{outline-color:var(--lime)}.pg-badge .bdg-notes{display:grid;gap:8px;margin:0;padding:0;color:var(--ash);font-size:var(--text-small);line-height:1.4;list-style:none}.pg-badge .bdg-set{display:grid;gap:16px;min-width:0;margin:0;padding:20px 0 0;border:0;box-shadow:inset 0 1px 0 var(--line-light)}.pg-badge .bdg-set.bdg-first{padding-top:0;box-shadow:none}.pg-badge .bdg-set legend{float:left;width:100%;padding:0;font:700 clamp(18px,1.5vw,22px) / 1.15 var(--font-display)}.pg-badge .bdg-set legend+*{clear:both}.pg-badge .bdg-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px 12px}.pg-badge .bdg-pair>*{min-width:0;align-content:start}.pg-badge .bdg-label{font:600 15px / 1.2 var(--font-label)}.pg-badge .bdg-people{display:grid;gap:16px;min-width:0}.pg-badge .bdg-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pg-badge .bdg-row{container-type:inline-size;display:grid;gap:6px;padding:14px 14px 6px;border-radius:28px;background:var(--fog)}.pg-badge .bdg-main{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@container (min-width: 430px){.pg-badge .bdg-main{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.pg-badge .bdg-field{display:grid;gap:6px;min-width:0}.pg-badge .bdg-field label{color:var(--stone);font:600 13px / 1.2 var(--font-label)}.pg-badge .bdg-field input,.pg-badge .bdg-paste textarea,.pg-badge .bdg-set .tk-field input{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:14px;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font:500 17px / 1.2 var(--font-text)}.pg-badge .bdg-paste textarea{min-height:120px;padding:12px 14px;line-height:1.35}.pg-badge .bdg-field input::placeholder,.pg-badge .bdg-paste textarea::placeholder{color:var(--stone);opacity:.55}.pg-badge .bdg-field input:focus-visible,.pg-badge .bdg-paste textarea:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.pg-badge .bdg-field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--pink-700)}.pg-badge .bdg-issues{display:grid;gap:4px}.pg-badge .bdg-warn{color:var(--tangerine-700);font-size:var(--text-small);font-weight:600;line-height:1.4}.pg-badge .bdg-actions{display:inline-flex;justify-self:end}.pg-badge .bdg-icon{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;transition-property:background-color,opacity,transform;transition-duration:.15s,.15s,.16s;transition-timing-function:ease,ease,var(--ease-press)}.pg-badge .bdg-icon:active:not(:disabled){transform:scale(var(--press-scale))}.pg-badge .bdg-icon:disabled{opacity:.3;cursor:default}.pg-badge .bdg-icon:focus-visible,.pg-badge .bdg-look:focus-visible,.pg-badge .bdg-swatch:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pg-badge .bdg-icon:hover:not(:disabled){background:#00000014}}.pg-badge .bdg-adders{display:grid;gap:12px;justify-items:start}.pg-badge .bdg-add svg{margin-right:8px;margin-left:-2px}.pg-badge .bdg-paste{display:grid;gap:12px;padding:14px;border-radius:28px;background:var(--fog)}.pg-badge .bdg-problems{display:grid;gap:4px}.pg-badge .bdg-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pg-badge .bdg-look{display:grid;gap:8px;align-content:start;padding:8px 8px 10px;border:0;border-radius:12px;background:var(--fog);color:var(--ink);cursor:pointer;text-align:center;transition-property:background-color,box-shadow,transform;transition-duration:.15s,.15s,.16s;transition-timing-function:ease,ease,var(--ease-press);-webkit-tap-highlight-color:transparent}.pg-badge .bdg-look[aria-pressed=true]{background:var(--white);box-shadow:0 0 0 2px var(--ink)}.pg-badge .bdg-look:active{transform:scale(var(--press-scale))}.pg-badge .bdg-look-card{display:block;width:100%;max-height:96px;height:auto;margin-inline:auto;border-radius:3px;box-shadow:0 0 0 1px #0000001a,0 2px 5px -2px #00000040}.pg-badge .bdg-look-name{font:600 14px / 1.2 var(--font-label)}@media(hover:hover)and (pointer:fine){.pg-badge .bdg-look[aria-pressed=false]:hover{background:#00000014}}.pg-badge .bdg-swatches{display:flex;flex-wrap:wrap;gap:4px}.pg-badge .bdg-swatch{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .16s var(--ease-press);-webkit-tap-highlight-color:transparent}.pg-badge .bdg-swatch:before,.pg-badge .bdg-swatch:after{content:"";position:absolute;border-radius:50%}.pg-badge .bdg-swatch:before{top:8px;right:8px;bottom:8px;left:8px;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000029}.pg-badge .bdg-swatch:after{top:3px;right:3px;bottom:3px;left:3px;box-shadow:0 0 0 2px var(--ink);opacity:0;transition:opacity .15s ease}.pg-badge .bdg-swatch[aria-pressed=true]:after{opacity:1}.pg-badge .bdg-swatch:active{transform:scale(var(--press-scale))}@media(prefers-reduced-motion:reduce){.pg-badge .bdg-look,.pg-badge .bdg-swatch,.pg-badge .bdg-swatch:after,.pg-badge .bdg-icon{transition:none}}