.pph-main{padding-bottom:96px}.pph-sec{margin-top:clamp(40px,4.4vw,64px)}.pph-sec-head{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:20px;display:flex}.pph-sec-title{flex-wrap:wrap;align-items:baseline;gap:14px;min-width:0;display:flex}.pph-sec-count{white-space:nowrap}.pph-sec-caption{color:var(--pp-muted);font-size:17px}.pph-sec-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.pph-note{border:1px dashed var(--pp-border);border-radius:var(--pp-radius);color:var(--pp-muted);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:22px 24px;font-size:15px;display:flex}.pph-error{border-radius:var(--pp-radius-field);color:var(--pp-danger);background:#fdecec;margin-top:12px;padding:10px 16px;font-size:14px}.pph-linkbtn{color:var(--pp-iris);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.pph-linkbtn:hover{text-underline-offset:3px;text-decoration:underline}.pph-spin{border:2px solid;border-right-color:#0000;border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite pph-spin}@keyframes pph-spin{to{transform:rotate(360deg)}}.pph-hero{justify-content:space-between;align-items:center;gap:32px 40px;padding:clamp(36px,4.4vw,60px) 0 clamp(28px,3vw,40px);display:flex}.pph-hero-title{flex:0 auto}.pph-hero-side{flex-shrink:0;align-items:center;gap:28px;display:flex}.pph-hero-mio{align-items:center;gap:22px;display:flex}.pph-bubble{background:var(--pp-lilac);max-width:230px;color:var(--pp-ink);letter-spacing:-.01em;border-radius:28px;padding:18px 24px;font-size:20px;line-height:1.3;position:relative}.pph-bubble:before{content:"";background:var(--pp-lilac);border-radius:4px;width:20px;height:20px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)skew(12deg,12deg)}.pph-checks{flex-direction:column;gap:10px;display:flex}.pph-checks li{color:var(--pp-muted);white-space:nowrap;align-items:center;gap:14px;font-size:18px;display:flex}.pph-check{background:var(--pp-lilac);width:30px;height:30px;color:var(--pp-iris);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pph-composer{border:1px solid var(--pp-hair);background:var(--pp-white);border-radius:30px;align-items:center;gap:8px 14px;min-height:84px;padding:12px 12px 12px 18px;transition:border-color .14s,box-shadow .14s;display:flex;position:relative}.pph-composer:focus-within{border-color:#cfcaf9;box-shadow:0 0 0 4px #6a5af914}.pph-composer.is-drag{border-color:var(--pp-iris)}.pph-composer-field{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.pph-composer-input{resize:none;min-width:0;max-height:132px;color:var(--pp-ink);font-family:var(--pp-font-body);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:19px;line-height:1.4}.pph-composer-input::placeholder{color:var(--pp-text-3)}.pph-composer :focus-visible.pph-composer-input{outline:none}.pph-composer-tools{flex-shrink:0;align-items:center;gap:4px;display:flex}.pph-tool{height:44px;color:var(--pp-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:16px;font-weight:500;transition:background-color .14s,color .14s;display:inline-flex}.pph-tool svg{color:var(--pp-ink)}.pph-tool:hover:not(:disabled){background:var(--pp-cloud);color:var(--pp-ink)}.pph-tool[aria-pressed=true]{background:var(--pp-lilac);color:var(--pp-ink)}.pph-tool:disabled{opacity:.45;cursor:not-allowed}.pph-switch{gap:12px}.pph-switch-track{background:#dcdbe3;border-radius:999px;flex-shrink:0;width:48px;height:28px;transition:background-color .18s;position:relative}.pph-switch-track:after{content:"";background:var(--pp-white);width:22px;height:22px;transition:transform .2s var(--pp-ease);border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #15131f2e}.pph-switch[aria-checked=true] .pph-switch-track{background:var(--pp-iris)}.pph-switch[aria-checked=true] .pph-switch-track:after{transform:translate(20px)}.pph-switch[aria-checked=true]{background:0 0}.pph-make{--pp-btn-h:58px;margin-left:6px;padding:0 34px;font-size:18px;font-weight:700}.pph-drop{z-index:2;border:2px dashed var(--pp-iris);color:var(--pp-ink);pointer-events:none;background:#efecfbf0;border-radius:30px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:-1px}.pph-status{background:var(--pp-cloud);color:var(--pp-muted);border-radius:999px;align-items:center;gap:10px;margin-top:12px;padding:8px 16px;font-size:14px;display:inline-flex}@media (width<=1100px){.pph-composer{flex-wrap:wrap;padding:14px}.pph-composer-field{flex-basis:100%}.pph-composer-tools{flex-wrap:wrap;flex:1}.pph-make{margin-left:auto}}@media (width<=560px){.pph-tool-label{display:none}.pph-switch .pph-tool-label{display:inline}.pph-make{--pp-btn-h:48px;padding:0 22px;font-size:16px}.pph-composer-input{font-size:17px}}.pph-search{width:min(280px,100%);position:relative}.pph-search .pp-input{padding-right:40px}.pph-search-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pph-pager{gap:8px;display:flex}@media (width<=1100px){.pph-hero{flex-direction:column;align-items:flex-start}}@media (width<=720px){.pph-hero-side{flex-direction:column;align-items:flex-start;gap:18px}.pph-checks{display:none}.pph-sec-actions:has(.pph-search){flex-wrap:nowrap;flex-basis:100%}.pph-search{flex:1;width:auto}}.pph-rowwrap{position:relative}.pph-row{--pph-gap:12px;gap:var(--pph-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-8px -4px -12px;padding:8px 4px 12px;scroll-padding-left:4px;display:flex;overflow-x:auto}.pph-row::-webkit-scrollbar{display:none}.pph-row--5 .pph-ptile{flex-basis:max(200px, calc((100% - 4 * var(--pph-gap)) / 5))}.pph-ptile{flex:0 0 max(196px, calc((100% - 5 * var(--pph-gap)) / 6));scroll-snap-align:start;animation:pph-tile-in .36s var(--pp-ease) both;gap:14px;padding:18px 16px}@keyframes pph-tile-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.pph-ptile:hover,.pph-ptile:focus-within{transform:translateY(-3px)}.pph-row--ring .pph-ptile:hover,.pph-row--ring .pph-ptile:focus-within{box-shadow:0 0 0 3px var(--pp-canvas), 0 0 0 5.5px var(--pp-iris)}.pph-ptile-open{z-index:1;border-radius:inherit;position:absolute;inset:0}.pph-ptile-open:focus-visible{outline-offset:-4px}.pph-ptile .pp-tile-mio{z-index:2;pointer-events:none}.pph-ptile-text{min-width:0}.pph-ptile-name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:650;line-height:1.25;overflow:hidden}.pph-ptile-meta{color:#15131f9e;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13.5px;overflow:hidden}.pph-ptile-name--inline{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;display:-webkit-box;overflow:clip}.pph-ptile-name--inline .pph-ptile-count{color:#15131fb3;font-weight:450}.pph-stage{aspect-ratio:.9;justify-content:center;align-items:flex-start;min-height:0;display:flex;position:relative}.pph-device{background:var(--pp-ink);border-radius:26px;padding:5px;position:relative;box-shadow:0 10px 24px #15131f29}.pph-device--phone{aspect-ratio:.6;height:100%}.pph-device--wide{border-radius:14px;width:100%;margin-top:18%;padding:4px}.pph-device-screen{background:var(--pp-white);border-radius:21px;width:100%;height:100%;position:relative;overflow:clip}.pph-device--wide .pph-device-screen{border-radius:10px}.pph-comp{width:100%;transition:opacity .32s var(--pp-ease);position:absolute;top:0;left:0}.pph-comp img{object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.pph-comp-fill{position:absolute;left:0;right:0}.pph-device-empty{color:var(--pp-text-3);justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.pph-flip-chip{z-index:1;color:var(--pp-white);font-variant-numeric:tabular-nums;pointer-events:none;background:#15131fb8;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pph-ptile-del{z-index:3;opacity:0;background:#ffffffdb;transition:opacity .14s,background-color .14s;position:absolute;top:14px;left:14px}.pph-ptile:hover .pph-ptile-del,.pph-ptile:focus-within .pph-ptile-del,.pph-ptile-del:focus-visible{opacity:1}.pph-ptile-del:hover:not(:disabled){background:var(--pp-white)}@media (hover:none){.pph-ptile-del{opacity:1}}.pph-ptile-confirm{z-index:4;border-radius:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.pph-skel{flex:0 0 max(196px, calc((100% - 5 * var(--pph-gap)) / 6));aspect-ratio:.72;border-radius:var(--pp-radius);background:var(--pp-cloud);animation:1.4s ease-in-out infinite pph-pulse}.pph-skel:nth-child(2){animation-delay:.12s}.pph-skel:nth-child(3){animation-delay:.24s}.pph-skel:nth-child(4){animation-delay:.36s}.pph-skel:nth-child(5){animation-delay:.48s}.pph-skel:nth-child(6){animation-delay:.6s}@keyframes pph-pulse{50%{opacity:.55}}.pph-edge{z-index:5;box-shadow:var(--pp-shadow-float);opacity:0;transition:opacity .14s;position:absolute;top:50%;transform:translateY(-50%)}.pph-edge--prev{left:-14px}.pph-edge--next{right:-14px}.pph-edge:disabled{opacity:0;visibility:hidden}.pph-rowwrap:hover .pph-edge:not(:disabled),.pph-edge:focus-visible{opacity:1}@media (hover:none){.pph-edge{display:none}}.pph-subnav{flex-wrap:wrap;justify-content:flex-end;gap:6px 22px;padding:22px 8px 0;display:flex}.pph-subnav a{color:var(--pp-muted);align-items:center;gap:7px;font-size:16px;text-decoration:none;display:inline-flex}.pph-subnav a:hover{color:var(--pp-ink)}.pph-profile-card{align-items:center;gap:clamp(20px,3.4vw,52px);margin-top:20px;padding:clamp(20px,2.6vw,32px) clamp(20px,2.6vw,36px);display:flex}.pph-avatar{flex-shrink:0;justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}.pph-avatar img{object-fit:cover;border-radius:28px;width:100%;height:100%}.pph-avatar-busy{color:var(--pp-ink);background:#ffffffb3;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pph-profile-body{flex:1;min-width:0}.pph-name-row{align-items:center;gap:10px;min-width:0;display:flex}.pph-name-row .pp-display{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pph-name-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pph-name-edit .pp-input{width:min(320px,100%);font-size:20px;font-weight:600}.pph-email{color:var(--pp-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:18px;overflow:hidden}.pph-outfit{margin-top:18px}.pph-outfit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pph-outfit-row .pp-input{flex:280px;width:auto;min-width:0}.pph-outfit-row .pp-btn{--pp-btn-h:48px;padding:0 22px;font-size:16px;font-weight:500}.pph-gen-err{color:var(--pp-danger);margin-top:8px;font-size:14px}@media (width<=640px){.pph-profile-card{flex-direction:column;align-items:flex-start}.pph-avatar{width:104px;height:104px}}.pph-heat{padding-bottom:4px;overflow-x:auto}.pph-heat-grid{--pph-cell:14px;--pph-gap:5px;grid-template-columns:auto 1fr;column-gap:14px;min-width:720px;display:grid}.pph-heat-days{row-gap:var(--pph-gap);color:var(--pp-text-2);grid-template-rows:22px repeat(7,1fr);font-size:14px;display:grid}.pph-heat-days span{align-items:center;line-height:1;display:flex}.pph-heat-cols{column-gap:var(--pph-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.pph-heat-col{row-gap:var(--pph-gap);grid-template-rows:22px repeat(7,auto);min-width:0;display:grid}.pph-heat-month{width:0;color:var(--pp-text-2);white-space:nowrap;font-size:14px;line-height:1;overflow:visible}.pph-heat-cell{aspect-ratio:1;border-radius:4px;min-width:8px}.pph-brands{scroll-snap-type:x proximity;scrollbar-width:none;gap:16px;margin:-2px;padding:2px;display:flex;overflow-x:auto}.pph-brands::-webkit-scrollbar{display:none}.pph-brand{scroll-snap-align:start;flex:0 0 max(300px,50% - 8px);align-items:center;gap:24px;min-height:142px;padding:24px 28px;display:flex;position:relative}.pph-brand-logo{width:76px;height:76px;font-family:var(--pp-font-display);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex;overflow:hidden}.pph-brand-logo img{object-fit:cover;width:100%;height:100%}.pph-brand-body{flex:1;min-width:0}.pph-brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pph-brand-sub{color:var(--pp-text-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.pph-dots{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.pph-dot{border-radius:999px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #15131f14}.pph-brand-actions{opacity:0;gap:4px;transition:opacity .14s;display:flex;position:absolute;top:12px;right:12px}.pph-brand:hover .pph-brand-actions,.pph-brand:focus-within .pph-brand-actions{opacity:1}@media (hover:none){.pph-brand-actions{opacity:1}}.pph-brand .pp-btn{margin-top:12px}.pph-tools{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width<=1000px){.pph-tools{grid-template-columns:1fr}}.pph-devcard{grid-template-columns:40px minmax(0,1fr);column-gap:18px;padding:24px 24px 24px 28px;display:grid}.pph-devcard-icon{color:var(--pp-ink);padding-top:2px}.pph-devcard-title{letter-spacing:-.01em;margin-bottom:14px;font-size:18px;font-weight:600;line-height:1.3}.pph-devcard--keys{grid-template-columns:1fr}.pph-devcard--keys .pph-devcard-head{align-items:center;gap:18px;margin-bottom:14px;display:flex}.pph-devcard--keys .pph-devcard-title{margin:0}.pph-copyfield{border:1px solid var(--pp-border);background:var(--pp-white);width:100%;height:48px;color:var(--pp-text-2);text-align:left;cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 18px;font-size:15px;transition:border-color .14s,background-color .14s;display:flex}.pph-copyfield svg{color:var(--pp-ink);flex-shrink:0}.pph-copyfield:hover:not(:disabled){color:var(--pp-ink);background:#f6f5fa}.pph-copyfield:disabled{cursor:wait}.pph-copyfield.is-done{border-color:var(--pp-iris);color:var(--pp-ink)}.pph-copyfield span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pph-devnote{color:var(--pp-muted);margin-top:10px;font-size:13px;line-height:1.5}.pph-devnote--err{color:var(--pp-danger)}.pph-more{color:var(--pp-muted);margin-top:10px;font-size:13px;line-height:1.55}.pph-more summary{color:var(--pp-text-2);cursor:pointer;align-items:center;gap:4px;font-weight:500;list-style:none;display:inline-flex}.pph-more summary::-webkit-details-marker{display:none}.pph-more summary:after{content:"›";transition:transform .14s}.pph-more[open] summary:after{transform:rotate(90deg)}.pph-more>:not(summary){margin-top:8px}.pph-more code,.pph-tokens code{font-size:12px}.pph-pre{border:1px solid var(--pp-hair);background:var(--pp-canvas);color:var(--pp-muted);white-space:pre-wrap;word-break:break-word;border-radius:14px;max-height:260px;margin:0;padding:12px 14px;font-family:ui-monospace,monospace;font-size:11.5px;line-height:1.6;overflow:auto}.pph-keyrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pph-keyrow .pp-input{flex:120px;width:auto;min-width:0}.pph-keyrow .pp-btn{--pp-btn-h:48px}.pph-tokens{flex-direction:column;gap:8px;margin-top:14px;display:flex}.pph-token{border:1px solid var(--pp-hair);border-radius:16px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}.pph-token-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.pph-token-sub{color:var(--pp-text-2);font-size:12px}.pph-tag{color:var(--pp-danger);background:#fdecec;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.pph-minted{background:var(--pp-lilac);border-radius:18px;padding:14px}.pph-minted-title{margin-bottom:8px;font-size:13px;font-weight:600}.pph-minted code.pph-secret{background:var(--pp-white);white-space:nowrap;border-radius:12px;flex:1;min-width:0;padding:8px 12px;font-family:ui-monospace,monospace;font-size:12px;overflow-x:auto}.pph-seg{background:var(--pp-cloud);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.pph-seg button{cursor:pointer;background:0 0;border:0;border-radius:999px;height:30px;padding:0 12px;font-size:13px;font-weight:500}.pph-seg button[aria-pressed=true]{background:var(--pp-white);box-shadow:0 1px 2px #15131f14}