/* Opt-in Creates primitives. Loaded only by consumers; no legacy/global selectors.
   Field focus follows CTM's single blue border. Segmented radio follows the
   existing navigation pill geometry, with palette surfaces for forms. */
html:root body .creates-form-control.creates-form-control{box-sizing:border-box!important;height:44px!important;min-height:44px!important;width:100%;border:1px solid var(--creates-drawer-line)!important;border-radius:12px!important;padding:0 13px!important;background:var(--creates-drawer-field)!important;color:var(--creates-drawer-ink)!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.35!important;outline:none!important;box-shadow:none!important}
html:root body .creates-form-control.creates-form-control::placeholder{color:var(--creates-placeholder-ink)!important;opacity:1}
html:root body .creates-form-control.creates-form-control[aria-invalid="true"]{border-color:var(--creates-text-red)!important}
html:root body .creates-form-control.creates-form-control:focus{border:2px solid var(--creates-color-0088ff,#0088ff)!important;padding-inline:12px!important;outline:none!important;box-shadow:none!important}
html:root body .creates-form-control.creates-form-control:disabled{color:var(--creates-drawer-muted)!important;background:var(--creates-palette-control)!important;cursor:not-allowed}
html:root body .creates-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box;gap:3px;padding:3px;border:1px solid var(--creates-drawer-line);border-radius:999px;background:var(--creates-palette-control);color:var(--creates-palette-ink)}
html:root body .creates-segmented>label{position:relative;min-width:0;margin:0}
html:root body .creates-segmented>label>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
html:root body .creates-segmented>label>span{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--creates-palette-muted);font-size:14px;font-weight:600;line-height:1.2;box-shadow:none;cursor:pointer}
html:root body .creates-segmented>label>input:checked+span{background:var(--creates-drawer-field);color:var(--creates-palette-ink);border:0;box-shadow:none}
html:root body .creates-segmented>label>input:not(:checked):hover+span{background:var(--creates-palette-hover);color:var(--creates-palette-ink)}
html:root body .creates-segmented>label>input:focus-visible+span{outline:2px solid var(--creates-color-0088ff,#0088ff);outline-offset:-2px}
html:root body .creates-segmented>label>input:disabled+span{opacity:.55;cursor:not-allowed}
@media(max-width:640px){html:root body .creates-form-control.creates-form-control{font-size:16px!important}}

/* Shared segmented navigation variant, composed from the existing segmented control. */
html:root body .creates-segmented-navigation{display:flex;width:max-content;max-width:100%;grid-template-columns:none}
html:root body .creates-segmented-navigation>a{display:flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:999px;background:transparent;color:var(--creates-palette-muted);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}
html:root body .creates-segmented-navigation>a[aria-current="page"]{background:var(--creates-drawer-field);color:var(--creates-palette-ink)}
html:root body .creates-segmented-navigation>a:not([aria-current]):active{background:var(--creates-palette-hover);color:var(--creates-palette-ink)}
html:root body .creates-segmented-navigation>a:focus-visible{outline:2px solid var(--creates-color-0088ff);outline-offset:-2px}

/* Glass segmented navigation shares the navbar palette and render budget. */
html:root body .creates-segmented-navigation.creates-navigation-glass{background:var(--creates-nav-surface);color:var(--creates-nav-ink);border-color:var(--creates-nav-border);box-shadow:var(--creates-nav-shadow)}
html:root body .creates-segmented-navigation.creates-navigation-glass>a{color:var(--creates-nav-muted)}
html:root body .creates-segmented-navigation.creates-navigation-glass>a[aria-current="page"]{background:var(--creates-nav-active);color:var(--creates-nav-active-ink);box-shadow:var(--creates-nav-active-shadow)}
html:root body .creates-segmented-navigation.creates-navigation-glass>a:not([aria-current]):active{background:var(--creates-nav-hover);color:var(--creates-nav-ink)}
html[data-creates-theme="dark"] .creates-navigation-glass{--creates-nav-surface:#404040a3;--creates-nav-border:transparent;--creates-nav-active:#ffffff1a;--creates-nav-active-ink:#fff;--creates-nav-ink:#f5f5f5;--creates-nav-muted:#dedede;--creates-nav-layer-border:transparent;--creates-nav-shadow:inset 0 1px 1px #fff3, inset 0 -1px 1px #ffffff1f, 0 1px 3px #0000001f;--creates-nav-active-shadow:inset 0 1px 1px #ffffff1f, inset 0 -1px 1px #fff1;}

/* Shared form grouping: approved artist profile form, 28 September 2026. */
.creates-form-card{padding:16px;background:var(--creates-drawer-card);border:1px solid var(--creates-drawer-line);border-radius:16px;min-width:0}.creates-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.creates-form-grid>label{min-width:0}@media(max-width:480px){.creates-form-grid{grid-template-columns:1fr}}

/* Shared searchable multi-select: applicant-filter pattern, reusable by artist fields. */
html body .creates-form-multiselect{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;box-sizing:border-box;padding:6px 12px;border:1px solid var(--creates-drawer-line);border-radius:12px;background:var(--creates-drawer-field);color:var(--creates-drawer-ink)}
/* The embedded dropdown keeps the global indicator inset at the composite field edge. */
html body .creates-form-multiselect:has(>input[data-creates-dropdown]){padding-right:0}
html body .creates-form-multiselect:focus-within{outline:2px solid var(--creates-color-0088ff);outline-offset:-2px}
html:root body .creates-form-multiselect.creates-form-multiselect>input,
html:root body .creates-form-multiselect.creates-form-multiselect>input:is(:focus,:focus-visible){flex:1 1 92px;width:auto!important;min-width:72px;height:30px!important;min-height:0!important;padding:0 4px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;outline:none!important;box-shadow:none!important}
.creates-form-selections{display:contents}
html body .creates-form-selection[data-creates-micro-button]{display:inline-flex!important;align-items:center;gap:6px;max-width:100%;color:var(--creates-palette-ink)!important;background:var(--creates-palette-control)!important}
.creates-form-selection>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creates-form-selection>svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
/* A composite field owns its focus ring; embedded search has no second field surface. */
html:root body :is(.dmdp,.ctma,.ctmu,.ctmh) :is(.dmdp-panel,.ctma-drawer,.ctmu-drawer,.ctmu-submit-drawer,.ctmh-drawer) .creates-form-multiselect>input,
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-multiselect.creates-form-multiselect>input:is(:focus,:focus-visible){background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important}

/* Embedded input belongs to its composite surface, including bulk action forms. */
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-multiselect.creates-form-multiselect>input,
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-multiselect.creates-form-multiselect>input:is(:focus,:focus-visible){background:transparent!important;color:var(--creates-drawer-ink)!important;border:0!important;outline:none!important;box-shadow:none!important;margin:0!important}

html:root body .creates-form-multiselect.creates-form-multiselect>input{font-size:14px!important;font-weight:400!important}
@media(max-width:640px){html:root body .creates-form-multiselect.creates-form-multiselect>input{font-size:16px!important}}

/* Textareas share field geometry, with vertical padding for their text line. */
html:root body textarea.creates-form-control.creates-form-control{height:auto!important;min-height:92px!important;padding:10px 13px!important;resize:vertical}
html:root body textarea.creates-form-control.creates-form-control:focus{padding:9px 12px!important}

/* Composite controls retain the shared field surface under legacy DMD drawer rules. */
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-multiselect.creates-form-multiselect{border-radius:12px!important;background:var(--creates-drawer-field)!important;color:var(--creates-drawer-ink)!important}
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-control.creates-form-control{font-size:14px!important}
@media(max-width:640px){html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-control.creates-form-control{font-size:16px!important}}

/* Field copy belongs to its control; use existing form-grid for compact pairs. */
.creates-form-field{display:grid;align-content:start;gap:6px;min-width:0}
.creates-form-field>label{margin:0;font-size:14px;font-weight:400;line-height:1.4}
html body .creates-form-field :is(.creates-field-help,.creates-field-error){display:block;margin:0;font-size:12px;font-weight:400;line-height:1.4}
html body .creates-form-field .creates-field-help{color:var(--creates-drawer-muted)}
html body .creates-form-field [hidden]{display:none!important}
html:root body .creates-form-control.creates-form-control[aria-invalid="true"]:is(:focus,:focus-visible){border-color:var(--creates-text-red)!important;outline-color:var(--creates-text-red)!important}
html:root body .creates-form-multiselect:has(>input[aria-invalid="true"]){border-color:var(--creates-text-red)!important;outline-color:var(--creates-text-red)!important}

/* Validation-gated normal action: neutral until a complete valid form is ready. */
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .dmdp button.dmdp-primary[data-creates-button="validated"]:disabled{background:var(--creates-palette-control)!important;border-color:var(--creates-palette-control)!important;color:var(--creates-drawer-muted)!important;opacity:1!important;cursor:not-allowed!important}
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .creates-form-multiselect.creates-form-multiselect.creates-form-multiselect>input:is(:focus,:focus-visible){border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important}

/* Invalid field remains visible under the legacy drawer field resets. */
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .dmdp .creates-form-field .creates-form-control.creates-form-control[aria-invalid="true"]{border:1px solid var(--creates-text-red)!important;outline-color:var(--creates-text-red)!important}
html:root body.dmd-layout-lab:has(:is(#dmd-design-lab,#pa-design-lab)) .dmdp .creates-form-field .creates-form-control.creates-form-control[aria-invalid="true"]:focus{border-width:2px!important}

/* Shared locked field, branded form intro and password control. Password geometry
   matches the ordinary guest-registration field and eye control. */
html:root body .creates-form-control.creates-form-control[readonly]{cursor:not-allowed!important}
.creates-form-brand{display:block;width:132px;max-width:100%;height:auto;margin:0 0 var(--creates-section-gap,24px)}
html[data-creates-theme="dark"] .creates-form-brand{filter:grayscale(1) brightness(0) invert(1)}
.creates-form-intro{display:grid;gap:8px;margin:0 0 var(--creates-section-gap,24px)}
.creates-form-intro>h1{margin:0;font-size:24px;font-weight:600;line-height:1.2;color:var(--creates-drawer-ink)}
.creates-form-intro>p{margin:0;font-size:14px;line-height:1.4;color:var(--creates-drawer-muted)}
.creates-password-wrap{position:relative;display:block;min-width:0}
html:root body .creates-password-wrap .creates-form-control.creates-form-control{padding-right:48px!important}
html:root body .creates-password-toggle{position:absolute!important;right:2px;top:50%;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:10px!important;transform:translateY(-50%);background:transparent!important;color:var(--creates-palette-icon)!important;cursor:pointer!important}
.creates-password-toggle svg{display:block;pointer-events:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.creates-password-toggle .creates-eye-slash{display:none}
.creates-password-toggle[aria-pressed="true"] .creates-eye-slash{display:block}
html:root body .creates-password-toggle:focus-visible{outline:2px solid var(--creates-color-0088ff)!important;outline-offset:-2px}
html:root body form[data-creates-validated-form] button[data-creates-button="validated"]:disabled{background:var(--creates-palette-control)!important;border-color:var(--creates-palette-control)!important;color:var(--creates-drawer-muted)!important;opacity:1!important;cursor:not-allowed!important}

/* Paired fields follow the shared grid: two desktop columns, one below 481px. */
.creates-form-grid[data-creates-columns="2"]{align-items:start;row-gap:16px}
@media(min-width:481px){
  .creates-form-grid[data-creates-columns="2"]{row-gap:6px}
  .creates-form-grid[data-creates-columns="2"]>.creates-form-field>label{align-self:end}
  @supports(grid-template-rows:subgrid){.creates-form-grid[data-creates-columns="2"]>.creates-form-field{grid-row:span 3;grid-template-rows:subgrid}}
}
/* Keep focused, concealed and revealed input text at the same mobile-safe size. */
html:root body [data-creates-no-zoom] .creates-form-control.creates-form-control{font-size:16px!important}

/* Locked PA identity remains readable without looking editable. */
@layer creates-mobile-fields {
html:root body .creates-pa-form[data-pa-activation] :is(#pa-activate-username,#pa-activate-email)[readonly]{font-size:14px!important;color:var(--creates-palette-muted)!important;-webkit-text-fill-color:var(--creates-palette-muted)!important}
}

/* Opt-in normal action primitive: shared geometry, palette and validation state. */
html:root body .creates-form-action[data-creates-button]{appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--creates-button-height);height:var(--creates-button-height);padding:var(--creates-button-padding);border:0;border-radius:var(--creates-button-radius);background:var(--creates-palette-control);color:var(--creates-palette-ink);font:var(--creates-button-weight) var(--creates-button-font-size)/var(--creates-button-line-height) var(--creates-badge-font,system-ui);cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:none}
html:root body .creates-form-action[data-creates-action="red"]{background:var(--creates-status-red-fill);color:var(--creates-color-ffffff)}
html:root body .creates-form-action[data-creates-button]:disabled{background:var(--creates-palette-control);color:var(--creates-palette-muted);cursor:not-allowed;opacity:1}
html:root body .creates-form-action[data-creates-button]:focus-visible{outline:2px solid var(--creates-color-0088ff);outline-offset:3px}

/* Shared release metadata identity layout: admin DMD and CTM. */
html body .creates-release-people{margin:0 0 var(--creates-section-gap,16px);color:var(--creates-drawer-ink);font-family:var(--creates-badge-font,system-ui)}
html body .creates-release-applicant{padding-bottom:var(--creates-section-gap,16px);border-bottom:1px solid var(--creates-drawer-line)}
html body .creates-release-person-label,html body .creates-release-artist-column>h4{display:block;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4;color:var(--creates-palette-muted)}
html body :is(.creates-release-person,.creates-release-artist){display:flex;align-items:flex-start;gap:12px;min-width:0}
html body img.creates-release-person-avatar{display:block;flex:0 0 48px;width:48px!important;height:48px!important;max-width:none;aspect-ratio:1;object-fit:cover;border-radius:50%;padding:0;border:0;background:var(--creates-palette-control)}
html body .creates-release-person-copy{min-width:0;flex:1}
html body .creates-release-person-copy>strong{display:block;font-size:15px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;color:var(--creates-drawer-ink)}
html body .creates-release-person-copy>small{display:block;margin-top:4px;font-size:12px;line-height:1.4;overflow-wrap:anywhere;color:var(--creates-palette-muted)}
html body .creates-release-artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--creates-section-gap,16px);padding-top:var(--creates-section-gap,16px)}
html body .creates-release-artist-column{min-width:0}
html body .creates-release-artist+.creates-release-artist{margin-top:var(--creates-section-gap,16px)}
html body .creates-release-person-links{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:12px;line-height:1.4}
html body .creates-release-person-links>a{color:var(--creates-text-blue);text-decoration:none}
html body .creates-release-person-links>a:hover{text-decoration:underline}
html body :is(.creates-release-person-links>span,.creates-release-person-empty){color:var(--creates-palette-muted)}
@media(max-width:600px){html body .creates-release-artist-grid{grid-template-columns:1fr}}

/* Only release metadata uses a borderless drawer card. */
html:root body :is(.dmdp-drawer,.ctma-drawer,.ctmu-drawer,.ctmh-drawer) :is(.dmdp-metadata-disclosure,.ctma-metadata-disclosure,.ctmu-metadata-disclosure,.ctmh-metadata-disclosure){border:0!important}
html:root body :is(.dmdp-drawer,.ctma-drawer,.ctmu-drawer,.ctmh-drawer) :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body),html:root body .ctmu-drawer .ctmu-profile{box-sizing:border-box;min-width:0;padding:var(--creates-section-gap,16px)!important;border:0!important;border-radius:16px!important;background:var(--creates-drawer-card)!important;color:var(--creates-drawer-ink)!important}
html:root body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body) :is(.dmdp-profile,.ctma-profile,.ctmh-profile){margin:0!important;border:0!important;background:transparent!important}
html:root body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer) :is(.dmdp-profile,.ctma-profile,.ctmh-profile,.ctmu-profile)>div{border:0!important}
html:root body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body) .creates-release-applicant{border:0!important}
html:root body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body) .creates-release-people{margin-top:0!important}

