/* Optional local personalization inside the existing portfolio preview. */
#portfolio-dialog .pd-controls .pd-personalize{grid-column:1/-1}
#portfolio-dialog .pd-personalize-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0;max-width:650px}
#portfolio-dialog .pd-personalize-inputs label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#526f67;font-size:11px;line-height:1.5}
#portfolio-dialog .pd-personalize-inputs input{width:100%;min-width:0;height:44px;border:1px solid #9fbdaf;border-radius:4px;background:#fff;color:#153d38;padding:8px 12px;font-family:inherit;font-size:16px;line-height:1.5}
#portfolio-dialog .pd-personalize-inputs input::placeholder{color:#657f76;opacity:1}
#portfolio-dialog .pd-personalize-inputs input:focus-visible{outline:2px solid #248e80;outline-offset:2px}
#portfolio-dialog .pf-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
#portfolio-dialog .pf-name>span,#portfolio-dialog .pf-intro{overflow-wrap:anywhere}
#portfolio-dialog .pf-header nav,#portfolio-dialog .pf-edition{flex-shrink:0}
@media(max-width:600px){
 #portfolio-dialog .pd-personalize-inputs{gap:9px}
 #portfolio-dialog .pd-personalize-inputs input{padding-inline:9px}
 #portfolio-dialog .pd-controls .pd-personalize legend{margin-bottom:5px}
}
@media(max-width:340px){
 #portfolio-dialog .pd-personalize-inputs{gap:7px}
 #portfolio-dialog .pd-personalize-inputs input{padding-inline:7px}
}