.profile-banner{background:#192b28;color:#fff;border-radius:20px;padding:32px;display:flex;align-items:center;gap:24px;margin-bottom:24px}.profile-banner h2{font-size:34px;margin:5px 0}.profile-banner p{margin:6px 0;color:#c8d7cf}.profile-monogram{width:96px;height:96px;flex:none;display:grid;place-items:center;border-radius:26px;background:#d2e6b6;color:#243029;font-size:52px;font-weight:800}.profile-progress{margin-left:auto;text-align:right;font-size:26px}.profile-progress small{font-size:11px}.contributor-row,.artist-link-row{border:1px solid var(--line,#ddd);padding:16px;border-radius:12px;margin:15px 0;align-items:end}.report-release{border:1px solid #ddd;border-radius:12px;padding:18px;margin:18px 0}.report-release legend{font-weight:700;padding:0 7px}.report-release[disabled]{opacity:.65}.report-release .check{margin:10px 0}.portfolio-builder{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:24px;align-items:start}.portfolio-controls,.portfolio-preview-column{min-width:0}.portfolio-controls .panel{padding:24px}.portfolio-controls .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-preview-column{position:sticky;top:20px}.pf-preview-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.pf-preview-controls small{width:100%}.pf-preview-scroll{overflow:auto;background:#dfdfda;padding:18px;border-radius:20px;max-width:100%}.pf-preview-mobile{width:390px;max-width:100%;margin:auto;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #0002}.pf-preview-desktop{width:1040px;min-width:1040px}.pf-preview-controls [aria-pressed=true]{background:#202721;color:#fff}.pf-image-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.pf-image-library img{width:100%;height:80px;object-fit:cover;border-radius:10px}.pf-image-library button{font-size:10px;padding:6px}.pf-choice{border-bottom:1px solid #ddd;padding:15px 0;display:flex;justify-content:space-between;gap:10px}.pf-choice .check{min-width:0}.pf-choice small{display:block;font-size:11px;margin-top:4px;color:#777}.pf-choice .actions{flex-wrap:nowrap;align-items:start;gap:4px}.pf-choice .btn{padding:7px 10px}.pf-link-row{margin-bottom:18px}.portfolio-controls input[type=range]{padding:0;min-height:36px}.pf-export-crop{position:relative;margin:15px 0;background:#eee;max-width:330px}.pf-export-crop canvas{width:100%;height:auto;display:block}.pf-export-crop span{position:absolute;bottom:0;left:0;right:0;font-size:10px;padding:4px;background:#111b;color:white}.portfolio-preview-column details{font-size:12px;line-height:1.7}.portfolio-preview-column summary{cursor:pointer}.portfolio-controls label.check{line-height:1.5}.portfolio-builder .error{white-space:normal;overflow-wrap:anywhere}@media(max-width:1150px){.portfolio-builder{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr)}.portfolio-controls .form-grid{grid-template-columns:1fr}}@media(max-width:820px){.portfolio-builder{grid-template-columns:1fr}.portfolio-preview-column{position:static;grid-row:1}.pf-preview-scroll{max-height:700px}.profile-banner{padding:22px;gap:16px;flex-wrap:wrap}.profile-banner h2{font-size:26px}.profile-monogram{width:64px;height:64px;font-size:36px}.profile-progress{font-size:20px;margin-left:0}.pf-preview-scroll{padding:10px}.portfolio-controls .panel{padding:20px}.portfolio-controls .form-grid{grid-template-columns:1fr}.pf-preview-controls{padding:18px}}@media(prefers-reduced-motion:reduce){.portfolio-card *{scroll-behavior:auto}}
.portfolio-mobile-tabs{display:none}@media(max-width:820px){.portfolio-mobile-tabs{display:flex;position:sticky;top:8px;z-index:4;margin-bottom:20px;box-shadow:0 3px 20px #0001}.portfolio-mobile-tabs [aria-pressed=true]{background:#202721;color:white}.pf-edit-mode .portfolio-preview-column{display:none}.pf-preview-mode .portfolio-controls{display:none}.pf-preview-mode .portfolio-preview-column{grid-row:auto}}