/* iBlogger v136 — measured third-pass desktop pixel refinement.
   Only the desktop profile is affected; the mobile implementation remains untouched. */
@media (min-width: 901px) {
  html, body, body.creator-profile-page, #desktopProfileRedesign {
    background: #f4f7fe !important;
  }
  #desktopProfileRedesign .ibd-panel {
    background-color: #fdfdff;
  }

  /* The sidebar's lavender band and portrait now use the reference's exact tonal treatment. */
  #desktopProfileRedesign .ibd-profile-card::before {
    height: 105px;
    background: linear-gradient(115deg, #ecebfd 0%, #dfd2fc 48%, #dfd2fe 100%);
  }
  #desktopProfileRedesign .ibd-avatar {
    top: 50px;
    width: 116px;
    height: 108px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: fill;
  }

  /* Exact three-column geometry: right 270px, center 264px, left 264px. */
  #desktopProfileRedesign .ibd-review-grid {
    grid-template-columns: 270fr 264fr 264fr;
    gap: 17px;
  }
  #desktopProfileRedesign .ibd-review-brand img {
    width: 42px;
    height: 42px;
    border-radius: 0;
    object-fit: fill;
  }
  #desktopProfileRedesign .ibd-stars {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -.4px;
    padding-top: 7px;
  }
  #desktopProfileRedesign .ibd-section-head h2 {
    font-size: 13px;
    transform: translate(-3px, -1px);
  }
  #desktopProfileRedesign .ibd-mini-tag {
    padding-right: 9px;
    padding-left: 9px;
  }
  #desktopProfileRedesign .ibd-review-arrow { top: 97px; }
  #desktopProfileRedesign .ibd-review-arrow-prev { left: 7px; }
  #desktopProfileRedesign .ibd-review-arrow-next { right: 6px; }
  #desktopProfileRedesign .ibd-review-arrow svg {
    width: 11px;
    height: 11px;
    stroke-width: 2.2;
  }

  /* Thumbnail crops are reference-sized; full-resolution originals remain the modal preview source. */
  #desktopProfileRedesign .ibd-work-item img {
    object-fit: fill;
    border-radius: 0;
    box-shadow: none;
  }
  #desktopProfileRedesign .ibd-work-head h2 {
    transform: translateY(-3px);
  }
  #desktopProfileRedesign .ibd-work-head h2 svg {
    transform: translate(-2px, 1px);
  }

  /* Lift the analytics heading and soften the locked-data haze to the supplied screenshot. */
  #desktopProfileRedesign .ibd-analytics-title h2 {
    gap: 8px;
    transform: translate(1px, -4px);
  }
  #desktopProfileRedesign .ibd-analytics-title h2 svg {
    width: 18px;
    height: 18px;
  }
  #desktopProfileRedesign .ibd-analytics-title p {
    margin-left: 29px;
  }
  #desktopProfileRedesign .ibd-chart-top h3 {
    transform: translateY(-1px);
  }
  #desktopProfileRedesign .ibd-chart-card::before {
    opacity: .76;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"]::before {
    background:
      radial-gradient(ellipse at 90% 70%, rgba(246,184,48,.18), transparent 44%),
      linear-gradient(170deg, transparent 43%, rgba(246,190,65,.05) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"]::before {
    background:
      radial-gradient(ellipse at 88% 70%, rgba(54,183,132,.16), transparent 44%),
      linear-gradient(170deg, transparent 42%, rgba(76,190,151,.05) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-lock {
    top: 41px;
  }
  #desktopProfileRedesign .ibd-chart-lock svg {
    width: 24px;
    height: 29px;
    transform: scaleY(1.05);
  }
  #desktopProfileRedesign .ibd-chart-label {
    bottom: 12px;
    font-size: 10.5px;
    font-weight: 700;
  }

  /* The summary lock is one pixel left/down and one pixel wider than the previous build. */
  #desktopProfileRedesign .ibd-summary-ghosts {
    opacity: .58;
    filter: blur(7px);
  }
  #desktopProfileRedesign .ibd-summary-lock {
    top: 17px;
    left: calc(53% - 1px);
  }
  #desktopProfileRedesign .ibd-summary-lock svg {
    width: 25px;
    height: 29px;
    transform: scaleY(1.05);
  }
  #desktopProfileRedesign .ibd-summary-label {
    top: 54px;
  }

  /* Small profile-label and metric refinements. */
  #desktopProfileRedesign .ibd-name {
    font-size: 14.3px;
  }
  #desktopProfileRedesign .ibd-handle {
    top: 188px;
    font-size: 9.8px;
    line-height: 14px;
  }
  #desktopProfileRedesign .ibd-category {
    min-width: 100px;
  }
  #desktopProfileRedesign .ibd-profile-stat {
    padding-top: 12px;
  }
  #desktopProfileRedesign .ibd-profile-stat svg {
    margin-bottom: 12px;
  }
  #desktopProfileRedesign .ibd-stat-rating svg {
    width: 26px;
    height: 26px;
    transform: translateY(1px);
  }
  #desktopProfileRedesign .ibd-stat-followers svg {
    width: 28px;
    height: 24px;
    margin-bottom: 12px;
    transform: none;
  }
  #desktopProfileRedesign .ibd-feedback-cta {
    padding-right: 10px;
  }

  /* About copy and metadata sit slightly higher and have the reference's stronger contrast. */
  #desktopProfileRedesign .ibd-about-copy {
    color: #7b859b;
    line-height: 1.95;
    transform: none;
  }
  #desktopProfileRedesign .ibd-about-status {
    margin-top: 21px;
  }
  #desktopProfileRedesign .ibd-about-updated {
    margin-top: 4px;
    color: #4c5871;
  }
}


