.ps-samples{text-align:center;padding-block:48px}.ps-samples h2{max-width:740px;margin:0 auto 12px;font-size:clamp(27px,4vw,40px);line-height:1.15}.ps-samples>p{color:#656370;max-width:620px;margin:0 auto 24px;font-size:18px}.ps-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ps-card{text-align:left;color:#45213b;cursor:pointer;font:inherit;background:#fff9fc;border:1px solid #e1ccd9;border-radius:22px;padding:0;overflow:hidden}.ps-card>img{aspect-ratio:4/5;object-fit:contain;width:100%;height:auto;display:block}.ps-card>span{gap:8px;padding:18px;display:grid}.ps-card strong{font-size:22px}.ps-card>span>span{color:#86295d;font-size:17px;font-weight:700}.ps-card:hover{border-color:#86295d}.ps-card:focus-visible{outline-offset:4px;outline:3px solid #86295d}.ps-dialog button:focus-visible{outline-offset:4px;outline:3px solid #86295d}.ps-dialog a:focus-visible{outline-offset:4px;outline:3px solid #86295d}.ps-example-note{color:#656370;margin-top:16px;font-size:14px;display:block}.ps-dialog{color:#45213b;overscroll-behavior:contain;background:#fff;border:1px solid #dcc4d4;border-radius:24px;width:min(620px,100% - 24px);max-height:90dvh;padding:0;overflow:auto}.ps-dialog::backdrop{background:#241522a8}.ps-dialog-top{z-index:20;background:#fff9fc;border-bottom:1px solid #ecdee7;justify-content:space-between;align-items:center;padding:12px 18px;font-weight:700;display:flex;position:sticky;top:0}.ps-dialog-top form{margin:0}.ps-dialog-top button{color:#652046;cursor:pointer;background:#fff;border:1px solid #b585a3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:32px;display:grid}.ps-dialog-content{text-align:center;padding:20px}.ps-dialog-content h2{margin-bottom:10px;font-size:28px}.ps-dialog-content>p{color:#656370}.ps-dialog-content .sn-live-demo{max-width:440px;margin-inline:auto}.ps-revealed-photo{margin:24px 0}.ps-revealed-photo img{border-radius:16px;width:100%;height:auto;display:block}.ps-revealed-photo figcaption{color:#656370;margin-top:12px;font-size:18px}.ps-demo-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 16px;display:flex}.ps-demo-actions>button{color:#652046;font:inherit;cursor:pointer;background:#fff;border:1px solid #aa7a98;border-radius:32px;padding:14px 20px;font-weight:700}.ps-dialog-content>small{color:#656370;font-size:14px;display:block}@media (max-width:600px){.ps-samples{padding-block:32px}.ps-cards{grid-template-columns:1fr;gap:16px;max-width:380px;margin:auto}.ps-card>span,.ps-dialog-content{padding:16px}.ps-dialog-content h2{font-size:26px}}dialog.ps-dialog{box-sizing:border-box;text-align:center;width:min(620px,100vw - 24px);max-width:calc(100vw - 24px);height:min(840px,100svh - 24px);max-height:calc(100svh - 24px);margin:auto;position:fixed;inset:12px;overflow:hidden;transform:none}dialog.ps-dialog[open]{flex-direction:column;display:flex}.ps-dialog .ps-dialog-top{text-align:left;flex:none;gap:16px;min-width:0;position:relative}.ps-dialog .ps-dialog-top form{flex:none}.ps-dialog .ps-dialog-content{overscroll-behavior:contain;overflow-anchor:none;flex:1;min-width:0;min-height:0;padding:20px;scroll-padding-block:20px;overflow-y:auto}.ps-dialog .ps-dialog-content .sn-live-demo{width:100%;max-width:400px;margin:16px auto}.ps-dialog .sn-art-surface{max-width:100%;margin-inline:auto!important}.ps-dialog .ps-dialog-content>p{margin:0 auto 16px;line-height:1.5}@media (max-width:600px){.ps-dialog .ps-dialog-content{padding:18px 14px}.ps-dialog .ps-dialog-top{padding:12px 14px}.ps-dialog .ps-dialog-content h2{font-size:24px}}