.pz-demo{color:#101012;width:100%;margin:0}.pz-demo__frame{border-radius:var(--pz-radius-image);background:#f7f7f4;border:1px solid #ffffff1f;overflow:hidden}.pz-section--light .pz-demo__frame,.pz-section--paper2 .pz-demo__frame,.pz-section--white .pz-demo__frame,.features-hero .pz-demo__frame{border-color:var(--pz-hairline-light)}.pz-demo--shadow-dark .pz-demo__frame{box-shadow:var(--pz-shadow-image-dark)}.pz-demo--shadow-light .pz-demo__frame{box-shadow:var(--pz-shadow-image-light)}.pz-demo__caption{color:var(--pz-muted-dark);margin-top:10px;font-size:12px}.pz-section--light .pz-demo__caption,.pz-section--paper2 .pz-demo__caption,.pz-section--white .pz-demo__caption,.features-hero .pz-demo__caption{color:var(--pz-muted-light)}.pz-demo button,.pz-demo input{font:inherit}.pz-demo-window{background:#f5f5f2;min-height:430px}.pz-demo-window__bar{background:#ffffffb8;border-bottom:1px solid #00000014;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.pz-demo-window__dot{background:#dadad5;border-radius:50%;width:10px;height:10px}.pz-demo-window__title{color:#5f5f59;margin-left:8px;font-size:12px;font-weight:650}.pz-demo-library{grid-template-columns:150px 1fr 190px;min-height:396px;display:grid}.pz-demo-sidebar{background:#ecece8b8;border-right:1px solid #00000014;flex-direction:column;gap:7px;padding:18px 12px;display:flex}.pz-demo-sidebar strong{margin:0 6px 10px;font-size:14px}.pz-demo-sidebar button{text-align:left;color:#4f4f4a;border-radius:7px;padding:7px 9px}.pz-demo-sidebar button.is-active,.pz-demo-sidebar button:hover{color:#050505;background:#fff}.pz-demo-sidebar__note{color:#72726b;margin:auto 6px 0;font-size:11px}.pz-demo-library__main{min-width:0;padding:16px}.pz-demo-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pz-demo-search{background:#fff;border:1px solid #0000001f;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;height:34px;padding:0 10px;display:flex}.pz-demo-search span{border:2px solid #8a8a82;border-radius:50%;width:10px;height:10px;position:relative}.pz-demo-search span:after{content:"";background:#8a8a82;border-radius:2px;width:6px;height:2px;position:absolute;bottom:-3px;right:-5px;transform:rotate(45deg)}.pz-demo-search input,.pz-demo-menu__search input{color:#111;background:0 0;border:0;outline:0;width:100%}.pz-demo-toolbar__button,.pz-demo-review__actions button,.pz-demo-menu button{color:#111;background:#fff;border:1px solid #0000001f;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:650}.pz-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pz-demo-card{text-align:left;background:#fff;border:1px solid #00000014;border-radius:9px;padding:8px;transition:border-color .16s,transform .16s,box-shadow .16s}.pz-demo-card:hover,.pz-demo-card--selected{border-color:#0a84ffa6;transform:translateY(-1px);box-shadow:0 8px 22px #0a84ff1f}.pz-demo-card__thumb,.pz-demo-menu-row__thumb,.pz-demo-inspector__preview{background:#d7dde8;border-radius:7px;min-height:72px;display:block;position:relative;overflow:hidden}.pz-demo-card__thumb span{background:#ffffffc7;border-radius:999px;height:7px;position:absolute;left:14px;right:14px}.pz-demo-card__thumb span:first-child{width:64%;top:16px}.pz-demo-card__thumb span:nth-child(2){width:46%;top:31px}.pz-demo-card__thumb span:nth-child(3){opacity:.6;width:78%;bottom:16px}.pz-demo-card__thumb--blue{background:linear-gradient(135deg,#172033,#0a84ff)}.pz-demo-card__thumb--amber{background:linear-gradient(135deg,#f7efe0,#ffb020)}.pz-demo-card__thumb--lime{background:linear-gradient(135deg,#111,#c6ff3d)}.pz-demo-card__thumb--coral{background:linear-gradient(135deg,#2a1510,#ff5a3d)}.pz-demo-card__thumb--green{background:linear-gradient(135deg,#092217,#2fd17c)}.pz-demo-card__thumb--violet{background:linear-gradient(135deg,#18101f,#7c5cff)}.pz-demo-card__title{color:#111;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:12px;font-weight:650;display:block;overflow:hidden}.pz-demo-card__meta{color:#696963;justify-content:space-between;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.pz-demo-badge{color:#815100;background:#ffb0202e;border-radius:999px;padding:2px 5px}.pz-demo-empty{color:#6c6c66;grid-column:1/-1;place-items:center;min-height:190px;display:grid}.pz-demo-inspector{background:#ffffff8c;border-left:1px solid #00000014;flex-direction:column;gap:12px;padding:16px;display:flex}.pz-demo-inspector__preview{min-height:112px}.pz-demo-inspector strong{color:#111;font-size:14px}.pz-demo-inspector dl{gap:8px;font-size:12px;display:grid}.pz-demo-inspector div{border-top:1px solid #00000014;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.pz-demo-inspector dt{color:#72726b}.pz-demo-inspector dd{color:#111;font-weight:650}.pz-demo-review{background:#f7f7f4;grid-template-columns:.95fr 1.05fr;align-items:stretch;gap:16px;padding:20px;display:grid}.pz-demo-review__thumb{color:#fff;background:linear-gradient(135deg,#111824,#0a84ff);border:1px solid #ffffff29;border-radius:10px;flex-direction:column;min-height:238px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.pz-demo-review__thumb-bar{background:#050b1461;border-bottom:1px solid #ffffff24;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.pz-demo-review__thumb-bar span{background:#ffffff61;border-radius:50%;width:8px;height:8px}.pz-demo-review__thumb-bar b{color:#ffffffb3;margin-left:6px;font-size:11px}.pz-demo-review__thumb-content{flex-direction:column;flex:1;justify-content:flex-end;gap:9px;padding:22px;display:flex}.pz-demo-review__thumb-kicker{letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:999px;width:max-content;padding:4px 8px;font-size:10px;font-weight:700}.pz-demo-review__thumb-content strong{font-size:18px;font-weight:760;line-height:1.1}.pz-demo-review__thumb-content p{color:#ffffffb8;margin:0;font-size:14px}.pz-demo-review__thumb-content code{color:#ffffffd1;background:#00000052;border-radius:6px;width:max-content;max-width:100%;padding:5px 7px;font-family:SF Mono,Menlo,monospace;font-size:11px}.pz-demo-review__body{background:#fff;border:1px solid #0000001a;border-radius:10px;flex-direction:column;justify-content:center;gap:11px;padding:16px;display:flex}.pz-demo-review__header{border-bottom:1px solid #00000014;align-items:center;gap:9px;padding-bottom:9px;display:flex}.pz-demo-review__app-dot{color:#fff;background:#6c5cff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.pz-demo-review__header span:last-child{flex-direction:column;min-width:0;display:flex}.pz-demo-review__header b{font-size:12px;line-height:1.2}.pz-demo-review__header em{color:#686861;font-size:11px;font-style:normal;line-height:1.3}.pz-demo-review__eyebrow,.pz-demo-review__status{color:#686861;font-size:12px}.pz-demo-review__body strong{font-size:20px;line-height:1.1}.pz-demo-review__signal{color:#686861;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.pz-demo-review__signal b{color:#111;font-size:12px}.pz-demo-review__signal i{background:linear-gradient(90deg,#111 0% 76%,#ecece8 76% 100%);border-radius:999px;height:6px}.pz-demo-review__snippets{background:#f7f7f4;border:1px solid #00000014;border-radius:8px;flex-direction:column;gap:5px;padding:8px 10px;display:flex}.pz-demo-review__snippets span{color:#454540;font-size:11px;line-height:1.35}.pz-demo-segments{flex-wrap:wrap;gap:6px;display:flex}.pz-demo-segments button{color:#222;background:#f3f3ef;border:1px solid #0000001f;border-radius:999px;padding:7px 10px;font-size:12px}.pz-demo-segments button.is-active{color:#fff;background:#050505}.pz-demo-review__tags{flex-wrap:wrap;gap:6px;display:flex}.pz-demo-review__tags span,.pz-demo-review__tags button{color:#333;background:#fff;border:1px solid #0000001a;border-radius:999px;padding:4px 8px;font-size:11px}.pz-demo-review__tags button{cursor:pointer}.pz-demo-review__actions{flex-wrap:wrap;gap:8px;display:flex}.pz-demo-menu{color:#111;background:#f7f7f4f5;width:100%;padding:0}.pz-demo-menu header,.pz-demo-menu footer,.pz-demo-menu__controls,.pz-demo-menu__search{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.pz-demo-menu header strong{font-size:16px}.pz-demo-menu__controls span,.pz-demo-menu__search span{color:#61615b;font-size:12px}.pz-demo-menu__rows{gap:4px;padding:8px;display:grid}.pz-demo-menu-row{text-align:left;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;width:100%;display:grid;background:0 0!important;border:0!important}.pz-demo-menu-row:hover{background:#fff!important}.pz-demo-menu-row__thumb{border-radius:6px;min-height:34px}.pz-demo-menu-row strong{font-size:12px;display:block}.pz-demo-menu-row em{color:#74746d;font-size:11px;font-style:normal;display:block}.pz-demo-menu-row b{color:#0a84ff;font-size:11px}.pz-demo-menu__toast{color:#16743f;background:#fff;border:1px solid #0000001a;border-radius:999px;width:max-content;max-width:calc(100% - 32px);margin:2px auto 8px;padding:6px 10px;font-size:12px}.pz-demo-folder{background:#f7f7f4;min-height:280px;padding:18px}.pz-demo-folder__list{gap:8px;display:grid}.pz-demo-folder__list div{color:#333;background:#fff;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.pz-demo-folder__list div.is-active{outline:2px solid #0a84ff73}.pz-demo-folder__list span{background:#0a84ff;border-radius:5px;width:26px;height:20px}.pz-demo-folder__arrow{color:#fff;background:#050505;border-radius:999px;width:max-content;margin-top:18px;padding:10px 14px;font-size:12px;font-weight:700}.pz-demo-privacy{color:#fff;background:#101010;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:32px;display:flex}.pz-demo-privacy__node{text-align:center;background:#171717;border:1px solid #ffffff24;border-radius:10px;width:min(100%,280px);padding:14px 16px;font-weight:700}.pz-demo-privacy__node--active{border-color:var(--pz-lime)}.pz-demo-privacy__line{background:var(--pz-lime);width:2px;height:24px}.pz-demo-privacy__blocked{color:var(--pz-coral);border-top:1px dashed var(--pz-coral);padding-top:10px;font-size:13px}.pz-demo-editor{background:#f3f3f0;grid-template-rows:auto 1fr auto;min-height:440px;display:grid}.pz-demo-editor__top{background:#ffffffd6;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:6px 10px;display:flex}.pz-demo-editor__dimensions{color:#6f6f69;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.pz-demo-editor__quick-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.pz-demo-editor__quick-actions button,.pz-demo-editor__rail button{color:#111;background:#fff;border:1px solid #0000001f;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:650}.pz-demo-editor__workspace{grid-template-columns:1fr 172px;min-height:0;display:grid}.pz-demo-editor__canvas{background:linear-gradient(160deg,#101621,#0a84ff);border:1px solid #00000017;border-radius:10px;margin:12px;position:relative;overflow:hidden}.pz-demo-editor__crop,.pz-demo-editor__selection,.pz-demo-editor__redaction{border-radius:8px;position:absolute}.pz-demo-editor__crop{background:#ffffff0f;border:1px dashed #ffffffb8;inset:10% 9% 18%}.pz-demo-editor__selection{background:#ffffff1f;border:2px solid #ffffffb8;width:38%;height:28%;top:30%;left:18%}.pz-demo-editor__redaction{background:#050505e0;width:26%;height:13%;top:24%;right:15%}.pz-demo-editor__label{color:#ffffffeb;background:#0000009e;border:1px solid #fff3;border-radius:999px;padding:5px 9px;font-size:11px;position:absolute;bottom:12px;left:14px}.pz-demo-editor__inspector{background:#ffffffb3;border:1px solid #00000014;border-radius:10px;flex-direction:column;gap:8px;margin:12px 12px 12px 0;padding:10px;display:flex}.pz-demo-editor__inspector strong{color:#111;font-size:12px}.pz-demo-editor__inspector div{color:#62625c;border-top:1px solid #0000000f;justify-content:space-between;gap:8px;padding-top:6px;font-size:11px;display:flex}.pz-demo-editor__inspector b{color:#111}.pz-demo-editor__bottom{color:#ffffffdb;background:#111318;border-top:1px solid #00000014;flex-direction:column;gap:7px;padding:8px;display:flex}.pz-demo-editor__context{letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:10px}.pz-demo-editor__rail{flex-wrap:wrap;gap:6px;display:flex}.pz-demo-editor__rail button{color:#ffffffdb;background:#ffffff14;border-color:#ffffff29}.pz-demo-editor__rail button.is-active{color:#fff;background:#0a84ff5c;border-color:#0a84ffd9}.pz-demo--compact .pz-demo-window,.pz-demo--compact .pz-demo-library{min-height:0}.pz-demo--compact .pz-demo-sidebar,.pz-demo--compact .pz-demo-inspector,.pz-demo--compact .pz-demo-toolbar__button{display:none}.pz-demo--compact .pz-demo-library{grid-template-columns:1fr}.pz-demo--compact .pz-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-demo--compact .pz-demo-card:nth-child(n+5){display:none}.pz-demo--compact .pz-demo-review{grid-template-columns:1fr}.pz-demo--compact .pz-demo-review__thumb{min-height:120px}@media (width<=900px){.pz-demo-library{grid-template-columns:132px 1fr}.pz-demo-inspector{display:none}.pz-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-demo-review,.pz-demo-editor__workspace{grid-template-columns:1fr}.pz-demo-editor__inspector{margin:0 12px 12px}}.pz-demo--phone .pz-demo__frame{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.pz-demo--phone.pz-demo--shadow-dark .pz-demo__frame,.pz-demo--phone.pz-demo--shadow-light .pz-demo__frame{box-shadow:none}.pz-demo--phone .pz-demo__caption{text-align:center}.pz-demo-phone{--pz-ios-paper:#f4f2ee;--pz-ios-surface:#fff;--pz-ios-text:#1f1d26;--pz-ios-muted:#736e68;--pz-ios-accent:#5b5ee3;--pz-ios-gold:#c99a3f;--pz-ios-hairline:#1f1d261f;--pz-phone-screen-r:34px;--pz-phone-bezel:9px;--pz-phone-band:3.5px;width:min(100%,292px);padding:var(--pz-phone-band);border-radius:calc(var(--pz-phone-screen-r) + var(--pz-phone-bezel) + var(--pz-phone-band));box-shadow:0 1px 2px #00000059, var(--pz-shadow-image-dark);-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,#ffffff57 0%,#fff0 9% 91%,#ffffff57 100%),linear-gradient(#5a5c63 0%,#1c1d22 9%,#131418 50%,#1c1d22 91%,#5a5c63 100%);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Segoe UI,sans-serif;position:relative}.pz-demo--shadow-light .pz-demo-phone{box-shadow:0 1px 2px #00000038, var(--pz-shadow-image-light)}.pz-demo-phone__btn{background:linear-gradient(90deg,#4a4c53,#17181c);border-radius:2px 0 0 2px;width:3px;position:absolute;left:-2.5px}.pz-demo-phone__btn--action{height:20px;top:17%}.pz-demo-phone__btn--volume-up{height:34px;top:24.5%}.pz-demo-phone__btn--volume-down{height:34px;top:31.5%}.pz-demo-phone__btn--power{background:linear-gradient(90deg,#17181c,#4a4c53);border-radius:0 2px 2px 0;height:54px;top:26%;left:auto;right:-2.5px}.pz-demo-phone__bezel{padding:var(--pz-phone-bezel);border-radius:calc(var(--pz-phone-screen-r) + var(--pz-phone-bezel));background:#060608;box-shadow:inset 0 0 0 1px #ffffff0b}.pz-demo-phone__screen{border-radius:var(--pz-phone-screen-r);background:var(--pz-ios-paper);color:var(--pz-ios-text);aspect-ratio:393/852;flex-direction:column;display:flex;position:relative;overflow:hidden}.pz-demo-phone__glare{z-index:6;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff1a 0%,#ffffff0a 22%,#fff0 38%);position:absolute;inset:0}.pz-demo-phone__status{flex:none;justify-content:space-between;align-items:center;height:38px;padding:5px 22px 0;display:flex;position:relative}.pz-demo-phone__time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.pz-demo-phone__island{background:#050507;border-radius:999px;width:82px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.pz-demo-phone__island:after{content:"";background:radial-gradient(circle at 35% 32%,#2b3052,#0a0b10 62%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.pz-demo-phone__status-icons{display:inline-flex}.pz-demo-phone__status-icons svg{display:block}.pz-demo-phone__page{flex-direction:column;flex:1;gap:11px;min-height:0;padding:8px 16px 12px;display:flex}.pz-demo-phone__header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pz-demo-phone__header strong{letter-spacing:-.022em;font-size:22px;font-weight:800}.pz-demo-phone__header span{color:var(--pz-ios-muted);font-size:10.5px}.pz-demo-phone__scopes{gap:6px;display:flex}.pz-demo-phone__scopes button{color:var(--pz-ios-text);background:#1f1d2612;border:0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.pz-demo-phone__scopes button.is-active{background:var(--pz-ios-accent);color:#fff}.pz-demo-phone__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.pz-demo-phone__cell{flex-direction:column;gap:3px;display:flex}.pz-demo-phone__cell-thumb{aspect-ratio:9/17;border-radius:9px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #1f1d261f}.pz-demo-phone__cell-thumb i{background:#ffffffb8;border-radius:999px;height:4px;position:absolute;left:8px;right:8px}.pz-demo-phone__cell-thumb i:first-of-type{opacity:.85;height:3px;top:9px;right:42%}.pz-demo-phone__cell-thumb i:nth-of-type(2){top:32%;right:26%}.pz-demo-phone__cell-thumb i:nth-of-type(3){opacity:.6;top:calc(32% + 10px);right:48%}.pz-demo-phone__fav{color:#fff;background:var(--pz-ios-gold);border-radius:999px;place-items:center;width:15px;height:15px;font-size:9px;display:grid;position:absolute;top:5px;right:5px}.pz-demo-phone__cell em{color:var(--pz-ios-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-style:normal;overflow:hidden}.pz-demo-phone__note{color:var(--pz-ios-muted);margin:auto 0 0;padding:0 4px;font-size:10px;line-height:1.45}.pz-demo-phone__search{background:#78788024;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;display:flex}.pz-demo-phone__search span{border:1.8px solid var(--pz-ios-muted);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pz-demo-phone__search span:after{content:"";background:var(--pz-ios-muted);border-radius:2px;width:5px;height:1.8px;position:absolute;bottom:-2px;right:-4px;transform:rotate(45deg)}.pz-demo-phone__search code{color:var(--pz-ios-text);font-family:SF Mono,Menlo,monospace;font-size:11px}.pz-demo-phone__list,.pz-demo-phone__rows{background:var(--pz-ios-surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 .5px #1f1d2614,0 1px 2px #1f1d260a}.pz-demo-phone__list button,.pz-demo-phone__rows button,.pz-demo-phone__row-static{color:var(--pz-ios-text);text-align:left;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:500;display:flex;position:relative}.pz-demo-phone__group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--pz-ios-muted);margin-bottom:-6px;padding:0 12px;font-size:9.5px;font-weight:600}.pz-demo-phone__list>*+:before,.pz-demo-phone__rows>*+:before{content:"";background:var(--pz-ios-hairline);height:.5px;position:absolute;top:0;left:12px;right:0}.pz-demo-phone__list button b{color:var(--pz-ios-muted);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:inline-flex}.pz-demo-phone__list button b:after{content:"";border-top:1.6px solid #3c3c4357;border-right:1.6px solid #3c3c4357;width:6px;height:6px;margin-bottom:1px;transform:rotate(45deg)}.pz-demo-phone__list button.is-active span{color:var(--pz-ios-accent);font-weight:650}.pz-demo-phone__tags{flex-wrap:wrap;gap:5px;display:flex}.pz-demo-phone__tags span{background:var(--pz-ios-surface);color:var(--pz-ios-muted);border:1px solid #1f1d261f;border-radius:999px;padding:4px 8px;font-size:10px}.pz-demo-phone__tags .pz-demo-phone__tag-pro{color:var(--pz-ios-accent);border-color:#5b5ee366}.pz-demo-phone__row-static b{color:var(--pz-ios-muted);font-size:11.5px;font-weight:500}.pz-demo-phone__row-static .pz-demo-phone__row-on{color:#5e9a76;font-weight:600}.pz-demo-phone__toggle{background:#7878804d;border-radius:999px;flex:none;width:36px;height:22px;transition:background .2s;position:relative}.pz-demo-phone__toggle:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;position:absolute;top:1.5px;left:1.5px;box-shadow:0 1px 3px #00000047,0 0 0 .5px #0000000a}.pz-demo-phone__toggle.is-on{background:var(--pz-ios-accent)}.pz-demo-phone__toggle.is-on:after{transform:translate(14px)}.pz-demo-phone__tabbar{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:#f9f8f5db;border-top:.5px solid #1f1d2629;grid-template-columns:repeat(3,1fr);padding:7px 8px 17px;display:grid}.pz-demo-phone__tabbar button{color:#1f1d267a;letter-spacing:.01em;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:2px 0 0;font-size:9.5px;font-weight:550;display:flex}.pz-demo-phone__tabbar button.is-active{color:var(--pz-ios-accent)}.pz-demo-phone__tabicon{width:21px;height:21px;display:block}.pz-demo-phone__tabicon svg{width:100%;height:100%;display:block}.pz-demo-phone__home{z-index:5;background:#1f1d26b8;border-radius:999px;width:35%;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pz-demo--compact .pz-demo-phone{--pz-phone-screen-r:27px;--pz-phone-bezel:7px;--pz-phone-band:3px;width:min(100%,234px)}.pz-demo--compact .pz-demo-phone__status{height:32px;padding:4px 18px 0}.pz-demo--compact .pz-demo-phone__island{width:66px;height:20px}.pz-demo--compact .pz-demo-phone__island:after{width:8px;height:8px;right:4px}.pz-demo--compact .pz-demo-phone__time{font-size:11px}.pz-demo--compact .pz-demo-phone__page{gap:8px;padding:4px 12px 8px}.pz-demo--compact .pz-demo-phone__note{display:none}.pz-demo--compact .pz-demo-phone__header strong{font-size:17px}.pz-demo--compact .pz-demo-phone__scopes button{padding:5px 10px;font-size:10px}.pz-demo--compact .pz-demo-phone__tabbar{padding-bottom:14px}.pz-demo--compact .pz-demo-phone__tabicon{width:18px;height:18px}@media (width<=640px){.pz-demo-window{min-height:auto}.pz-demo-library{grid-template-columns:1fr}.pz-demo-sidebar{display:none}.pz-demo-grid{grid-template-columns:1fr}.pz-demo-card:nth-child(n+4){display:none}.pz-demo-menu-row{grid-template-columns:36px 1fr}.pz-demo-menu-row b{display:none}.pz-demo-editor__quick-actions button,.pz-demo-editor__rail button{font-size:10px}}