.cg{isolation:isolate;gap:var(--space-lg);min-height:100dvh;padding:130px 16px var(--space-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.cg-stage{z-index:-1;perspective:1000px;background:radial-gradient(ellipse 55% 45% at 50% 55%, #7a81ff2b 0%, transparent 70%), radial-gradient(ellipse 35% 30% at 84% 16%, #db6c791f 0%, transparent 60%), var(--color-offwhite);position:absolute;inset:0}.cg-stage:after{content:"";pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cg-floor{transform-origin:top;background-image:linear-gradient(#7a81ff22 1px,#0000 1px),linear-gradient(90deg,#7a81ff22 1px,#0000 1px);background-size:80px 80px;height:120%;position:absolute;top:68%;left:-50%;right:-50%;transform:rotateX(78deg);-webkit-mask-image:linear-gradient(#0000,#000 30% 60%,#0000);mask-image:linear-gradient(#0000,#000 30% 60%,#0000)}.cg-piles{justify-content:center;align-items:center;gap:var(--space-lg) var(--space-xl);flex-wrap:wrap;flex:1;display:flex}.cg-pile{align-items:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-xs) var(--space-sm);border-radius:var(--radius-2xl);cursor:pointer;touch-action:manipulation;font:inherit;color:var(--color-ink);perspective:900px;animation:cg-rise .7s cubic-bezier(.34, 1.2, .64, 1) calc(var(--i) * 80ms) both;background:0 0;border:0;flex-direction:column;display:flex}.cg-pile:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.cg-pile__stack{width:240px;height:300px;margin-bottom:var(--space-sm);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:block;position:relative}.cg-pile__stack img{object-fit:cover;background:var(--color-white);width:100%;height:100%;transform:translate3d(calc(var(--j) * 10px), calc(var(--j) * -8px), calc(var(--j) * -26px)) rotate(calc(var(--j) * var(--s) * 1.6deg));border-radius:12px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;box-shadow:0 2px 6px #1a1a2e14,0 24px 60px -16px #1a1a2e38,0 40px 90px -30px #7a81ff55}.cg-pile:is(:hover,:focus-visible) .cg-pile__stack{transform:rotateX(8deg)rotateY(-12deg)translateY(-8px)}.cg-pile:is(:hover,:focus-visible) .cg-pile__stack img{transform:translate3d(calc(var(--j) * 26px), calc(var(--j) * -18px), calc(var(--j) * -40px)) rotate(calc(var(--j) * var(--s) * 4deg))}.cg-pile:active .cg-pile__stack{transform:scale(.97)}.cg-pile__name{text-align:center;text-wrap:balance;max-width:240px;font-family:var(--font-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:600;line-height:1.15}.cg-panel{gap:var(--space-md);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);align-items:start;width:100%;max-width:1180px;margin:0 auto;animation:.6s cubic-bezier(.34,1.2,.64,1) both cg-rise;display:grid}.cg-details{gap:var(--space-sm);padding:var(--space-md);flex-direction:column;align-self:stretch;display:flex}.cg-details__head{align-items:stretch;gap:var(--space-xs);flex-direction:column-reverse;display:flex}.cg-label{margin-bottom:var(--space-3xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-dark);font-size:.75rem;font-weight:500}.cg-name{letter-spacing:-.03em;font-size:2rem;line-height:1.15}.cg-desc{color:var(--color-grey-muted);font-size:.9375rem;line-height:1.7}.cg-group{gap:var(--space-2xs);flex-direction:column;display:flex}.cg-group__title{color:#3f3f4d;font-size:.8125rem;font-weight:600}.cg-group__tabs{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.cg-stage-col{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.cg-toolbar{z-index:5;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex;position:relative}.cg .cg-window{--cb-preview-h:clamp(380px, calc(100dvh - 320px), 680px)}@media (min-width:901px){.cg:has(.cg-panel){gap:var(--space-sm);padding-bottom:var(--space-sm)}.cg-panel{flex:none}.cg:has(.cg-panel) .cg-nav{margin-block:auto}}.cg .cg-switch{--pad:4px;padding:var(--pad);grid-template-columns:1fr 1fr;gap:0;display:inline-grid}.cg-switch__thumb{top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc(50% - var(--pad));background:#5e66e6d9;border-radius:999px;transition:transform .35s cubic-bezier(.34,1.4,.64,1);position:absolute;box-shadow:0 4px 16px #7a81ff66}.cg-switch[data-on="1"] .cg-switch__thumb{transform:translate(100%)}.cg-switch button{font-family:var(--font-body);color:var(--color-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:4px 16px;font-size:.8125rem;font-weight:500;transition:color .25s;position:relative}.cg-switch button[aria-checked=true]{color:#fff}.cg-switch button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cg .cg-nav{bottom:var(--space-sm);z-index:3;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto;padding:6px;display:flex;position:sticky;overflow:visible}@keyframes cg-rise{0%{opacity:0;transform:translateY(34px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:900px){.cg-panel{grid-template-columns:minmax(0,1fr)}.cg .cg-window{--cb-preview-h:460px}}@media (max-width:640px){.cg{padding-top:120px}.cg-pile__stack{width:min(72vw,280px);height:calc(1.25*min(72vw,280px))}.cg-pile__name{max-width:min(72vw,280px)}.cg-details{padding:var(--space-sm)}.cg .cg-window{--cb-preview-h:620px}}@media (prefers-reduced-motion:reduce){.cg-pile,.cg-panel{animation:none}.cg-pile__stack,.cg-pile__stack img{transition:none}}.cb-pill.cg-close{border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;width:2rem;height:2rem;padding:0}.cg-close svg{flex-shrink:0}