/* Approved light-mode colors, scoped to release metadata only. */
html:root:not([data-creates-theme="dark"]) body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer .ctmu-profile){--creates-drawer-card:#F7F7F7;--creates-drawer-ink:#262626;--creates-drawer-muted:#7C7C7C;--creates-palette-ink:#262626;--creates-palette-muted:#7C7C7C;--dmdp-ink:#262626;--dmdp-muted:#7C7C7C}
html:root:not([data-creates-theme="dark"]) body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer) :is(.dmdp-profile,.ctma-profile,.ctmh-profile,.ctmu-profile)>div>span:not([class*="badge"]){color:var(--creates-drawer-muted)!important}
html:root:not([data-creates-theme="dark"]) body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer) :is(.dmdp-profile,.ctma-profile,.ctmh-profile,.ctmu-profile)>div>b{color:var(--creates-drawer-ink)!important}

/* Approved dark-mode colors, scoped to release metadata only. */
html:root[data-creates-theme="dark"] body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer .ctmu-profile){--creates-drawer-card:#252525;--creates-drawer-ink:#DDDDDD;--creates-drawer-muted:#9D9D9D;--creates-palette-ink:#DDDDDD;--creates-palette-muted:#9D9D9D;--dmdp-ink:#DDDDDD;--dmdp-muted:#9D9D9D}
html:root[data-creates-theme="dark"] body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer) :is(.dmdp-profile,.ctma-profile,.ctmh-profile,.ctmu-profile)>div>span:not([class*="badge"]){color:var(--creates-drawer-muted)!important}
html:root[data-creates-theme="dark"] body :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body,.ctmu-drawer) :is(.dmdp-profile,.ctma-profile,.ctmh-profile,.ctmu-profile)>div>b{color:var(--creates-drawer-ink)!important}