/* v136 final coordinate corrections from pixel masks and reference crops. */
@media (min-width: 901px) {
  #desktopProfileRedesign .ibd-panel {
    background-color: #fdfdfd;
  }
  #desktopProfileRedesign .ibd-avatar {
    top: 49px;
  }

  /* Five-star rows: 9×8px glyphs with the same 11–12px center spacing as the reference. */
  #desktopProfileRedesign .ibd-stars {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    padding-top: 6px;
    padding-left: 1px;
  }

  #desktopProfileRedesign .ibd-section-head h2 {
    font-size: 12.6px;
    transform: translate(-4px, -2px);
  }

  /* Chart labels were nine pixels too low after the first refinement; restore the measured baseline. */
  #desktopProfileRedesign .ibd-chart-card::before {
    opacity: .9;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"]::before {
    background:
      radial-gradient(ellipse at 90% 70%, rgba(246,184,48,.22), transparent 44%),
      linear-gradient(170deg, transparent 43%, rgba(246,190,65,.075) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"]::before {
    background:
      radial-gradient(ellipse at 88% 70%, rgba(54,183,132,.20), transparent 44%),
      linear-gradient(170deg, transparent 42%, rgba(76,190,151,.075) 58%, transparent 72%);
  }
  #desktopProfileRedesign .ibd-chart-label {
    bottom: 21px;
    font-size: 10.8px;
    font-weight: 750;
  }

  /* Summary caption keeps the reference width while matching its shorter glyph height. */
  #desktopProfileRedesign .ibd-summary-ghosts {
    opacity: .72;
  }
  #desktopProfileRedesign .ibd-summary-lock {
    left: calc(53% + 1px);
  }
  #desktopProfileRedesign .ibd-summary-label {
    font-size: 10px;
    font-weight: 700;
    transform: translateX(-50%) scaleX(1.1);
  }

  /* Correct the name and Latin handle's optical center. */
  #desktopProfileRedesign .ibd-name {
    transform: translateX(1px);
  }
  #desktopProfileRedesign .ibd-handle {
    font-size: 10.2px;
    line-height: 15px;
    transform: translateX(-1px);
  }

  /* Reference icons are slightly larger; the metric numerals sit two pixels higher. */
  #desktopProfileRedesign .ibd-profile-stat {
    padding-top: 11px;
  }
  #desktopProfileRedesign .ibd-profile-stat svg {
    margin-bottom: 11px;
  }
  #desktopProfileRedesign .ibd-stat-followers svg {
    width: 29px;
    height: 26px;
    margin-bottom: 10px;
    transform: translate(-1px, -1px);
  }
  #desktopProfileRedesign .ibd-stat-engagement svg {
    width: 26px;
    height: 25px;
    margin-bottom: 11px;
    transform: translate(-1px, 0);
  }
  #desktopProfileRedesign .ibd-stat-rating svg {
    width: 25px;
    height: 26px;
    margin-bottom: 11px;
    transform: translate(1px, 0);
  }
  #desktopProfileRedesign .ibd-profile-stat strong {
    font-size: 14.5px;
    line-height: 16px;
  }

  /* Bio, status and update row return to the reference's original vertical rhythm. */
  #desktopProfileRedesign .ibd-about-copy {
    color: #7f899f;
    transform: translateY(2px);
  }
  #desktopProfileRedesign .ibd-about-status {
    margin-top: 23px;
  }
  #desktopProfileRedesign .ibd-about-updated {
    margin-top: 6px;
    color: #58647e;
  }

  /* The analytics title sits one pixel higher; the icon/text gap follows the reference. */
  #desktopProfileRedesign .ibd-analytics-title h2 {
    gap: 12px;
    font-size: 12.5px;
    transform: translate(1px, -5px);
  }
  #desktopProfileRedesign .ibd-chart-top h3 {
    transform: none;
  }
}


