.olp{width:100%}.olp-phone{position:relative;width:min(300px,100%);aspect-ratio:300/620;border-radius:48px;padding:10px;background:#0d0f17;box-shadow:0 0 0 1px hsla(0,0%,100%,.08),0 30px 80px rgba(0,0,0,.55);transition:transform .6s cubic-bezier(.32,.72,0,1)}.olp-phone.is-live{transform:translateY(-4px) scale(1.03)}.olp-screen{position:relative;height:100%;overflow:hidden;border-radius:38px;background:var(--olp-bg,#f6f4f0);transition:background-color .36s ease-out}.olp-screen:before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:80px;background:color-mix(in srgb,var(--olp-bg,#f6f4f0) 72%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 rgba(15,23,42,.06)}.olp-notch{top:9px;left:50%;z-index:3;width:90px;height:26px;transform:translateX(-50%);background:#0d0f17}.olp-address,.olp-notch{position:absolute;border-radius:9999px}.olp-address{top:44px;left:14px;right:14px;z-index:2;display:flex;height:28px;align-items:center;justify-content:center;gap:6px;padding:0 12px;background:hsla(0,0%,100%,.82);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(15,23,42,.06);color:#475569;font:500 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.olp-dot{width:6px;height:6px;flex-shrink:0;border-radius:9999px;background:#94a3b8;transition:background-color .3s ease-out,box-shadow .3s ease-out}.is-live .olp-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.25)}.olp-content{position:absolute;inset:0;padding-top:80px;transition:transform .7s cubic-bezier(.32,.72,0,1)}.olp-scale{position:relative;width:390px;transform-origin:0 0}.olp-preview{min-height:100%;background:var(--background)}.olp-preview,.olp-section{animation:olp-in .42s cubic-bezier(.16,1,.3,1) both}.olp-pop{animation:olp-pop .36s cubic-bezier(.2,1.4,.4,1) both}@keyframes olp-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes olp-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.olp-skeleton{display:flex;flex-direction:column;gap:12px;padding:92px 20px 20px}.olp-skeleton span{display:block;height:14px;border-radius:10px;background:rgba(15,23,42,.07);animation:olp-shimmer 1.6s ease-in-out infinite}@keyframes olp-shimmer{50%{opacity:.5}}.olp-live{position:absolute;top:-14px;left:50%;z-index:5;display:inline-flex;height:28px;align-items:center;gap:6px;padding:0 12px;border-radius:9999px;background:#22c55e;color:#052e16;font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:0 8px 24px rgba(34,197,94,.45);opacity:0;transform:translate(-50%,-6px) scale(.8);transition:opacity .2s ease-out,transform .36s cubic-bezier(.2,1.4,.4,1)}.is-live .olp-live{opacity:1;transform:translate(-50%) scale(1)}.olp-live i{width:8px;height:8px;border-radius:9999px;background:#052e16;animation:olp-blink 1.4s ease-in-out infinite}@keyframes olp-blink{50%{opacity:.3}}.olp-caption{max-width:320px;min-height:20px;text-align:center;color:var(--za-paper-subtle);font-size:var(--zs-text-label,13px)}@media (prefers-reduced-motion:reduce){.olp-content,.olp-live,.olp-live i,.olp-phone,.olp-pop,.olp-preview,.olp-section,.olp-skeleton span{animation:none!important;transition:none!important}}