.pts-stage{display:grid;width:100%}.pts{position:relative;display:grid;margin:0;overflow:hidden;border-radius:20px;background:radial-gradient(120% 90% at 50% 40%,#15132a 0,#07070b 70%)}.pts-canvas{display:block;grid-area:1/1;width:100%;height:clamp(340px,52vw,520px)}.pts-caption{position:absolute;right:0;bottom:18px;left:0;display:flex;justify-content:center;padding:0 12px}.pts-shapes{display:inline-flex;max-width:100%;padding:4px;overflow-x:auto;border:1px solid rgb(255 255 255/.08);border-radius:999px;background:rgb(255 255 255/.04);backdrop-filter:blur(8px);scrollbar-width:none}.pts-shape{height:32px;padding:0 14px;border:0;border-radius:999px;background:none;color:rgb(255 255 255/.55);font:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}.pts-shape[data-pressed]{background:rgb(255 255 255/.12);color:#fff}@media (hover:hover) and (pointer:fine){.pts-shape:not([data-pressed]):hover{color:rgb(255 255 255/.85)}}.pts-shape:focus-visible{outline:2px solid rgb(255 255 255/.7);outline-offset:2px}.hp-card.wide .pts-canvas{height:clamp(480px,52vw,680px)}