/* Static reference glyphs are kept as separate image assets; all interactive text/data stays live. */
@media (min-width: 901px) {
  /* Pixel-matched star row. */
  #desktopProfileRedesign .ibd-stars {
    width: 58px;
    height: 10px;
    margin-top: 8px;
    padding: 0;
    flex: 0 0 58px;
  }
  #desktopProfileRedesign .ibd-stars img {
    display: block;
    width: 58px;
    height: 10px;
    max-width: none;
  }

  /* Brand and section icons are exact-size crops from the supplied reference. */
  #desktopProfileRedesign .ibd-section-head h2 img {
    display: block;
    width: 12px;
    height: 11px;
    max-width: none;
    flex: 0 0 12px;
  }
  #desktopProfileRedesign .ibd-section-head h2 span {
    display: inline-block;
    transform: translate(-3px, 1px);
  }
  #desktopProfileRedesign .ibd-work-head h2 img {
    display: block;
    width: 14px;
    height: 11px;
    max-width: none;
    flex: 0 0 14px;
    transform: translateX(-2px);
  }
  #desktopProfileRedesign .ibd-analytics-title h2 img {
    display: block;
    position: relative;
    top: 6px;
    left: 1px;
    width: 17px;
    height: 13px;
    max-width: none;
    flex: 0 0 17px;
  }
  #desktopProfileRedesign .ibd-analytics-title h2 {
    transform: translate(1px, -4px);
  }
  #desktopProfileRedesign .ibd-summary h2 img {
    display: block;
    width: 14px;
    height: 15px;
    max-width: none;
    flex: 0 0 14px;
    transform: translate(-1px, -1px);
  }

  /* Profile statistic glyphs use exact crops while values and labels remain data-driven. */
  #desktopProfileRedesign .ibd-profile-stat {
    position: relative;
    padding: 0;
  }
  #desktopProfileRedesign .ibd-profile-stat .ibd-stat-icon {
    position: absolute;
    top: 13px;
    left: 50%;
    display: block;
    width: auto;
    height: auto;
    max-width: none;
    margin: 0;
    transform: translateX(-50%);
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #desktopProfileRedesign .ibd-stat-followers .ibd-stat-icon {
    width: 25px;
    height: 21px;
  }
  #desktopProfileRedesign .ibd-stat-engagement .ibd-stat-icon {
    width: 22px;
    height: 21px;
  }
  #desktopProfileRedesign .ibd-stat-rating .ibd-stat-icon {
    width: 23px;
    height: 22px;
  }
  #desktopProfileRedesign .ibd-profile-stat strong {
    position: absolute;
    top: 47px;
    right: 0;
    left: 0;
    display: block;
    transform: none;
  }
  #desktopProfileRedesign .ibd-stat-followers strong {
    transform: translate(-1px, -1px);
  }
  #desktopProfileRedesign .ibd-stat-engagement strong {
    transform: translateY(-1px);
  }
  #desktopProfileRedesign .ibd-stat-rating strong {
    top: 46px;
    font-size: 15px;
    transform: translateY(-1px);
  }
  #desktopProfileRedesign .ibd-profile-stat span {
    position: absolute;
    top: 67px;
    right: 0;
    left: 0;
    margin: 0;
  }

  /* Reference lock glyphs include their original soft edge pixels. */
  #desktopProfileRedesign .ibd-chart-lock {
    top: 45px;
    width: 17px;
    height: 23px;
    filter: none;
    transform: translateX(-50%);
  }
  #desktopProfileRedesign .ibd-chart-lock img {
    display: block;
    width: 17px;
    height: 23px;
    max-width: none;
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="views"] .ibd-chart-lock {
    left: calc(50% - 1px);
  }
  #desktopProfileRedesign .ibd-chart-card[data-chart="followers"] .ibd-chart-lock {
    left: calc(50% + 3px);
  }
  #desktopProfileRedesign .ibd-summary-lock {
    top: 20px;
    left: 53%;
    width: 18px;
    height: 23px;
    filter: none;
    transform: translateX(-50%);
  }
  #desktopProfileRedesign .ibd-summary-lock img {
    display: block;
    width: 18px;
    height: 23px;
    max-width: none;
  }

  /* Small optical corrections. */
  #desktopProfileRedesign .ibd-feedback-cta {
    padding-right: 18px;
  }
  #desktopProfileRedesign .ibd-handle {
    transform: translateX(1px);
  }
}