/* Shared sizing only: retain each surface's colors, type and interaction style. */
.page :is(.page-inner.cv-list, .page-inner.media-wrap, .plz-wrap, .skills-page,
  .tv-chat-page, .integrations-page, .dvg-wrap) {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-inline: auto;
}
.tv-chat-page .tv-chat-welcome { width: 100%; max-width: none; }
.studio .shop-main-inner { width: 100%; max-width: none; }
.studio :is(.shop-hero, .hero-metrics, .composer, .result-area, .shop-banner) {
  width: 100%;
  max-width: none;
  min-width: 0;
}
@media (min-width: 1600px) {
  .studio .shop-main-inner { padding-inline: clamp(32px, 3vw, 64px); }
  .tv-chat-page .tv-chat-inspiration img { height: clamp(160px, 10vw, 260px); }
}

/* Text actions may grow or wrap; icon controls retain their square footprint. */
:is(.page, .uc-dialog, .studio) .btn:not(.btn-icon) {
  min-height: 36px;
  flex-shrink: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
:is(.page, .uc-dialog, .studio) .btn:not(.btn-icon):not(.btn-sm) { min-height: 40px; }
:is(.page, .uc-dialog, .studio) .btn > svg { flex-shrink: 0; }
.plz-wrap .plz-oc-name {
  min-height: 36px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
}
.dvg-wrap .gd-copy { width: 34px; height: 34px; }
.dvg-wrap .gd-code-wrap pre { padding-right: 48px; }
.studio :is(.cbtn, .send-btn, .insp-act) { min-height: 36px; }
.studio .send-btn { flex-shrink: 0; }

/* Grid children must be allowed to shrink before their scroll area is measured. */
.uc-dialog-inner, .uc-layout, .uc-side, .uc-main { min-width: 0; }
.uc-main { max-width: 100%; }
.uc-input-row > input { min-width: 0; max-width: 100%; }
.uc-avatar-actions { flex-wrap: wrap; }
.uc-avatar-hint { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .uc-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .uc-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; }
  .uc-hero > .uc-avatar-upload { grid-column: 1; grid-row: 1; justify-self: start; }
  .uc-hero > .uc-plan { grid-column: 2; grid-row: 1; }
  .uc-hero-meta { grid-column: 1 / -1; grid-row: 2; }
  .uc-input-row > .btn { flex: 1 1 auto; }
  .uc-head { flex-wrap: wrap; }
}