.ph-demo-demo{width:100%;margin:0}.ph-demo-stage{aspect-ratio:16/9;background:#f9f8fc;border:1px solid #e7e2ed;border-radius:28px;overflow:hidden;box-shadow:0 24px 65px #35264e12}.ph-demo-poster-button{cursor:pointer;color:#211d35;text-align:left;width:100%;height:100%;font:inherit;background:#f9f8fc;border:0;padding:0;display:block;position:relative}.ph-demo-poster-button:focus-visible{outline-offset:-5px;outline:4px solid #7660d5}.ph-demo-desktop{background:radial-gradient(at 65% 90%,#d9d0ef,#0000 60%),linear-gradient(125deg,#ede5f4,#f6eee7);border:1px solid #ddd7e8;border-radius:18px;width:91.2%;height:78.7%;display:block;position:absolute;top:6.5%;left:4.4%;overflow:hidden;box-shadow:0 12px 30px #4c376414}.ph-demo-menu-bar{background:#ffffff42;border-bottom:1px solid #ffffff64;align-items:center;gap:16px;height:7.5%;min-height:22px;padding:0 2%;font-size:clamp(7px,1vw,12px);display:flex}.ph-demo-menu-brand{white-space:nowrap;font-weight:650}.ph-demo-menu-links{color:#594f66}.ph-demo-menu-date{color:#594f66;margin-left:auto}.ph-demo-notch{background:#1c1826;border-radius:0 0 10px 10px;width:15%;height:7.2%;position:absolute;top:0;left:50%;transform:translate(-50%)}.ph-demo-notch>span{background:#454358;border-radius:50%;width:5px;height:5px;position:absolute;top:32%;left:48%;box-shadow:inset 0 0 0 1px #292837}.ph-demo-desktop-hint{text-align:center;color:#6c5e7c;width:100%;font-size:clamp(8px,1.3vw,15px);font-weight:550;position:absolute;top:12%;left:0}.ph-demo-app-panel{aspect-ratio:2.5;border-radius:12px;width:95.6%;transition:transform .28s;display:block;position:absolute;top:21%;left:2.2%;overflow:hidden;box-shadow:0 18px 28px #21152e24}.ph-demo-app-image{object-fit:contain}.ph-demo-poster-button:hover .ph-demo-app-panel{transform:translateY(-3px)}.ph-demo-poster-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:5.1%;left:6%;right:5.2%}.ph-demo-poster-title{letter-spacing:-.05em;font-size:clamp(13px,2.15vw,26px);font-weight:720}.ph-demo-play-pill{color:#fff;background:#211d35;border-radius:999px;justify-content:center;align-items:center;gap:11px;padding:13px 19px;font-size:clamp(10px,1.2vw,14px);font-weight:650;transition:background .18s,transform .18s;display:flex;box-shadow:0 5px 15px #211d3520}.ph-demo-poster-button:hover .ph-demo-play-pill{background:#7660d5;transform:translateY(-2px)}.ph-demo-play-duration{color:#c5bcd5;padding-left:3px;font-size:11px;font-weight:500}.ph-demo-caption{color:#8a8195;justify-content:space-between;gap:18px;margin-top:18px;padding:0 3px;font-size:12px;line-height:1.5;display:flex}.ph-demo-caption>span:first-child{color:#62586f;font-weight:550}.ph-demo-loading{color:#655a75;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;min-height:160px;font-size:14px;display:flex}.ph-demo-loading-icon{color:#7660d5;font-size:38px}.ph-demo-player-container{outline:none;width:100%;height:100%}.ph-demo-player-container:focus-visible{box-shadow:inset 0 0 0 3px #7660d5}.ph-demo-native-video{object-fit:contain;background:#f9f8fc;width:100%;height:100%;display:block}.ph-demo-retry{color:#655a75;font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd4ed;border-radius:30px;padding:8px 18px}@media (max-width:640px){.ph-demo-stage{border-radius:18px}.ph-demo-desktop{border-radius:10px}.ph-demo-menu-bar{gap:6px;min-height:12px}.ph-demo-menu-links{display:none}.ph-demo-notch{border-radius:0 0 5px 5px}.ph-demo-notch>span{width:3px;height:3px}.ph-demo-app-panel{border-radius:7px}.ph-demo-play-pill{gap:7px;padding:9px 12px}.ph-demo-play-pill>svg{width:9px;height:11px}.ph-demo-play-duration{display:none}.ph-demo-caption{gap:8px;margin-top:12px;font-size:10px}.ph-demo-caption>span:last-child{text-align:right}}@media (prefers-reduced-motion:reduce){.ph-demo-app-panel,.ph-demo-play-pill{transition:none}.ph-demo-poster-button:hover .ph-demo-app-panel,.ph-demo-poster-button:hover .ph-demo-play-pill{transform:none}}