/* 4 · Creative — blobs, shaped avatar, chips, offset-shadow buttons, QR panel */
.sx-t-creative .sx-c { position: relative; overflow: hidden; }
.sx-t-creative .sx-blob {
  position: absolute; top: -100px; right: -125px;
  width: 300px; height: 300px;
  background: var(--c-primary);
  border-radius: 42% 58% 63% 37% / 45% 41% 59% 55%;
}
.sx-t-creative .sx-blob2 {
  position: absolute; top: 175px; left: -80px;
  width: 160px; height: 160px; border-radius: 50%;
  background: var(--c-accent); opacity: .7;
}
.sx-t-creative .sx-in { position: relative; padding: 26px 20px 6px; display: flex; flex-direction: column; align-items: flex-start; }
.sx-t-creative .sx-in > * { max-width: 100%; }
.sx-t-creative .sx-tag {
  display: inline-block; padding: 5px 10px; border-radius: 7px;
  background: var(--c-text); color: var(--c-primary-on-text, var(--c-primary));
  font-size: 12px; letter-spacing: .02em;
}
.sx-t-creative .sx-av {
  width: 126px; height: 148px; margin-top: 20px;
  border-radius: 70px 70px 20px 70px;
  background: var(--c-text); color: var(--c-primary-on-text, var(--c-primary));
  font-weight: 800; font-size: 41px;
}
.sx-t-creative .sx-name { margin: 18px 0 6px; font-size: 35px; font-weight: 800; line-height: 1; }
.sx-t-creative .sx-role { color: var(--c-muted); }
.sx-t-creative .sx-chips { margin-top: 16px; }
.sx-t-creative .sx-chips li { border-color: var(--c-text); }
.sx-t-creative .sx-bio { margin-top: 14px; }
.sx-t-creative .sx-acts { width: 100%; margin-top: 18px; gap: 10px; grid-template-columns: repeat(3, 1fr); }
.sx-t-creative .sx-acts[data-count="2"] { grid-template-columns: repeat(2, 1fr); }
.sx-t-creative .sx-acts[data-count="1"] { grid-template-columns: 1fr; }
.sx-t-creative .sx-act {
  background: var(--c-surface);
  border: 1.5px solid var(--c-text);
  box-shadow: 3px 3px 0 var(--c-text);
  font-weight: 700;
}
.sx-t-creative .sx-act:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--c-text); }
.sx-t-creative .sx-save {
  width: 100%; margin-top: 16px;
  background: var(--c-primary); color: var(--c-button-text);
  border: 1.5px solid var(--c-text); box-shadow: 3px 3px 0 var(--c-text);
}
.sx-t-creative .sx-qrrow {
  width: 100%; margin-top: 18px; padding: 12px;
  display: flex; gap: 13px; align-items: center;
  background: var(--c-surface); border: 1.5px solid var(--c-text); border-radius: 16px;
  font-size: 13px; text-align: left; line-height: 1.4;
}
.sx-t-creative .sx-qrrow .sx-qr { width: 68px; height: 68px; flex: none; stroke-width: 2.2; }
.sx-t-creative .sx-qrrow b { display: block; font-size: 14px; }
.sx-t-creative .sx-in > :is(.sx-stats, .sx-hours, .sx-gallery-wrap, .sx-links, .sx-btn, .sx-list) { width: 100%; margin-top: 16px; }
.sx-t-creative .sx-stats, .sx-t-creative .sx-hours, .sx-t-creative .sx-link, .sx-t-creative .sx-copy { border: 1.5px solid var(--c-text); }
.sx-t-creative .sx-stats b { color: var(--c-text); }
.sx-t-creative .sx-li .sx-i { color: var(--c-text); }