.pp-live-preview{background:var(--color-primary-soft);border-left:1px solid var(--color-border);z-index:30;width:23.125rem;display:none;position:fixed;top:4rem;bottom:0;right:0}@media (width>=1280px){.pp-live-preview{display:block}}@media (width>=1536px){.pp-live-preview{width:23.125rem}}.pp-live-preview--panel{color:var(--color-text);background:0 0;border-left:0}.pp-live-preview--hidden{display:none!important}.pp-live-preview--embedded{background:0 0;border:0;height:auto;display:block;overflow:visible}.pp-live-preview--embedded,.pp-live-preview--inline,.pp-live-preview--static{z-index:auto;width:100%;position:relative;top:auto;bottom:auto;right:auto}.pp-live-preview--inline{background:var(--color-primary-soft);border-left:0;border-top:1px solid var(--color-border);display:none;overflow:hidden}@media (width>=1024px){.pp-live-preview--inline{border-left:1px solid var(--color-border);border-top:0;height:100%;display:block}}.pp-live-preview--static{background:var(--color-primary-soft);border:1px solid var(--color-border);border-radius:22px;display:block;overflow:hidden}.pp-live-preview--static .pp-live-preview__inner{height:auto}.pp-live-preview--static .pp-live-preview__frame-wrap{flex:none;overflow:hidden}.pp-live-preview__inline-inner{flex-direction:column;align-items:center;max-width:100%;height:100%;min-height:0;margin:0 auto;padding:1.75rem 0;display:flex;overflow:hidden}@media (width>=1024px){.pp-live-preview__inline-inner{padding:2.5rem 0}}.pp-live-preview__inline-content{flex-direction:column;align-items:stretch;width:400px;max-width:100%;height:auto;min-height:0;display:flex}.pp-live-preview__inline-header{justify-content:space-between;align-items:center;width:100%;display:flex}.pp-live-preview__fullscreen{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;height:2.25rem;padding:0 .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.pp-live-preview__fullscreen:hover{background:var(--color-primary-soft);color:var(--color-primary-active)}.pp-live-preview__fullscreen:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.pp-live-preview__inline-phone{aspect-ratio:393/852;box-shadow:var(--shadow-sm);background:#302d2a;border:5px solid #302d2a;border-radius:30px;flex-direction:column;flex:none;width:400px;min-width:400px;max-width:400px;height:calc(min(53.25rem,max(12rem,100dvh - 18.25rem)));min-height:0;margin-top:1rem;display:flex;overflow:hidden}.pp-live-preview__inline-phone-screen{background:var(--color-surface);border-radius:22px;flex:1;min-height:0;display:flex;overflow:hidden}.pp-live-preview__inline-phone-wrap{background:var(--color-surface);flex:1;width:auto;min-height:0;overflow:hidden}.pp-live-preview__iframe--inline{width:390px;min-width:390px;max-width:390px;height:100%}.pp-live-preview__inline-url{color:var(--color-text-muted);overflow-wrap:anywhere;text-align:center;width:100%;margin:1rem 0 0;font-size:.75rem;font-weight:700}.pp-live-preview__inner{flex-direction:column;height:100%;display:flex}.pp-live-preview__panel-inner{justify-content:center;align-items:center;height:100%;min-height:0;padding:18px 16px 16px;display:flex}.pp-live-preview--embedded .pp-live-preview__panel-inner{height:auto}.pp-live-preview__panel-stack{flex-direction:column;width:100%;max-width:320px;height:100%;min-height:0;display:flex}.pp-live-preview--embedded .pp-live-preview__panel-stack{height:auto}.pp-live-preview__panel-urlbar{color:#282828;background:#f8f7f5;border:1px solid #28282838;border-radius:999px;flex:0 0 52px;align-items:center;gap:2px;width:100%;min-width:0;padding:3px 4px 3px 18px;display:flex;position:relative;box-shadow:0 3px 14px #00000024}.pp-live-preview__panel-url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:500;line-height:1.2;overflow:hidden}.pp-live-preview__panel-action{color:#282828;cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.pp-live-preview__panel-action:hover{background:#eceae7}.pp-live-preview__panel-action:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.pp-live-preview__panel-action:disabled{color:#92908d;cursor:not-allowed}.pp-live-preview__panel-action--copied{color:#28633a;background:#e8f1e9}.pp-live-preview__panel-live-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pp-live-preview--panel .pp-live-preview__panel-hero-toggle{color:var(--color-text);width:100%;min-height:2.75rem;margin:.5rem 0 0;padding-inline:.5rem}.pp-live-preview--panel .pp-live-preview__panel-hero-toggle small{color:var(--color-text-subtle)}.pp-live-preview__panel-device-stage{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;padding-top:12px;display:flex;overflow:visible}.pp-live-preview--embedded .pp-live-preview__panel-device-stage{flex:none}.pp-live-preview__panel-device{aspect-ratio:337/668;box-sizing:border-box;background:linear-gradient(145deg,#abb2ba,#555d66 4%,#171a1e 10%,#828a94 16%,#24272c 24%,#121416 76%,#737b84 91%,#c0c4c8);border:1px solid #e3e7ec7a;border-radius:43px;flex:none;width:min(100%,330px);max-width:min(100%,330px);height:auto;max-height:calc(min(620px,100dvh - 12rem));padding:5px;box-shadow:0 0 0 1px #08090acc,0 18px 38px #0000006b,inset 0 0 0 1px #ffffff29}.pp-live-preview__panel-bezel{background:#08090a;border:3px solid #111214;border-radius:37px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pp-live-preview__panel-hardware{background:#08090a;flex:0 0 28px;position:relative}.pp-live-preview__panel-speaker{background:#020303;border:1px solid #5b626a8a;border-radius:999px;width:106px;height:18px;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #ffffff24}.pp-live-preview__panel-camera{background:radial-gradient(circle at 35% 35%,#345271,#07101d 68%);border:1px solid #171b22;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:calc(50% + 37px)}.pp-live-preview__panel-screen{background:var(--color-surface);border-radius:0 0 28px 28px;flex:auto;min-height:0;display:flex;overflow:hidden}.pp-live-preview__panel-screen .pp-live-preview__iframe{flex:auto;width:100%;min-width:0;max-width:none;height:100%;min-height:0}@media (height<=760px){.pp-live-preview__panel-inner{padding-top:12px;padding-bottom:12px}.pp-live-preview__panel-device-stage{padding-top:8px}}.pp-live-preview__meta{border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.pp-live-preview__status{border-radius:999px;flex-shrink:0;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.pp-live-preview__status--published,.pp-live-preview__status--saved{background:var(--color-success-soft);color:var(--color-success)}.pp-live-preview__status--unsaved{background:var(--color-primary-soft);color:var(--color-primary-active)}.pp-live-preview__status--draft{background:var(--color-surface-muted);color:var(--color-text-muted)}.pp-live-preview__status-dot{border-radius:999px;width:.375rem;height:.375rem}.pp-live-preview__status--published .pp-live-preview__status-dot,.pp-live-preview__status--saved .pp-live-preview__status-dot{background:var(--color-success)}.pp-live-preview__status--unsaved .pp-live-preview__status-dot{background:var(--color-primary)}.pp-live-preview__status--draft .pp-live-preview__status-dot{background:var(--color-text-subtle)}.pp-live-preview__url-label{color:var(--color-text-subtle);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.625rem;font-weight:700}.pp-live-preview__url-row{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:.75rem;align-items:center;gap:.5rem;height:2.5rem;padding:0 .75rem;display:flex}.pp-live-preview__url-row .pp-live-preview__url-value{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;font-weight:600;overflow:hidden}.pp-live-preview__url-row button{color:var(--color-text-subtle);cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.pp-live-preview__url-row button:hover{background:var(--color-surface);color:var(--color-text)}.pp-live-preview__url-row button:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.pp-live-preview__hero-toggle{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.625rem;align-items:center;gap:.5rem;width:calc(100% + 1rem);min-height:2.75rem;margin:.75rem -.5rem -.5rem;padding:.5rem;font-family:inherit;font-size:.75rem;font-weight:700;display:flex}.pp-live-preview__hero-toggle:hover{background:var(--color-surface-muted)}.pp-live-preview__hero-toggle:focus-visible{box-shadow:0 0 0 2px var(--color-focus-ring);outline:none}.pp-live-preview__hero-toggle small{color:var(--color-text-subtle);margin-left:auto;font-size:.625rem;font-weight:600}.pp-live-preview__hero-toggle-track{background:var(--color-border-strong);border-radius:999px;flex-shrink:0;width:2.25rem;height:1.25rem;padding:.125rem;transition:background-color .15s;display:inline-flex}.pp-live-preview__hero-toggle-thumb{background:var(--color-surface);border-radius:inherit;width:1rem;height:1rem;transition:transform .15s;box-shadow:0 1px 2px #20143a2e}.pp-live-preview__hero-toggle--enabled .pp-live-preview__hero-toggle-track{background:var(--color-primary)}.pp-live-preview__hero-toggle--enabled .pp-live-preview__hero-toggle-thumb{transform:translate(1rem)}@media (prefers-reduced-motion:reduce){.pp-live-preview__hero-toggle-thumb,.pp-live-preview__hero-toggle-track{transition:none}}.pp-live-preview__frame-wrap{background:var(--color-primary-soft);flex:1;justify-content:center;align-items:center;padding:1.75rem;display:flex;overflow-y:auto}.pp-live-preview__iframe{background:var(--color-surface);border:0;flex:1;width:390px;min-width:390px;max-width:390px;min-height:0;display:block}.pp-live-preview__iframe-phone{aspect-ratio:393/852;box-shadow:var(--shadow-sm);background:#302d2a;border:5px solid #302d2a;border-radius:30px;flex-direction:column;flex:0 auto;width:400px;min-width:400px;max-width:400px;height:min(53.25rem,100%);min-height:0;max-height:100%;display:flex;overflow:hidden}.pp-live-preview__iframe-phone-screen{background:var(--color-surface);border-radius:22px;flex:1;min-height:0;display:flex;overflow:hidden}.pp-live-preview__phone{background:var(--color-surface);box-shadow:var(--shadow-sm);border:5px solid #302d2a;border-radius:28px;width:100%;max-width:318px;overflow:hidden}.pp-live-preview__phone--mobile{border-width:5px;border-radius:28px;max-width:390px}.pp-live-preview__iphone-status-bar{color:#fff;background:#302d2a;flex:0 0 1.75rem;justify-content:space-between;align-items:center;min-height:1.75rem;padding:0 .75rem;font-size:.625rem;font-weight:700;line-height:1;display:flex;position:relative}.pp-live-preview__iphone-time{font-variant-numeric:tabular-nums}.pp-live-preview__iphone-icons{align-items:center;gap:.2rem;margin-left:auto;display:inline-flex}.pp-live-preview__iphone-icons svg{flex:none}.pp-live-preview__notch{background:#11100f;border-radius:999px;width:4rem;height:.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pp-live-preview__overlay{z-index:50;background:#1f242159;position:fixed;inset:0}@media (width>=1280px){.pp-live-preview__overlay{display:none}}.pp-live-preview__overlay--always{display:block!important}.pp-live-preview__dialog{background:var(--color-surface);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.pp-live-preview__dialog--always{display:flex!important}.pp-live-preview__dialog-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:3.5rem;padding:0 1rem;display:flex}.pp-live-preview__dialog-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;min-height:2.75rem;padding:.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.pp-live-preview__dialog-close:hover{background:var(--color-surface-muted)}.pp-live-preview__dialog-title{align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:700;display:inline-flex}.pp-live-preview__dialog-spacer{width:3.5rem}.pp-live-preview__dialog-body{background:var(--color-primary-soft);flex:1;justify-content:center;align-items:center;padding:1.25rem;display:flex;overflow-y:auto}.pp-live-preview__dialog-body--iframe{align-items:flex-start;padding:1.25rem;overflow:hidden}