html:root body :is(.dmdp,.ctma,.ctmu,.ctmh) :is(.dmdp-panel,.ctma-drawer,.ctmu-drawer,.ctmh-drawer) :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body) .creates-release-artist-column>h4{color:var(--creates-drawer-muted)!important}

html:root:not([data-creates-theme="dark"]) body .dmdp-metadata-disclosure-body [data-metadata-edit]{--creates-palette-control:#E4E4E4}
html:root[data-creates-theme="dark"] body .dmdp-metadata-disclosure-body [data-metadata-edit]{--creates-palette-control:#353535}

html body .creates-release-platform-link{display:inline-flex;align-items:center;gap:0;white-space:nowrap}
html:root body :is(.dmdp,.ctma,.ctmu,.ctmh) :is(.dmdp-metadata-disclosure-body,.ctma-metadata-disclosure-body,.ctmu-metadata-disclosure-body,.ctmh-metadata-disclosure-body) .creates-release-link-copy[data-creates-micro-button]{--creates-micro-padding:0;min-width:var(--creates-micro-height)!important;width:26px!important;padding:0!important;background:transparent!important;color:var(--creates-drawer-muted)!important}
.creates-release-link-copy>i{display:block;width:16px;height:16px;background:currentColor;mask:url("creates-clipboard-alt.svg") center/contain no-repeat;-webkit-mask:url("creates-clipboard-alt.svg") center/contain no-repeat}

/* Keep artist platform labels and their copy actions aligned. */
html body .creates-release-artist-grid:has(>.creates-release-artist-column:only-child){grid-template-columns:minmax(0,1fr)}
html body .creates-release-person-links{gap:6px 8px}
html body .creates-release-person-links>span{display:inline-flex;align-items:center;min-height:var(--creates-micro-height);white-space:nowrap}
html:root body :is(.dmdp,.ctma,.ctmu,.ctmh) .creates-release-person-links a{color:var(--creates-text-blue)!important;text-decoration:none!important}
html:root body :is(.dmdp,.ctma,.ctmu,.ctmh) .creates-release-person-links a:hover{text-decoration:underline!important}

/* Required groups share the DMD field marker. */
html body .dmdp-create-form [data-dmd-required]::after{content:" *";color:var(--creates-text-red,var(--creates-palette-red));font-weight:600}

/* User revision context and comparisons share one borderless drawer card. */
html:root body .dmdp .dmdp-panel .dmdp-released-revision-preview .dmdp-revision-user-group{display:grid;gap:var(--creates-section-gap);padding:var(--creates-section-gap);border:0!important;border-radius:16px;background:var(--creates-drawer-card)!important;color:var(--creates-drawer-ink)}
html:root body #dmd-design-lab .dmdp-panel .dmdp-revision-user-group>.dmdp-user-revision-note{margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes{display:grid;gap:var(--creates-section-gap)}
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes :is(.dmdp-detail-section,.dmdp-profile>div){margin-block:0!important;border:0!important}
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes .dmdp-detail-section{padding-block:0!important}

/* Keep content closer within a group than between revision tracks or artists. */
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes{gap:calc(var(--creates-section-gap) * 1.5)}
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes .dmdp-detail-section{display:grid;gap:calc(var(--creates-section-gap) / 2)}
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes :is(.dmdp-detail-section-title,.dmdp-section){margin:0!important}
html:root body .dmdp .dmdp-panel .dmdp-revision-field{display:grid;gap:calc(var(--creates-section-gap) / 4)}
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile>div{padding:0!important}
html body .creates-release-artist .creates-release-person-copy{display:grid;gap:calc(var(--creates-section-gap) / 8)}
html body .creates-release-artist .creates-release-person-copy>small,html body .creates-release-artist .creates-release-person-links{margin:0}
html body .creates-release-artist .creates-release-person-links>span{min-height:0}

/* Revision hierarchy: track heading, muted field label, ordinary metadata value. */
html:root body .dmdp .dmdp-panel .dmdp-revision-user-changes .dmdp-detail-section-title{font-size:calc(15px + var(--creates-admin-type-step,0px));font-weight:600;line-height:1.4;letter-spacing:0;color:var(--creates-drawer-ink);text-transform:none}
html:root body .dmdp .dmdp-panel .dmdp-revision-field>.dmdp-section{font-size:var(--creates-micro-font-size)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--creates-drawer-ink)!important}

/* Revision comparisons share a left edge and group each caption with its value. */
html:root body .dmdp .dmdp-panel .dmdp-revision-fields{display:grid;gap:var(--creates-section-gap)}
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile>div{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--creates-section-gap) / 4)}
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile>div>span{font-size:var(--creates-micro-font-size);font-weight:400;line-height:1.4;color:var(--creates-drawer-muted)}

