.pp-page{max-width:900px;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;padding-bottom:1.25rem;box-sizing:border-box}.pp-canvas-wrap{width:100%;height:560px;background:#06060e;border-radius:12px;border:1px solid rgba(172,138,255,.14);box-shadow:0 0 0 1px rgba(172,138,255,.06),0 4px 32px rgba(0,0,0,.4);overflow:hidden}.pp-canvas{display:block;width:100%;height:100%}.pp-controls{gap:1rem;flex-wrap:wrap}.pp-controls,.pp-group{display:flex;align-items:center}.pp-group{gap:.35rem}.pp-group-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-right:.2rem;white-space:nowrap}.pp-btn{min-width:48px;padding:.4rem .75rem!important;font-size:.8rem!important}.pp-btn.active{background:var(--color-secondary-container);border-color:var(--color-secondary);color:var(--color-secondary-on)}@media (max-width:600px){.pp-controls,.pp-page{gap:.75rem}}