@layer pp-base{body:has(.pp-site){margin:0}@media (prefers-reduced-motion:no-preference){html:has(.pp-site){scroll-behavior:smooth}}.pp-site{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;overflow-x:clip}.pp-site *,.pp-site :before,.pp-site :after{box-sizing:border-box}.pp-site :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,figure,figcaption,blockquote){font:inherit;letter-spacing:inherit;margin:0;padding:0}.pp-site :where(ul,ol){list-style:none}.pp-site :where(img,video,svg){max-width:100%;display:block}.pp-site :where(a){color:inherit;text-decoration:none}.pp-site :where(button){color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.pp-site :where(table){border-collapse:collapse;border-spacing:0}.pp-site :where(:focus-visible){outline:2px solid var(--pp-accent);outline-offset:3px}.pp-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.pp-preview-ribbon,.pp-demo-band{z-index:1000;color:#f5f5f7;letter-spacing:.02em;background:#0b0b0d;border:1px solid #ffffff29;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:calc(100% - 32px);padding:8px 8px 8px 14px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 10px 30px #00000059}.pp-preview-ribbon>span,.pp-demo-band>span{align-items:center;gap:8px;display:inline-flex}.pp-preview-ribbon>span:before,.pp-demo-band>span:before{content:"";background:#d4ff00;width:8px;height:8px}.pp-preview-ribbon a,.pp-demo-band a{color:#0b0b0d;background:#d4ff00;padding:5px 10px;font-weight:700;text-decoration:none}.pp-preview-ribbon a:hover,.pp-demo-band a:hover{background:#e3ff4d}@media (prefers-reduced-motion:reduce){.pp-site *,.pp-site :before,.pp-site :after{transition:none!important;animation:none!important}}}@layer pp-theme,pp-devices,pp-components;