/* Keep before/after side by side at narrow widths; long values remain in their column. */
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--creates-section-gap)}
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile>div{min-width:0}
html:root body .dmdp .dmdp-panel .dmdp-revision-field .dmdp-profile>div>b{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* CTM user shares the metadata disclosure used by the admin drawer. */
html body .ctmu-metadata-disclosure{margin:var(--creates-section-gap) 0}
html body .ctmu-metadata-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:0 0 var(--creates-section-gap);color:var(--creates-drawer-ink);font-size:14px;font-weight:600}
html body .ctmu-metadata-disclosure>summary::-webkit-details-marker{display:none}
html body .ctmu-metadata-disclosure>summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .ctmu-metadata-disclosure[open]>summary svg{transform:rotate(180deg)}
html:root body .ctmu-metadata-disclosure-body .ctmu-profile{padding:0!important;margin:0!important;background:transparent!important}
html:root body .ctmh-metadata-disclosure-body .ctmh-profile>div{background:transparent!important}

html body .creates-release-people:not(:has(.creates-release-applicant)) .creates-release-artist-grid{padding-top:0}

/* Profile navigation retains the existing identity layout and type. */
html:root body .creates-release-people a.creates-release-profile-open{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:inherit!important;text-decoration:none!important;cursor:pointer}
html:root body .creates-release-people a.creates-release-profile-open:hover{text-decoration:underline!important}
html:root body .creates-release-people a.creates-release-avatar-open{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%}
html:root body .creates-release-people a.creates-release-profile-open:focus-visible{outline:2px solid var(--creates-text-blue);outline-offset:3px}
/* Read-only profile composes the shared centered information popup. */
html body dialog.creates-profile-popup{margin:auto;font:14px/1.4 var(--creates-badge-font,system-ui)}
html body .creates-profile-popup-header{display:flex;align-items:center;justify-content:space-between;gap:var(--creates-section-gap);margin-bottom:var(--creates-section-gap);color:var(--creates-palette-muted);font-size:12px}
html body .creates-profile-popup-identity{display:flex;align-items:center;gap:var(--creates-section-gap);margin-bottom:calc(var(--creates-section-gap)*1.5);min-width:0}
html body .creates-profile-popup-identity>div{min-width:0}
html body .creates-profile-popup-identity h2{margin:0}
html body .creates-profile-popup-identity p{margin:4px 0 0}
html body .creates-profile-popup p.creates-profile-popup-bio{margin:0;white-space:pre-wrap;color:var(--creates-palette-ink)}
html body .creates-profile-popup-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--creates-section-gap);margin:calc(var(--creates-section-gap)*1.5) 0 0}
html body .creates-profile-popup-data>div{min-width:0}
html body .creates-profile-popup-data dt{color:var(--creates-palette-muted);font-size:12px;line-height:1.4;margin:0 0 4px}
html body .creates-profile-popup-data dd{margin:0;color:var(--creates-palette-ink);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
html body .creates-profile-popup-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:calc(var(--creates-section-gap)*1.5);font-size:13px}
html body .creates-profile-popup-links a{color:var(--creates-text-blue);text-decoration:none}
html body .creates-profile-popup-links a:hover{text-decoration:underline}
html body .creates-profile-popup-links a:focus-visible{outline:2px solid var(--creates-text-blue);outline-offset:3px}
html body dialog.creates-profile-popup::backdrop{background:transparent}

