.logo-variants{display:block!important;padding:16px}.logo-variants header{display:flex;align-items:start;justify-content:space-between;gap:16px}.logo-variants p{max-width:600px}.logo-variant-grid,.own-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.logo-variant-grid article,.own-media-grid article{padding:10px;border-radius:10px;background:var(--surface-muted,#edf1f6);min-width:0}.logo-variant-grid .asset-image,.own-media-grid .asset-image{display:block;width:100%;height:120px}.logo-variant-grid small,.own-media-grid small{display:block;overflow-wrap:anywhere}.logo-variant-grid input{max-width:100%}.portfolio-folder-bar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.portfolio-image-card[hidden]{display:none!important}.portfolio-image-card>.asset-image{height:180px!important;min-height:180px!important;aspect-ratio:4/3;overflow:hidden}.portfolio-image-card>.asset-image img{width:100%!important;height:100%!important;object-fit:contain}.portfolio-image-card select{width:100%;margin-top:8px}.portfolio-image-card .collaboration-comment-button{left:8px!important;right:auto!important}.pd-portfolio-project{position:relative}.pd-portfolio-project.insert-before:before,.pd-portfolio-project.insert-after:after{content:'';position:absolute;left:4px;right:4px;height:3px;background:#0866ff;z-index:4;border-radius:2px}.pd-portfolio-project.insert-before:before{top:-6px}.pd-portfolio-project.insert-after:after{bottom:-6px}.pd-portfolio-project.image-move-target{outline:2px solid #0866ff;background:#eaf2ff}.portfolio-own-site,.portfolio-screenshots{margin:16px 0;padding:18px;border-radius:12px;background:var(--surface-muted,#edf1f6)}.portfolio-own-site>summary{font-size:18px;font-weight:600}.portfolio-own-site>details{margin-top:12px;padding:12px;border-radius:8px;background:var(--surface,#fff)}.own-media-stages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.own-media-stages section{padding:16px;border:1px dashed #c7d3e3;border-radius:10px}.own-media-stages input{max-width:100%}.portfolio-own-site p{max-width:600px}.portfolio-raw-progress{display:grid;gap:4px;margin-top:8px}.portfolio-raw-progress small{font-size:11px}.portfolio-raw-progress progress{height:5px;width:100%;accent-color:#7b8da6}.portfolio-material-nudge{font-size:11px;color:#0764df;margin-top:6px}.pd-portfolio-project-name details{font-size:12px}.pd-portfolio-project-name details p{max-width:600px}.pd-portfolio-project-name strong{font-weight:600}.portfolio-screenshots{margin-top:24px}.portfolio-own-site .asset-image{min-height:120px}@media(max-width:700px){.own-media-stages{grid-template-columns:1fr}.logo-variants header{flex-wrap:wrap}}
.portfolio-image-card .collab-comment-button,.logo-variant-grid .collab-comment-button,.own-media-grid .collab-comment-button{left:8px!important;right:auto!important}.portfolio-description{padding:6px 12px;font-size:12px}.portfolio-description p{max-width:600px}.logo-variants.drag-active,.own-media-stages section.drag-active{outline:2px solid #0866ff;background:#eaf2ff}.pd-portfolio-project-name .asset-image{flex:none;width:36px;height:36px}
.pd-portfolio-studio .portfolio-image-card>button.asset-image{width:100%!important;padding:0!important}.pd-portfolio-studio .portfolio-image-card>button.asset-image>img{height:180px!important;width:100%!important;object-fit:contain!important}.pd-portfolio-project-row .pd-portfolio-readiness{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}.pd-portfolio-readiness .portfolio-raw-progress,.pd-portfolio-readiness .portfolio-material-nudge{grid-column:1/-1}.portfolio-raw-progress{display:block}.portfolio-raw-progress small{display:block}