.pfp-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:24px;display:grid}.pfp-editor{align-content:start;gap:12px;min-width:0;display:grid}.pfp-stage{aspect-ratio:1;border-radius:var(--ez-radius-lg);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#141417;background-image:linear-gradient(45deg,#1d1d22 25%,#0000 25%),linear-gradient(-45deg,#1d1d22 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1d1d22 75%),linear-gradient(-45deg,#0000 75%,#1d1d22 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #2f2f35;width:100%;position:relative;overflow:hidden}.pfp-stage.is-empty{background:radial-gradient(circle at 50% 0,#f9e5220f,#0000 60%),#131316;border-style:dashed;border-color:#3a3a40}.pfp-stage.can-drag{cursor:grab}.pfp-stage.can-drag:active{cursor:grabbing}.pfp-stage canvas{width:100%;height:100%;display:block}.pfp-mask{pointer-events:none;background:radial-gradient(circle closest-side,#0000 calc(100% - 1px),#09090ba8 100%);position:absolute;inset:0}.pfp-mask:after{content:"";border:1.5px solid #ffffffb3;border-radius:50%;position:absolute;inset:0}.pfp-stage:focus-visible{outline:2px solid var(--ez-accent);outline-offset:3px}.pfp-empty{text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.pfp-empty h3{font-size:var(--ez-fs-lg);margin:0;font-weight:650}.pfp-empty p{max-width:330px;color:var(--ez-text-muted);font-size:var(--ez-fs-body);margin:0;line-height:1.65}.pfp-empty small{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.pfp-stage-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.pfp-stage-foot>div{gap:6px;display:flex}.pfp-source{background:#111114;border:1px solid #2f2f35;border-radius:10px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.pfp-source img{object-fit:cover;border-radius:8px;width:44px;height:44px}.pfp-source strong{font-size:var(--ez-fs-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.pfp-source small{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs)}.pfp-source .cit-secondary{min-height:32px;font-size:var(--ez-fs-xs);padding:0 10px}.pfp-tools{flex-wrap:wrap;gap:6px;display:flex}.pfp-tools .cit-secondary{min-height:34px;font-size:var(--ez-fs-xs);margin-left:auto}.pfp-tools [aria-pressed=true]{border-color:color-mix(in srgb, var(--ez-accent) 50%, transparent);color:var(--ez-accent)}.pfp-export{min-height:46px;font-size:var(--ez-fs-sm)}.pfp-previews{align-content:start;gap:14px;min-width:0;display:grid}.pfp-previews-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pfp-previews-head h3{font-size:var(--ez-fs-md);margin:0;font-weight:650}.pfp-previews-head p{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs);margin:4px 0 0;line-height:1.55}.pfp-previews-head .cit-field{flex:none;width:140px}.pfp-channel-field input{min-height:34px;padding:6px 10px}.pfp-mock-label{color:var(--ez-text-subtle);font-size:var(--ez-fs-xs);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-weight:600}.pfp-mock>div{--pm-bg:#0f0f0f;--pm-text:#f1f1f1;--pm-sub:#aaa;--pm-skeleton:#272727;border-radius:var(--ez-radius-md);background:var(--pm-bg);color:var(--pm-text);padding:14px;font-family:Roboto,Arial,sans-serif}.pfp-mock.is-light>div{--pm-bg:#fff;--pm-text:#0f0f0f;--pm-sub:#606060;--pm-skeleton:#e5e5e5}.pfp-mock p{margin:0}.pfp-avatar{background:var(--pm-skeleton,#272727);border-radius:50%;flex:none;display:block;overflow:hidden}.pfp-avatar img{width:100%;height:100%;display:block}.pfp-banner{background:linear-gradient(115deg,#2a2a31,#3b3b44 55%,#26262c);border-radius:10px;height:58px;margin-bottom:14px;display:block}.pfp-mock.is-light .pfp-banner{background:linear-gradient(115deg,#ececf1,#dcdce4 55%,#f1f1f5)}.pfp-header-row{align-items:center;gap:16px;min-width:0;display:flex}.pfp-header-text{justify-items:start;gap:4px;min-width:0;display:grid}.pfp-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:22px;font-weight:700;line-height:1.25;overflow:hidden}.pfp-sub{color:var(--pm-sub);font-size:13px;line-height:1.45}.pfp-sub b{color:var(--pm-text);font-weight:500}.pfp-subscribe{background:var(--pm-text);color:var(--pm-bg);border-radius:18px;margin-top:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:32px}.pfp-comment{grid-template-columns:40px minmax(0,1fr);gap:14px;display:grid}.pfp-comment-head{align-items:baseline;gap:6px;font-size:13px;display:flex}.pfp-comment-head b{font-weight:500}.pfp-comment-head span{color:var(--pm-sub);font-size:12px}.pfp-comment-text{font-size:14px;line-height:1.45;margin-top:2px!important}.pfp-comment-actions{color:var(--pm-text);align-items:center;gap:8px;font-size:12px;display:flex;margin-top:6px!important}.pfp-comment-actions span{color:var(--pm-sub)}.pfp-comment-actions .pfp-reply{color:var(--pm-text);margin-left:10px;font-weight:500}.pfp-sizes{flex-wrap:wrap;align-items:flex-end;gap:18px 22px;display:flex}.pfp-sizes figure{justify-items:center;gap:8px;margin:0;display:grid}.pfp-sizes figcaption{color:var(--pm-sub);text-align:center;justify-items:center;font-size:12px;line-height:1.35;display:grid}.pfp-sizes figcaption b{color:var(--pm-text);font-weight:500}.pfp-feed{grid-column:1/-1;min-width:0}.pfp-example{place-items:center;display:grid;position:absolute;inset:0}.pfp-example>img{object-fit:cover;filter:blur(14px)brightness(.5);width:120%;height:120%;position:absolute;inset:-10%}.pfp-example-avatar{aspect-ratio:1;border:6px solid #0000;border-radius:50%;place-items:center;width:46%;font-family:Inter Variable,Inter,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #0008}.pfp-example-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pfp-spec-visual{min-height:300px}.pfp-spec-square{aspect-ratio:1;background:radial-gradient(circle closest-side,#f9e5221a 99%,#0000 100%),#141417;border:1px dashed #ffffff40;border-radius:6px;width:min(100%,280px);position:relative}.pfp-spec-label{color:var(--ez-text-muted);font-size:var(--ez-fs-xs);font-variant-numeric:tabular-nums;position:absolute;top:8px;left:10px}.pfp-spec-circle{border:2px dashed var(--ez-accent);border-radius:50%;position:absolute;inset:0}.pfp-spec-small{color:var(--ez-text);font-size:var(--ez-fs-xs);background:#1d1d22;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-weight:600;display:flex;position:absolute;bottom:-14px;right:-18px}.pfp-spec-small i{background:var(--ez-accent);border-radius:50%;width:34px;height:34px}@media (width<=1180px){.pfp-main{grid-template-columns:minmax(0,1fr)}.pfp-editor{width:100%;max-width:520px;margin:0 auto}}@media (width<=900px){.pfp-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pfp-editor{max-width:none}}@media (width<=720px){.pfp-main{grid-template-columns:minmax(0,1fr)}.pfp-previews-head{flex-direction:column}.pfp-previews-head .cit-field{width:100%}.pfp-name{font-size:18px}.pfp-header-row .pfp-avatar{width:72px!important;height:72px!important}}