html:root:root body .creates-release-people .creates-release-person-copy>strong>a.creates-release-profile-open{color:var(--creates-drawer-ink)!important}


html:root body:has(#dmd-design-lab) #dmd-design-lab .creates-release-people .creates-release-person-copy>strong>a.creates-release-profile-open{color:var(--creates-drawer-ink)!important}
html:root body:has(#dmd-design-lab) #dmd-design-lab .creates-release-people .creates-release-person-copy>strong>a.creates-release-profile-open:hover{text-decoration:underline!important}

/* Keep the inline completeness message and action in one compact form group. */
html:root body .creates-artist-completeness:not([hidden]){display:grid;justify-items:start;gap:calc(var(--creates-section-gap) / 2);margin:calc(var(--creates-section-gap) / 2) 0 0;min-width:0}
html:root body .creates-artist-completeness>p{margin:0!important;padding:0;line-height:1.4}

/* Shared popup actions keep a full group gap after the content. */
html body .creates-profile-popup-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--creates-section-gap)}
html:root:not([data-creates-theme="dark"]) body .creates-artist-completeness>[data-creates-micro-button="neutral"]{--creates-palette-control:var(--creates-palette-icon);--creates-micro-ink:var(--creates-palette-bg)}

/* Artist completeness warning composes the shared information panel and action primitives. */
html body dialog.creates-profile-warning{max-width:calc(100vw - var(--creates-section-gap)*2)}
html body .creates-profile-warning .creates-profile-popup-header{align-items:flex-start}
html body .creates-profile-warning .creates-profile-popup-header>h2{margin:0;min-width:0}
html body .creates-profile-warning .creates-profile-popup-content{display:grid;gap:var(--creates-section-gap);min-width:0}
html body .creates-profile-warning p.creates-profile-warning-artist{margin:0;color:var(--creates-palette-ink);font:inherit}
html body .creates-profile-warning-gaps{display:grid;gap:calc(var(--creates-section-gap)/2);margin:0;padding-left:var(--creates-section-gap);color:var(--creates-palette-ink);font:inherit}
html body .creates-profile-warning .creates-profile-popup-actions{justify-content:flex-end;flex-wrap:nowrap;margin:0}