/* ベースのコンテナ */
.wp-block-custom-border-image-group.my-border-image-group {
    position: relative;
    
    /* 
       重要: エディタ設定を優先するため、ここに padding や margin は書きません。
       デフォルトで少し余白が欲しい場合は、ブロック追加後にエディタで設定するか、
       以下のように最小値を設定してください。
    */
    /* min-height: 100px; */
    
    /* 枠線の形状設定（色はJSで制御） */
    border-radius: 4px; 
    box-sizing: border-box;
}

/* 画像を包むラッパー */
.my-border-image-group .my-border-image-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); /* 中心配置 */
    z-index: 10;
    line-height: 0;
    padding: 0;
    width: auto;
}

/* 実際の画像 */
.my-border-image-group .my-centered-image {
    display: block;
    max-width: 25px; /* 画像サイズ調整 */
    height: auto;
    margin: 0 auto;
}

/* エディタ用のプレースホルダー */
.my-border-image-group .my-centered-image-placeholder {
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #666;
    border: 1px dashed #ccc;
    white-space: nowrap;
    /* テキストの色設定の影響を受けないように色を強制 */
    color: #333; 
}

/* 内部コンテンツのエリア */
.my-border-image-group .my-inner-content {
    width: 100%;
}