/* Member task hierarchy. Deliberately page-scoped for the bundled live stylesheet. */
.mx-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:12px 0 32px; }
.mx-heading h1 { font-size:clamp(26px,3vw,38px); line-height:1.15; margin:8px 0 12px; letter-spacing:-.035em; }
.mx-heading p { color:var(--muted); margin:0; }
.mx-heading > .btn { flex-shrink:0; }
.mx-panel { padding:26px; border:1px solid var(--line); border-radius:16px; background:#171922; min-width:0; }
.mx-panel h2 { font-size:22px; line-height:1.25; margin:0 0 16px; letter-spacing:-.025em; }
.mx-panel p { color:var(--muted); line-height:1.6; }
.mx-home-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; }
.mx-attention { grid-row:span 2; }
.mx-library { grid-column:1; grid-row:3; }
.mx-studio { grid-column:2; grid-row:2 / span 2; }
.mx-activity { display:flex; align-items:center; gap:16px; color:var(--text); padding:25px 0; border-bottom:1px solid var(--line); }
.mx-activity:last-child { border-bottom:0; }
.mx-activity > span:nth-child(2) { flex:1; min-width:0; }
.mx-activity strong,.mx-activity small { display:block; }
.mx-activity strong { font-size:17px; margin-bottom:6px; }
.mx-activity small { color:var(--muted); font-size:14px; line-height:1.5; }
.mx-activity b { font-size:24px; font-variant-numeric:tabular-nums; }
.mx-icon { display:inline-flex; padding:11px; border-radius:12px; background:#29202f; color:#ffb4d8; flex-shrink:0; }
.mx-room .btn,.mx-library .btn,.mx-studio .btn { margin-top:12px; }
.mx-wallet { display:flex; align-items:center; gap:20px; padding:28px 0; margin-top:16px; border-top:1px solid var(--line); }
.mx-wallet > div { flex:1; }
.mx-wallet h2 { font-size:17px; margin:0 0 4px; }
.mx-wallet p { color:var(--muted); margin:0; }
.mx-steps { list-style:none; padding:0; margin:0; }
.mx-steps li { display:flex; gap:20px; padding:24px 0; border-bottom:1px solid var(--line); }
.mx-steps li:last-child { border-bottom:0; padding-bottom:0; }
.mx-step-number { flex-shrink:0; border:1px solid #66566d; border-radius:50%; width:36px; height:36px; display:grid; place-items:center; color:#ffc3df; }
.mx-steps h3 { font-size:19px; margin:2px 0 8px; }
.mx-steps p { margin:0 0 14px; max-width:65ch; }
.mx-status { display:inline-block; color:#c4ebd1; }
.mx-studio-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.mx-tool { display:block; color:var(--text); }
.mx-tool > .workspace-icon:first-child { color:#ffb4d8; margin-bottom:20px; }
.mx-tool h2 { font-size:20px; }
.mx-tool p { margin-bottom:20px; }
.mx-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.mx-editor-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:32px; align-items:start; }
.mx-editor-grid .auth-form { margin:0; }
.mx-editor-preview { position:sticky; top:155px; min-width:0; }
.mx-preview-card { border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#171922; margin-bottom:24px; }
.mx-preview-banner { width:100%; height:140px; object-fit:cover; display:block; }
.mx-preview-copy { padding:0 24px 24px; }
.mx-preview-avatar { width:80px; height:80px; border:4px solid #171922; border-radius:50%; object-fit:cover; margin-top:-36px; position:relative; }
.mx-preview-copy h2,.mx-preview-copy h1 { margin:12px 0; overflow-wrap:anywhere; }
.mx-preview-copy p { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted); }
.mx-visibility { border:1px solid var(--line); border-radius:10px; padding:18px; margin:12px 0; min-width:0; }
.mx-visibility legend { padding:0 6px; }
.mx-visibility label { display:flex; gap:12px; align-items:center; }
.mx-visibility input { width:20px; height:20px; flex:0 0 auto; accent-color:var(--accent); }
.mx-visibility p { font-size:14px; margin-bottom:0; }
.mx-profile-editor input[type=file] { max-width:100%; }
.mx-preview-notice { display:flex; gap:20px; justify-content:space-between; align-items:center; padding:20px 0; }
.mx-settings-links { margin-top:24px; }
.mx-settings-links a { display:flex; align-items:center; gap:16px; padding:18px 0; border-top:1px solid var(--line); }
.mx-settings-links a > svg:last-child { margin-left:auto; }
.mx-profile .profile-shell-banner { height:90px; min-height:0; }
.mx-profile .profile-shell-avatar { width:72px; height:72px; }
.mx-profile .profile-shell-avatar-shell { width:80px; }
.mx-profile .profile-shell-top { padding-bottom:16px; }
.mx-profile .profile-shell-bio,.mx-profile .profile-shell-utility-links { display:none; }
.mx-profile .profile-shell-meta-row { gap:8px; }
.mx-profile .profile-shell-title-row h1 { font-size:28px; }
.mx-creator .creator-shell-banner { height:112px; min-height:0; }
.mx-creator .creator-shell-top { padding:0 24px 12px; }
.mx-creator .creator-shell-avatar-shell { width:96px; flex-basis:96px; margin-top:-32px; }
.mx-creator .creator-shell-avatar { width:96px; height:96px; }
.mx-creator .creator-shell-title { font-size:clamp(25px,3vw,34px); }
.mx-creator .creator-shell-bio { font-size:15px; margin-top:10px; }
.mx-creator .creator-shell-rating-overview { margin-top:8px; }
.mx-creator .creator-shell-meta-row { gap:8px; }
.mx-creator-contact { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:0 24px 20px; }
.mx-creator-contact .creator-follow-card { border:0; padding:0; margin:0; background:transparent; }
.mx-creator .creator-shell-command-card h2 { font-size:18px; }
.mx-creator .creator-shell-command-card .mx-actions { flex-direction:column; }
.mx-creator .creator-shell-subnav { padding-top:12px; padding-bottom:12px; }
.mx-creator .creator-shell-action-grid { display:block; }
.mx-action-disclosure { border:1px solid var(--line); border-radius:14px; margin:20px 0; background:#171922; scroll-margin-top:150px; }
.mx-action-disclosure > summary { padding:22px; cursor:pointer; font-size:18px; font-weight:650; }
.mx-action-disclosure > section { border:0!important; margin:0!important; box-shadow:none!important; }
.mx-action-disclosure:not([open]) > section { display:none; }
@media(min-width:1120px) { .workspace-nav-group > a { padding-block:13px; } }
@media(max-width:800px) {
 .mx-heading { align-items:flex-start; flex-direction:column; gap:18px; margin:12px 0 24px; }
 .mx-home-grid,.mx-editor-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .mx-home-grid > * { grid-column:auto; grid-row:auto; }
 .mx-panel { padding:22px; }
 .mx-attention { order:0; }.mx-library { order:1; }.mx-room { order:2; }.mx-studio { order:3; }
 .mx-editor-preview { position:static; }.mx-wallet { align-items:flex-start; flex-wrap:wrap; }
 .mx-wallet .member-text-link { margin-left:65px; }
 .mx-creator .creator-storefront-layout { display:flex; flex-direction:column; gap:24px; }
 .mx-creator .creator-storefront-layout > .creator-collections-card { order:0; width:100%; }
 .mx-creator .creator-storefront-layout > .creator-shell-command-card { order:1; width:100%; }
 .mx-creator .creator-shell-command-card .mx-actions { flex-direction:row; }
 .mx-creator .creator-shell-banner { height:88px; }
 .mx-creator .creator-shell-identity-card { gap:12px; }
 .mx-creator .creator-shell-avatar-shell,.mx-creator .creator-shell-avatar { width:72px; height:72px; flex-basis:72px; }
 .mx-creator .creator-shell-bio { margin-top:8px; }
 .mx-creator .creator-shell-top { padding-inline:18px; }
 .mx-creator-contact { padding-inline:18px; }
 .mx-preview-notice { align-items:flex-start; flex-direction:column; }
}
@media(max-width:480px) {
 .mx-studio-tools { grid-template-columns:minmax(0,1fr); }
 .mx-panel { padding:20px; }.mx-activity { gap:12px; padding:20px 0; }
 .mx-activity .mx-icon { padding:8px; }.mx-activity > svg:last-child { display:none; }
 .mx-steps li { gap:12px; }.mx-heading > .btn { width:100%; }
 .mx-creator .creator-shell-subnav { gap:6px; flex-wrap:wrap; }
 .mx-creator .creator-shell-subnav a { min-height:44px; padding:10px; font-size:13px; }
}
@media(prefers-reduced-motion:no-preference) { .mx-tool,.mx-activity { transition:background-color 140ms ease,border-color 140ms ease; } .mx-tool:hover { background:#20222d; border-color:#74607c; } .mx-activity:hover { background:#1e202b; } }

.mx-creator-contact .member-follow { border:0; border-radius:0; padding:0; margin:0; background:transparent; max-width:520px; }
.mx-creator-contact .member-follow h2,.mx-creator-contact .member-follow > div > p:first-of-type { display:none; }
.mx-creator-contact .member-follow form { margin:0; }
.mx-creator-contact .member-follow-disclosure { font-size:12px; margin:8px 0 0; }
.mx-creator-contact .member-follow-settings { font-size:12px; margin:4px 0 0; }
.mx-creator-contact { align-items:flex-start; }

@media(min-width:801px) {
 .mx-home-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:stretch; }
 .mx-attention { grid-column:1; grid-row:1; }
 .mx-library { grid-column:1; grid-row:2; }
 .mx-room { grid-column:2; grid-row:1; }
 .mx-studio { grid-column:2; grid-row:2; }
}
.mx-creator .creator-shell-command-card { padding-top:0; }
.mx-creator .creator-shell-command-card > .mx-actions { margin-top:16px; }
.mx-creator .creator-shell { gap:24px; }
.mx-creator .creator-shell-subnav { margin-top:0; }
.mx-creator .creator-shell-hero { margin-bottom:24px; }
