.pfp{max-width:var(--maxw);padding:0 var(--gutter) clamp(70px, 9vw, 120px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(28px,4vw,64px);margin:0 auto;display:grid}.pfp__stage{position:sticky;top:96px}.pfp__frame{aspect-ratio:1;border:1px solid var(--line-2);background:#08080a;position:relative;overflow:hidden}.pfp__frame img{width:100%;height:100%;display:block}.pfp__frame:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}.pfp__under{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.pfp__mini{border:1px solid var(--line-2);background:#08080a;border-radius:50%;flex:none;width:62px;height:62px;overflow:hidden}.pfp__mini img{width:100%;height:100%;display:block}.pfp__minicap{min-width:140px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--fg-3);flex:1;font-size:10px;line-height:1.6}.pfp__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pfp__panel{border:1px solid var(--line);background:var(--bg-2)}.pfp__drop{border-bottom:1px solid var(--line);cursor:pointer;transition:background-color .25s var(--ease);align-items:center;gap:16px;padding:20px;display:flex}.pfp__drop:hover,.pfp__drop.is-over{background:var(--bg-3)}.pfp__drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pfp__thumb{border:1px dashed var(--line-2);width:58px;height:58px;color:var(--fg-3);flex:none;place-items:center;display:grid}.pfp__drop strong{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg);margin-bottom:3px;font-size:12px;display:block}.pfp__drop span:not(.pfp__thumb){color:var(--fg-3);font-size:12.5px}.pfp__status{border-bottom:1px solid var(--line);font-family:var(--font-mono);color:var(--fg-3);min-height:42px;margin:0;padding:12px 20px;font-size:11px;line-height:1.7}.pfp__status.is-error{color:var(--red)}.ctl{border-bottom:1px solid var(--line)}.ctl>summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-2);justify-content:space-between;align-items:center;padding:15px 20px;font-size:11px;list-style:none;transition:color .2s;display:flex}.ctl>summary::-webkit-details-marker{display:none}.ctl>summary:hover{color:var(--fg)}.ctl>summary:after{content:"+";color:var(--red);font-size:16px}.ctl[open]>summary:after{content:"–"}.ctl[open]>summary{color:var(--red)}.ctl__rows{gap:16px;padding:4px 20px 22px;display:grid}.ctl__row{gap:8px;display:grid}.ctl__label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--fg-3);font-size:9.5px}.seg{flex-wrap:wrap;gap:5px;display:flex}.seg button{border:1px solid var(--line-2);color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:all .2s var(--ease);background:0 0;padding:7px 12px;font-size:10.5px}.seg button:hover{border-color:var(--fg-3);color:var(--fg)}.seg button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}.swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.sw{border:1px solid var(--line-2);cursor:pointer;width:28px;height:28px;transition:transform .18s var(--ease), border-color .18s;padding:0}.sw:hover{transform:translateY(-2px)}.sw[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 2px var(--red)}.sw--pick{-webkit-appearance:none;appearance:none;background:0 0}.sw--pick::-webkit-color-swatch-wrapper{padding:2px}.sw--pick::-webkit-color-swatch{border:0}.ctl__row input[type=range]{width:100%;accent-color:var(--red)}@media (max-width:1000px){.pfp{grid-template-columns:minmax(0,1fr)}.pfp__stage{position:static}.pfp__frame{max-width:420px}}