/* ==UserStyle==
@name           muse.ai
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("muse.ai") {
/* 1. アバター本体のサイズ拡大とマスク解除 */
div[data-hatch-avatar-interaction] {
  width: 250px !important;
  height: 250px !important;
  clip-path: none !important; /* 128px用のくり抜きを解除 */
}

/* 2. 名前の表示位置をアバターの下へずらす */
div[data-hatch-avatar-accessory="status-sidebar-bubble"] {
  top: 210px !important; /* アバターの高さ(200px) + 余白 */
}

/* 3. 編集ボタン（鉛筆アイコン）の調整 */
/* 位置を右下に合わせる場合 */
div[data-hatch-avatar-accessory="status-avatar-edit-menu"] {
  top: 165px !important;
  inset-inline-end: calc(50% - 95px) !important;
}

/* ※もし編集ボタンが不要・邪魔なら非表示にしてもOKです */
/*
div[data-hatch-avatar-accessory="status-avatar-edit-menu"] {
  display: none !important;
}
*/


/* 1. アバター本体の拡大 */
div[data-hatch-avatar-interaction] {
  width: 300px !important;
  height: 300px !important;
  clip-path: none !important;
}

/* 2. 名前の位置 */
div[data-hatch-avatar-accessory="status-sidebar-bubble"] {
  top: 320px !important;
}

/* 3. 編集ボタンの位置 */
div[data-hatch-avatar-accessory="status-avatar-edit-menu"] {
  top: 165px !important;
  inset-inline-end: calc(50% - 95px) !important;
}

/* ★ 親コンテナの固定高さを突破して領域を広げる */
div:has(> div[data-hatch-avatar-interaction]),
div:has(> div > div[data-hatch-avatar-interaction]) {
  height: auto !important;
  min-height: 200px !important; /* アバター(200px) + 名前 + 余白分 */
  padding-bottom: 20px !important;
}
    
}